Personal Landing Page Build


One of my close friends inspired me recently by sending me their portfolio website they built on Notion for all their personal and work projects, and it made me realize I need a hub for everything Dylan. All my little side quest projects have been randomly scattered across the internet, but today is the day I fix that...with the help of ChatGPT of course. 

I started out with just a basic hub with links to all my subdomains and socials, even those that I don't use like Twitter and BMC; but you're still more than welcome to buy me a "coffee", https://buymeacoffee.com/dylanastrup :), although it will most definitely be used to buy chocolate milk cause coffee is nasty. This first version was basically just a lame version of a Linktree and obviously pretty rough, not only due to my moderately average CSS/HTML skills, but also because I was overutilizing ChatGPT to see if it had any creative implementation ideas. 

v0.1 of my Personal Landing Page

Now that I had a baseline, I began to implement other random ideas that I had. This was just for fun, so why not add random things? I decided I wanted to make my tagline below my name into a sort of news headline, scrolling through different descriptors. ChatGPT suggested I make this pause on hover/tap, and I thought that was cool so I added that. I also, of course, needed a dark mode version cause that's the only correct way to view any sort of digital content (and I will die on that hill), but since there's rebels and traditionalists that still enjoy burning their retinas, I made it so you could toggle between light and dark, and defaults to your system default. 

(editor's note, I find it so ironically funny that I am ranting about light mode on Blogger, which has no native dark mode in its editor, so here I am, retinas=burnt)

(editor's note to the editor's note, I've never written a blog before. I also don't think I've read any personal blogs, soooo, are editors' notes a thing?? I really have no idea what I'm doing here, but here I am)

After adding a light/dark mode, I wanted to make it a little more personal. I made the cursor a fun little sparkle when you hover over any of the links. I also made the light and dark mode backgrounds into color gradients that shift and added some random geometric shapes in the background to make it a little more flowy and break up the boring solid color background. 

Now the page has started to come together and look more like an actual modern webpage. I added a local Ventura CA time indicator so all three people who look at this website (not including my Mom & Dad, hello parental units 👋) will know what time it is in my hood, again, cause why not. 

v0.2
I originally was using a font that I found when creating my recipes.dylanastrup.com website, since it had handwritten, grandma's notecard recipe vibes that I liked for that project, but that didn't fit here so I updated that to a more modern typeface. 

v1.0

And now that's the first version of my landing page! Again, I've built this for fun as well as just a way to practice my coding skills through application. If no one ever sees the website or reads this, that'll just save me the time of getting all excited when I see a spike on my google analytics charts and spending hours learning more about my one user. But if you are reading this, take a look at my site, and feel free to comment any fun ideas you have that I could implement or if you have your own portfolio website that I could take a peak at. 

Okay, see ya'll next time. bye. idk how to sign off a blog :/

like. comment. subscribe. click all my links so I can look at the google analytics plz & thx.

xoxo,
Dyl



Comments

Post a Comment

Popular posts from this blog

Bagels ep.1 - The Bagel Pilgrimage Begins

Image
Whats poppin, its Dough Dylan bringing you the freshest content available on the internet, delivered in the most hip format possible...a blog of course. Today marks the start of my bagel journey - perfecting the bagel recipe. Chewy but crunchy, soft and puffy yet sturdy, bagels are a balance of opposites. They are objectively the best way to start any day, if made correctly. Now, I have wayyy too much Italian New Yorker blood flowing through me, it's slightly disgraceful that its taken me this long to start studying the art of bagels. So I've decided to change that today.  I've made bagels once before years ago and they turned out surprisingly well, especially for the severe lack of research and effort that I put into them. I literally googled bagel recipes and used the first one I found from AllRecipes or something. It worked for me somehow. But I want to put in just a tad more effort and understanding behind the science of bagels, so obviously I turned to reddit. r/Bagels...
Read more

My windows server died and took my recipe app down with it

Yo yo yo, whats good. It's Digital Dylan coming back at ya with another word vomit from my last two brain cells.  A couple days ago, I woke up at 2am to the worst sound a Windows computer could make, the death beep. Blaring louder than my alarm, I had to get up and yank the power cord out of the computer before I crawled back to bed.  This Windows computer that turned into a cuckoo clock in the depths of the night was an old computer that my family used. I, being the technology hoarder I am, have kept it for the past 5 years or so. A couple of months ago, I finally found a use for it. I turned it into a local host machine to host the recipe database website that I had been working on (recipes.dylanastrup.com). This worked out perfectly. I got to learn about local website hosting, networking, DNS management, and (the best part) I got to host it for free. I didn't really have a better spot to put it, so it ended up next to my dresser, a solid 5 feet away from my sleeping setup. ...
Read more