DanieL MoVa

Create & Explore

About Me

Hi! My name is Daniel. I draw, edit videos from time to time, design social media content for a living, and love learning about technology and programming.

I created this space to express myself and practice my English in the process. It’s a nice feeling to think that someone is taking the time to read my words—thank you.

About This Page

This is my personal website, created with 11ty, various community resources, and hosted on Neocities. If you’re interested in what I used to build this page, here it is.

Useful Links

  • To be honest, this isn't my first time creating a webpage. Most of my "knowledge" comes from The Odin Project. It’s a course that covers the basics of web development. Yeah, it’s a lot of work and it’s hard, but it’s worth it. This path helped me understand the foundations of HTML, CSS, JavaScript, Git, and even Linux—with the scary terminal and all.

  • If you follow the Foundations course there, you’ll probably be able to build basic static pages. However, Neocities is full of beautiful pages with things you won't know how to do right away. For me, that was consistent elements between the entire site (headers, navbars, and footers). These sound essential for the modern web but with my basic understanding, they felt like black magic. Anyway, the solution was to learn a static site generator. I chose 11ty because it looked simple (Neocities offers other options in its Learning tab).

  • There are two AMAZING TUTORIALS on how to use 11ty: Flammed "Create A Static Site..." and Afellowu "11ty, GitHub and Neocities" the latter functions as a sequel to the first one but you can follow just the second one if you want. Flammed’s guide is a bit outdated, but it’s still crystal clear.

  • I love NomnomNami layout; it’s clear and simple enough to use as a reference. I spent hours on the DevTools just analyzing how that page was made. I encourage you to do the same with any site you like. Even if you can't recreate this or that detail, it’s a great learning experience.

    Just to be clear: DO NOT copy and paste code from others—use it as a reference to create something of your own!

  • Creating CSS from scratch is a daunting task. Coding every button, form, and header is rewarding, but the fear of a “blank CSS page” led me to spend a week researching CSS Frameworks. I eventually chose Chota because... it sounds funny... and is very lightweight... Oh—and after a couple of days, I actually ended up deleting most of the code and writing my own—not because I’m better, but because I didn't need so many features for this simple site. Still, it’s worth mentioning!

  • For the main font, I use New Rocker. Remember: Google Fonts is your friend.

  • I used this pattern as a base for my background. I redrew the whole thing, adding and replacing elements that are meaningful to me.

I think that's all... It's a simple page.