lukasreis.com v2.1

Today I added BUTTONS!!!

Yes thats right i added a 88x31 page and it was really fun adding them and I even drew a few ones the Astro and my own!

The system for them is exactly the same as I use for the projects i have all links and photos in a .ts file and then Astro gets it and maps them all out

I also added a simple 404 page!

Added a About page!

So for the about page i added things about me and my fav things and also added a yearly goals and i added a automatic percentage thing that i can easily change the percentage and it updates the text percentage thing

Also i changed a few things in the intro changed a bit of the text updated text on the typewriter highlighted my name!

So I forgot to Devlog so I’m going to break this into parts.

Blog system

I Worked on a blog system in Astro so that the blogs are .md files and then I get the data from those and create a page for each blog. I used @shymike’s tutorial for Haxmax for the blog system

Project system

This was simpler then the Blog system but still similar I add the project data on projects.ts like this

export const projects = [
  {
    title: "40%ish Split Keyboard",
    description: "A custom build Split Keyboard.",
    image: "/images/keyboard.jpg",
    github: "https://github.com/maker-lukas/40-ish-split-keyboard",
  },
  {
    title: "B.E.T.T",
    description: "Better Enchanted Tool Textures. A Minecraft Resouce pack that changes tool textures depending on the enchantments",
    image: "/images/pack.png",
    github: "https://github.com/maker-lukas/B.E.T.T",
  }

Then I created a system very similar to the blogs that gets the data and maps each project into a card

Dot background

I made a cool mouse tracking dot background and when the cursor is near the dots expand which i found on a website called prismic.io and I based mine from that

ps: there is a easter egg if you point your cursor in a very specific place

Favicon

I made a simple diamond shaped favicon i tried to add the bio hazard icon there but it was too small to be visible