Skip to content

Commit 6e653c7

Browse files
ggteixeiraggteixeira
committed
Comments parts that are not ready
1 parent ca82eba commit 6e653c7

File tree

2 files changed

+117
-125
lines changed

2 files changed

+117
-125
lines changed

‎src/consts.ts

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -53,28 +53,28 @@ export const LINKS: Links = [
5353

5454
// Socials
5555
export const SOCIALS: Socials = [
56-
{
57-
NAME: "Email",
58-
ICON: "email",
59-
TEXT: "[email protected]",
60-
HREF: "mailto:[email protected]",
61-
},
62-
{
63-
NAME: "Github",
64-
ICON: "github",
65-
TEXT: "ggteixeira",
66-
HREF: "https://github.com/ggteixeira",
67-
},
68-
{
69-
NAME: "LinkedIn",
70-
ICON: "linkedin",
71-
TEXT: "guiatf",
72-
HREF: "https://www.linkedin.com/in/guiatf/",
73-
},
74-
{
75-
NAME: "Bluesky",
76-
ICON: "bluesky",
77-
TEXT: "guiteixeira.dev",
78-
HREF: "https://bsky.app/profile/guiteixeira.dev",
79-
},
56+
// {
57+
// NAME: "Email",
58+
// ICON: "email",
59+
// TEXT: "[email protected]",
60+
// HREF: "mailto:[email protected]",
61+
// },
62+
// {
63+
// NAME: "Github",
64+
// ICON: "github",
65+
// TEXT: "ggteixeira",
66+
// HREF: "https://github.com/ggteixeira",
67+
// },
68+
// {
69+
// NAME: "LinkedIn",
70+
// ICON: "linkedin",
71+
// TEXT: "guiatf",
72+
// HREF: "https://www.linkedin.com/in/guiatf/",
73+
// },
74+
// {
75+
// NAME: "Bluesky",
76+
// ICON: "bluesky",
77+
// TEXT: "guiteixeira.dev",
78+
// HREF: "https://bsky.app/profile/guiteixeira.dev",
79+
// },
8080
];

‎src/pages/index.astro

Lines changed: 93 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import StackCard from "@components/StackCard.astro"
66
import { SITE, SOCIALS } from "@consts"
77
import TwinklingStars from "@components/TwinklingStars.astro"
88
import MeteorShower from "@components/MeteorShower.astro"
9+
import About from "@components/About.tsx"
910
1011
const posts = (await getCollection("blog"))
1112
.filter(post => !post.data.draft)
@@ -109,115 +110,106 @@ const stack = [
109110
<div class="mx-auto max-w-screen-sm p-5 space-y-24 pb-16">
110111

111112
<!-- About Section -->
112-
<section class="animate">
113-
<article>
114-
<p>I am a <b><i>software engineer</i></b>, <b><i>ui/ux designer</i></b>, <b><i>product planner</i></b>, <b><i>mentor</i></b>, <b><i>student</i></b>, <b><i>minimalist</i></b>, <b><i>eternal optimist</i></b>, <b><i>crypto enthusiast</i></b> and <b><i>sarcasm connoisseur</i></b>.</p>
115-
<p>I love to both build and break things. I am motivated by challenging projects with self-guided research and dynamic problem solving. My true passion is crafting creative front end designs with unique takes on color, typography and motion.</p>
116-
<p>During my career</p>
117-
<p>I have built products ranging from marketing and ecommerce websites to complex enterprise apps with focus on delivering fast, elegant code along with delightful user interfaces.</p>
118-
<p>Now</p>
119-
<p>I currently work as a software engineer at StreamlineFS, where I do product planning, design and development.</p>
120-
</article>
121-
</section>
113+
<!-- <About /> -->
122114

123115
<!-- Blog Preview Section -->
124-
<section class="animate">
125-
<div class="space-y-4">
126-
<div class="flex justify-between">
127-
<p class="font-semibold text-black dark:text-white">
128-
Recent posts
129-
</p>
130-
<a href="/blog" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend">
131-
<span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend">
132-
All posts
133-
</span>
134-
</a>
135-
</div>
136-
<ul class="space-y-4">
137-
{posts.map((post) => (
138-
<li>
139-
<ArrowCard entry={post} />
140-
</li>
141-
))}
142-
</ul>
143-
</div>
144-
</section>
116+
<!-- <section class="animate"> -->
117+
<!-- <div class="space-y-4"> -->
118+
<!-- <div class="flex justify-between"> -->
119+
<!-- <p class="font-semibold text-black dark:text-white"> -->
120+
<!-- Recent posts -->
121+
<!-- </p> -->
122+
<!-- <a href="/blog" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend"> -->
123+
<!-- <span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend"> -->
124+
<!-- All posts -->
125+
<!-- </span> -->
126+
<!-- </a> -->
127+
<!-- </div> -->
128+
<!-- <ul class="space-y-4"> -->
129+
<!-- {posts.map((post) => ( -->
130+
<!-- <li> -->
131+
<!-- <ArrowCard entry={post} /> -->
132+
<!-- </li> -->
133+
<!-- ))} -->
134+
<!-- </ul> -->
135+
<!-- </div> -->
136+
<!-- </section> -->
145137

146138
<!-- Tech Stack Section -->
147-
<section class="animate">
148-
<div class="space-y-4">
149-
<p class="font-semibold text-black dark:text-white">
150-
Website build with
151-
</p>
152-
<div class="flex flex-wrap items-center gap-2 mt-5">
153-
{stack.map(item => (
154-
<StackCard
155-
text={item.text}
156-
icon={item.icon}
157-
href={item.href}
158-
/>
159-
))}
160-
</div>
161-
<div>
162-
Performing reactivity and statefulness, special guest
163-
<a href="https://www.solidjs.com/" target="_blank" class="w-fit group underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend">
164-
<span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend">
165-
SolidJS
166-
</span>
167-
</a>
168-
</div>
169-
</div>
170-
</section>
139+
<!-- <section class="animate"> -->
140+
<!-- <div class="space-y-4"> -->
141+
<!-- <p class="font-semibold text-black dark:text-white"> -->
142+
<!-- Website built with -->
143+
<!-- </p> -->
144+
<!-- <div class="flex flex-wrap items-center gap-2 mt-5"> -->
145+
<!-- {stack.map(item => ( -->
146+
<!-- <StackCard -->
147+
<!-- text={item.text} -->
148+
<!-- icon={item.icon} -->
149+
<!-- href={item.href} -->
150+
<!-- /> -->
151+
<!-- ))} -->
152+
<!-- </div> -->
153+
<!-- <div> -->
154+
<!-- Performing reactivity and statefulness, special guest -->
155+
<!-- <a href="https://www.solidjs.com/" target="_blank" class="w-fit group underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend"> -->
156+
<!-- <span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend"> -->
157+
<!-- SolidJS -->
158+
<!-- </span> -->
159+
<!-- </a> -->
160+
<!-- </div> -->
161+
<!-- </div> -->
162+
<!-- </section> -->
171163

172164
<!-- Project Preview Section -->
173-
<section class="animate">
174-
<div class="space-y-4">
175-
<div class="flex justify-between">
176-
<p class="font-semibold text-black dark:text-white">
177-
Recent projects
178-
</p>
179-
<a href="/projects" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend">
180-
<span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend">
181-
All projects
182-
</span>
183-
</a>
184-
</div>
185-
<ul class="space-y-4">
186-
{projects.map((project) => (
187-
<li>
188-
<ArrowCard entry={project} />
189-
</li>
190-
))}
191-
</ul>
192-
</div>
193-
</section>
165+
<!-- <section class="animate"> -->
166+
<!-- <div class="space-y-4"> -->
167+
<!-- <div class="flex justify-between"> -->
168+
<!-- <p class="font-semibold text-black dark:text-white"> -->
169+
<!-- Recent projects -->
170+
<!-- </p> -->
171+
<!-- <a href="/projects" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend"> -->
172+
<!-- <span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend"> -->
173+
<!-- All projects -->
174+
<!-- </span> -->
175+
<!-- </a> -->
176+
<!-- </div> -->
177+
<!-- <ul class="space-y-4"> -->
178+
<!-- {projects.map((project) => ( -->
179+
<!-- <li> -->
180+
<!-- <ArrowCard entry={project} /> -->
181+
<!-- </li> -->
182+
<!-- ))} -->
183+
<!-- </ul> -->
184+
<!-- </div> -->
185+
<!-- </section> -->
194186

195187
<!-- Contact Section -->
196-
<section class="animate">
197-
<div>
198-
<p class="font-semibold text-black dark:text-white">
199-
Let's Connect
200-
</p>
201-
<p>
202-
Reach out to me via email or on social media.
203-
</p>
204-
<div class="grid grid-cols-4 gap-y-2 mt-4 auto-cols-min">
205-
{SOCIALS.map(social => (
206-
<div class="col-span-1 flex items-center gap-1">
207-
<span class="whitespace-nowrap truncate">
208-
{social.NAME}
209-
</span>
210-
</div>
211-
<div class="col-span-3 truncate">
212-
<a href={social.HREF} target="_blank" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend">
213-
<span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend">
214-
{social.TEXT}
215-
</span>
216-
</a>
217-
</div>
218-
))}
219-
</div>
220-
</section>
188+
<!-- <section class="animate"> -->
189+
<!-- <div> -->
190+
<!-- <p class="font-semibold text-black dark:text-white"> -->
191+
<!-- Let's Connect -->
192+
<!-- </p> -->
193+
<!-- <p> -->
194+
<!-- Reach out to me via email or on social media. -->
195+
<!-- </p> -->
196+
<!-- <div class="grid grid-cols-4 gap-y-2 mt-4 auto-cols-min"> -->
197+
<!-- {SOCIALS.map(social => ( -->
198+
<!-- <div class="col-span-1 flex items-center gap-1"> -->
199+
<!-- <span class="whitespace-nowrap truncate"> -->
200+
<!-- {social.NAME} -->
201+
<!-- </span> -->
202+
<!-- </div> -->
203+
<!-- <div class="col-span-3 truncate"> -->
204+
<!-- <a href={social.HREF} target="_blank" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2 blend"> -->
205+
<!-- <span class="text-black/75 dark:text-white/75 group-hover:text-black group-hover:dark:text-white blend"> -->
206+
<!-- {social.TEXT} -->
207+
<!-- </span> -->
208+
<!-- </a> -->
209+
<!-- </div> -->
210+
<!-- ))} -->
211+
<!-- </div> -->
212+
<!-- </section> -->
221213
</div>
222214
</div>
223215
</PageLayout>

0 commit comments

Comments
 (0)