lukasreis.com v2.1

I updated lots of small things and also added a few!

Firstly I added a link in the time coded today to point to hackati.me/Lukas so like this people can see all my stats

then second thing I added a rss feed so people can get updated from when i post blog posts and also added it to my slack channel :3

And then I also updated the image on the Dial project for a actuall project photo

And a realy small thing i enabled prefetch on astro so links preload on page load so faster switching to pages!

And lastly update READEME!

Today i made the 404 page WAY better with fun geeky quotes from movies / games and i just really like it

I also:

• added more 88x31 buttons
• updated About and Intro
• Try to make light mode but unsuccessful because its way too hard to choose new colors when dark mode is so perfect

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 reworked more like fixed/cleaned project/blog systems

Then i also Made a time / music playing / coding time

status bar in the homepage this took quite long to get everything working with a Astro built in API system which is really fun and now I also host my website on cloudflare instead of GitHub pages!

Few other things i did

• Added CSS global variables for the general colors

• Made the cursor dot background be a circle instead of diamond shape

• Fixed footer text positioning

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

Designed new version on figma and i’m really happy how it is also started with mobile right in the start so its easier in the end

Coding went also really well started a fresh Astro project and started with the footer and header then the body and its getting already really together i just really love html and css they are the best its so easy to code and easy to understand