Blog

• I'm obsessed

  I'm obsessed. I've been down this rabbit hole of indie web for a week now and I can't seem to stop.

  It feels like a gallery here. I find myself in a virtual wonderland filled with a cacophony of zines and I can't look away.

  It's THE punk rock show of creativity. It feels so indie and I absolutely love it.

  It's nostaglic for me from my perspective in the way that I never got to build sites like this because I was always building the tools or the content. Not that I couldn't. Really I was too tired. When I got home, I just chilled with and played some N64 or went out.

  Now I have some the time so I'll post little by little whenever I need a break from other projects.

  I think I'll work on a better color palette and pagination next for next time.

---

• Fixed Single Blog Page

  Totally forgot to update the single blog post page. I didn't realize that Neocities would post a screenshot of a page I didn't link to. That's fixed now.

  I also added slugify to the path names. In my src/blog folder there's a blog.11tyData.json file that looks like this:

  {
  	"tags": ["post"],
  	"layout": "base.njk",
  	"permalink": "/blog/ { { title | slugify } }/"
  }
  

  permalink and the slugify is the key.

---

• Moved to Eleventy

  Using vanilla html sucks so I moved to 11ty this afternoon. It was pretty straight forward because this site has very little content so far. I added the blog folder hierarchy and kept the posts as .md files.

  Here is what my .eleventy.js file looks like so far. It's pretty basic and works great right now.

  module.exports = function(eleventyConfig) {
  		eleventyConfig.addPassthroughCopy('src/css');
  		eleventyConfig.addPassthroughCopy('src/js');
  		eleventyConfig.addPassthroughCopy('src/images');
  		eleventyConfig.on('beforeBuild', () => {
  			console.log('Input Dir:', eleventyConfig.dir.input);
  			console.log('Includes Dir:', eleventyConfig.dir.includes);
  		});
  		eleventyConfig.addShortcode('currentBuildDate', () => {
  			return new Date().toLocaleString('en-US');
  		});
  		return {
  			dir: {
  				input: 'src',
  				includes: '_includes', // This line is important
  				output: 'dist',
  			},
  			templateFormats: ['md', 'njk', 'html'],
  			markdownTemplateEngine: 'njk',
  			htmlTemplateEngine: 'njk',
  			dataTempalteEngine: 'njk',
  		};
  	};
  

  My folder hierarchy look like this:

  

---

• First Post

  It's April 22, 2025. There are currently only two pages on this site; blog and change log.

  I plan to keep building this site up little by little few days a week. As I build little by little I'll be putting comments in the code to help me remember what I did and help you understand what I did.

  Feel free to use any code you find on the site. It's a little bit chaotic right now but it will get better.

  Right now it's ugly but that's ok. You have to start somewhere. There are some unused css in the styles.css file and this blog page is just a single page without pagination. These things will improve over time so check back often.

---