My Digital Garden 🌱

Ideas for blog

7 min read

Features

  • I could scroll my page down on the landing page

  • Portuguese language translation!

  • Possibility of blogging is No. 1!

Appearance

  • Side bar on the left

  • What instead of side bar try to make the graph view!?

  • It must be hard but the effect could be impressive

  • I’d copy this graph

    The main innovation is to group tabs in right way to make it simple and easy to navigate.
    The graph should be well-structured

List

  1. Main page
  2. Last posts
  3. Graph of posts instead of any tabs
  4. From graph moving to posts

Heroes Might and Magic III style

Whole websites like from Heroes universe


I could make it as a home page


This could be the posts library

The problem is that some ppl could ask what it has about my career. For them it would looks funny.

But if I want to create my really own safe space I should try it.

After mini game tab

Minigame adventure map inside my blog
Phases of the JS mini game

Mini game logic is finally working. The huge phase had been done. I have many interactive objects and non interactive that I can walk around with my hero that perfectly moves on the canvas.
All of this work was the preparation for the final boss. The blog on this site. I’m not sure yet how to exactly implement blog here. The first idea was to add just the HOMM3 main menu and from there I could open posts, projects, contact, about me tabs. However the mini game implementation was so big that I think this is most proud part of the project. I have some ideas that I could make the mini game as a starting page and by hero moves the website user could visit different objects on map that would show the previously described tabs. Despite of JavaScript logic of the site I would maintain all the content that I could add in easy managable way using markdown files and system to easily edit or add new content.

I don’t know if posts, projects, should be separate pages that I could open when visitng object or maybe everything should happen inside the minigame page with the overlay box. This mini game looks quite heavy and I don’t know if it is good idea for blog site but I already sacrified many hours for it.

About me tab


I would add to my site this panel. It would work as separate tab that I could click on from the landing page. This panel could be editable so I could fill it with information about me. Filled it would look like the second attachment but I would add there my information like instead of Kyrre - Piotr (my name) Level 22 (my age), Sepciality Computer science and etc.

Im proud of it. I got the same color from brown leather using Hue/Saturation.
For blue leather:
Hue: -135
Saturation: 54
Lightness: 9

Posts.astro and markdown files

The next big step is to develop further the posts.astro page. It has to be connected to the CMS later. I want to connect the .markdown files to this page. I don’t know in which way the headers of new posts with single title image should be displayed. On the middle? On the left side? Maybe once left once right? Should I add any tabs and if yes I need to strict to HOMM3 style so those tabs could be for example the 4 elements from spell book but I don’t have detailed idea for implementation.
Turns in the direction of developing

Next big steps

  • I need to implement the main menu pages into mini game. The AI already did it badly I want the full three pages (posts, aboutme, contact) in exactly the same form with dark overlay for map. I thought it is easy. Just attach link to the page as a interaction footprint of object on map but it looks like it’s much harder.

  • I think I need to develop the new GameLayout. Current one just copy the main menu page and provide it as a background for the pages. I need to create the Layout that will be inside the projects.astro. It have to display current moving background with some darker overlay and copy the pages exactly as they were created.

  • Different objects on map should shows the .md files with content. To manage that i also maybe need separate layout maybe even a copy from posts.astro page because it would give the consistency. Just remove the elements tabs and there could be list of content to choose the file of the project. Because the projects can be written in many separate .md files so Im aware of it.

  • It must be easy to develop later after publishing it to public so CMS must be there. When I want add new project files. it needs to be assigned to certain object. Then object uses the layout to show the uploded via CMS assets.

  • The object itself could be also added by CMS because there is already made handle to take map-data.json file with all objects their names and coordinates. There must be just full possibility of editing website content without coding.

  • The main menu should have all the information for lost souls who entered the websites and don’t know what is going on. I should move the mini game as the first button and change its title to something like “Enter my world” or smth shorter.

  • There should be small red slowly blinking tab “NEW” putted everywehere where is new content. It would be showed on the main menu buttons, in posts page close to titles in left title browser, on the mini map close over the objects. It means something should check the date of last entry and calculate if it is new. Other way it could just stay with “NEW” label as long as something newer will be added.

  • Cursor when hovering hero, and this aboutme tab when clicking on it.

  • Special panel to reuse for the projects descriptions and tabs. The tabs could be placed like in the browser horizontally, on the top edge of the page, with names and extensions and maybe icons. exp. documentation.txt, overwiev.md sourcecode.cpp download.zip READme.md.

  • Special panel for short information like How to use this page simple dialog box from heroes 3 with ok button

  • Map camera? No

Small steps

  • The contact.astro page is vibe-coded really fast there should be improvments. I don’t like the AI default style of making buttons, borders and etc. it looks very AI made.

  • Aboutme.astro page is still empty. I should add there some info about me but I feel it’s a little awkard. I don’t have almost any ceritificates and I don’t want to write too much about myself. There should be my real photo.

  • Images for posts in sanity studio

  • Loading screen, entrance page

  • projectId,dataset - must be encrypted!!!

  • Syntax for files in projects, for code files and .md

  • Images in projects in sanity studio

  • Meta inforamtion in basehead.astro

  • okay button for dialogs

  • delete unnecessary code

  • Edit tabs names

  • buy domain

  • host site

  • Figure out what to do with editor mode it can be dangerous

  • color of titles in dialogs

  • try to globalise style of page into global.css

  • Arrows of path should be at the top of objects

  • Experience is the amount of my days on the earth!

  • exit button in main menu

  • I already uploaded sensitive credentials to github do something with that before putting it public

  • merge to main

  • maybe create new public repo for hosting

Update the SEO to match the current project appearance. Update the tab headers titles to actual ones. All these information that were made at the beginnign of the project are now not actaul as project is not prototype anymore, take care of it.

The issue with my new website is that it loads very slow, for game canvas it’s about 1 minute! The dialog boxes and main menu background also loads slowly user can even see how the background is slowly appearing on page or different tabs are changing color from white to their textures. It looks very unprofesionally

Graph View

Recent Notes