Devlog #5
Gallery! 
Hii everyone!!
Today I spent quite some time on the Gallery.
It’s just a page where I put some pictures that I took in the last years, nothing crazy, but I spent A LOT of time between the styling and finding way to load all the photos without having the page lagging. And while it’s easy, I tried at first the hardest method… which didn’t work that much, and only after that I found how to do it properly, so yeah…
Also, I tweaked some properties for smaller screens and changed the background, I think I like this one more.
Let me know if you have any suggestions!! I always read the comments :)
P.S. The site is now live! nokira.dev
Thank you, guys, for reading! Have a great week!! 
Devlog #4
More styling.. 
Hii guys!
Sooo today I didn’t work that much, but I changed some of the CSS and now this is how the page looks like. If anyone has suggestions, feel free to comment!
Also, I have a question, does anyone know why the website seems to lag during the scrolling on Edge, while it works completely fine on Chrome and Firefox?
This is it for today, tomorrow I’ll definitely start working on the gallery, I gathered some ideas today.
Byeee!! Thanks for reading :)
Devlog #3
Styling 
Sooo hi again!
In this hour here is what I did:
- Added Background
- Added Colors
- Added Images & GIFs
- Added Dividers
To be honest it was quite easy to make the layout. The hardest part was searching online for the graphics!!
There are so many resources out there, but I felt like only a few of them deserved to be used on this website. I guess I spent 1 or 2 hours going around hundreds of sites to get all the elements needed (and I don’t think I’m done).
I don’t really have a plan for tomorrow, but I’ll probably create the projects section. Also, I was thinking of making a gallery too, to share some of the pictures I took that I like the most
Thank you, guys, as always for the support and for reading the devlogs!! :)
Devlog #2
Barebones 
Hi everyone!!
I’ve started working on the overall layout.
I think it’s coming together, slowly, but it’s already something.
I added all my interests and wrote kind of a long paragraph for the about me section, so I hid by default, this way the page doesn’t feel too crowdy.
I will now work more on the styling. Find some cool elements to add, a palette, and a background.
Thank you for reading!! :)
Devlog 1
New beginning 🌐
Hii everyone!
So, I finally decided to spend my domain grant, and I bought the nokira.dev.
Now I am reworking the entire website to a whole different style. Hopefully I will come up with something permanent and beautiful.
I will work a bit slowly compared to usual, but something will come… :)
Devlog #5
README
Hii everyone!!
Today I wrote the README file for github and also made the firmware using QMK, but I forgot to record it XD
So if everything works correctly the keys should be mapped like this:
┌──────┬──────┬──────┐
│ PREV │ PLAY │ NEXT │
│──────┼────── │──────│
│ F13 │ F14 │ LOCK │
└──────┴──────┴──────┘
Where each function is:
- PREV > Previous Media
- PLAY > Play or Stop current Media
- NEXT > Next Media
- F13 > Free Macro Mey
- F14 > Free Macro Key
- LOCK > Lock Screen
I will ship the design and see. If everything works and I get the grants, next devlog will be once I get all the stuff to actually build it :)
Byeee thanks for reading!!
Devlog #4
I HATE DESIGNING 
Hi..!
Today as I said, I did what should have been the case for my hackpad. I thought it would have been something fast, a few hours.
BUT NO.
It took me 5 hours and a half to do THIS awful thing, IT’S NOT EVEN A CASE. I tried doing a normal one but I couldn’t. I never understood (and will never understand) how to model stuff and so I did this.
Open case hackpad it is….
Btw I started this session at 13:27 and I finished now at 21:39. I will never touch Fusion again after this pain.
But… anyway. Let me know what you think, I know it kinda sucks but yeah…
Thanks for reading :)
Devlog #3
LEDs !!
Hey guys!! I managed to add the LEDs :)
Turns out it was pretty easy but it took me quite some time because looking online I couldn’t find one answer so I had to ask on the Slack channel.
But anyway. Other than the LEDs I rerouted everything It felt kinda messy so I deleted all connections and started from zero. Now I’m much happier with the result. Surely, if someone is more experienced, to him it might not look that good, but it does to me and for being my first ever time I am very proud :)
I plan on now moving to the case design which I hope to finish before the end of the week.
Overall I am VERY satisfied of what I did today, and also I am liking this A LOT, maybe more than coding… crazy.
Thank you all for reading this 
Have a wonderful day :)
Devlog #2
LEDs ??
Hello again everyone!!
I spent some time looking around the internet and other macropads, and this gave me the need to add LEDs to my project, and so I tried.
I hopefully connected them in the right way in the schematic but still don’t know how to place them on the PCB. If anyone knows, PLEASE PLEASE, leave a comment <3, I will try to search online tomorrow to find how to make it.
Also I basically removed all the connections in the schematic and used even more labels, since it looks way cleaner this way.
I really hope I am able to finish the PCB soon with a layout I like so I can move to designing, which will be another new world for me :D
Thanks for reading!! Have a great day
Devlog #1
First time!
Hiii everyone!
Today I wanted to try something new. All my projects are software related because that’s what I have been doing for the past years, but today I wanted to explore some hardware, so I started the Hackpad mission. In the attached screenshot is the result of what I managed to do in roughly 1 hours and a half.
Before starting this, and before tracking any time, I did watch this video to understand how KiCad worked and how to make a simple 3x3 keyboard. Then I just looked up some ideas and came up with my own design, picked the components and started doing mine.
Ship
Devlog #5
Fixed everything (hopefully)
Hiiii everyone!! 👋
Today I looked at all of the amazing reviews that were left on my first ship. I tried listening to every single one of them so here are the new features:
- Mutually exclusive time and word modes: Now you can only select the Time or the Word amount. If you select the time you will get infinite words and the game will finish when time runs out. If you select the Word amount, you will have unlimited time but a fixed amount of words.
- Mute sounds button: someone didn’t like the sounds playing so I decided to add a button to mute everything, hopefully this is enough :)
- Survival mode: someone suggested adding an unlimited time mode were you are limited by mistake so your objective is to type all the words selected by making less than 5 mistakes, or else the game ends.
- Split JS code: not really a feature but as someone correctly pointed out all the code was in one big file, so I split some minor code additions to other files.
I hope this fixes everything you guys asked!!
If not, leave a comment, I always read them :)
I will ship this fixed version since I don’t really have any new feature to add since it is meant to be a bit minimal so without too much useless stuff.
Thank you all so much for the honest reviews :)
Ship
Devlog #4
Sharing!
Hii!
Fortunately making the sharing option wasn’t too hard. I thought of different ideas and the one I liked more was to capture the lifetime stats using html-to-image which lets you “screenshot” an element of your Website and create a picture of it.
In my case I just had to create an outer div that contained the Stats div and then just made a PNG when the Share button is clicked.
Also, I added sounds for button, just a minor touch.
I think I am actually shipping this project. I don’t want to make it too complicated or bloated with unrelated or useless stuff. Also because this was just to practice JavaScript a little more
Byee!! :)
Devlog #3
Hardcore mode ☠️
Hii! Quick devlog.
I just finished adding the hardcore mode, when enabling this, if you make any mistake your session ends, so you must have 100% accuracy to go through all the words.
Also I added a little indicator to show which buttons are selected.
Today I will do other stuff maybe, like the stats sharing!
Thanks for reading! Byeee :D
Devlog #2
More Stats, and Dark Mode 🌙
Hi hi! I managed to add some smaller features:
- Accuracy, this will display both your lifetime accuracy between all typing sessions, and for the current one.
- Dark Mode, added a little button that lets you switch between dark and light mode.
- Streak, I still need to test and polish this but it should do the job for now, just complete one typing session each day and it goes up.
- Timer buttons, this was by far the easiest to add, just made some buttons like for the words selection but for time, so you can challenge yourself with less time or be more relaxed with more time.
In the next days I will try to add buttons to change the amount of words generated for each section (quotes excluded) and maybe add a hardcore mode where with one mistake you end the session. Also wanted to add the possibility to like share lifetime stats, but only if it’s not too hard to do.
Thanks for reading <3
Byeee!
Devlog #1
Typing game!
Hello!! In the last few days I’ve been very inactive but today I decided to come back with a small and simple project just to keep my JavaScript skills and not lose all the progress I made in the last weeks.
Soo I decided to make this… It’s a simple typing game, just like MonkeyType. You choose a category of words and you just type. The time limit is 35 seconds and in that time you either finish all the words or type as much as you can. At the top you will find the lifetime stats, so the average WPM which is calculated among all rounds, while at the bottom once you finish a round you will see the stats regarding that single session.
Some features I will most likely add are accuracy, custom words and time amount and lastly interface sounds, like typing and clicking!
Byeee!!
Ship
Loading more…