Well today was certainly a day in which disappointing but not surprising things happened. Anyway im still alive and with both electricity and internet access so you know the drill.
Made some changes to scaling. Getting more into those :root variables and dear lord theyre useful thank god (btw im not even religious the saying just stuck for some reason). Next thing to do will probably be simplifying the middle navigation bar (or maybe moving it to the left? I dont know).
Actually i might just stop trying to make it scaleable after this one. Its kind of taking the fun out of this.
Leaving it here to go download some (more) music i want to listen to before internet goes out. Fuck spotify btw for that price you should buy an sd card and download all your music. I have 1200~ MP3s and all of them together weigh like 5 and a half gigabytes. I dont think they even sell 4gb SD cards anymore so fitting all of that into one is very easy
Actually i should do a whole tutorial on downloading music through youtube. I would include automation for the metadata and stuff but i prefer to do it manually because a good portion of the music i listen to doesnt even have official translations. All of that 1k+ music is sorted manually baby (over the course of ~7 years and usually around 40 max at a time but still)
Oh man its 4AM and i dont want to go to sleep because theres something major happening today and its consequences (which i do not know) might affect me greatly and im nervous.
Anyway with the actual changes my poor sleep deprived brain has squeezed out: Added the navbar, side dividers and main content box to test site #3. The containers look good (even if the border gets thick at high scaling but its set to 3 pixels you probably shouldnt be looking at this website with a device that tiny) but the font size looks really big past a certain point. I need to figure out how to make it so that it shrinks (???) instead of cutting off or scrolling like it is right now. Will probably have to start using those defined values you can set a name to and type instead of repeating "19px" every time theres text and then suffering when you want to change it.
Also fix the weird cover scaling happening with the header image
Im not sure if this is even comprehensible im really tired. Tldr added 3 more components to the test layout, need to fix font sizes.
Usually when i dont update this site its because i dont feel like working on it but after today theres a possibility i might go without internet for an unknown amount of time so. if that happens im probably not dead the political situation here just sucks
Anyway. Im tired. Going to sleep (even if its practically 5am). Goodbye
Looks like i will continue using this page anyway. Its very convenient.
Figured out how to set an image width to fit a countainer but still maintain aspect ratio. Shouldve been simple but my head hurts from breathing in gasoline fumes all morning.
STILL havent found a way to do what i mentioned before. Turns out the anchor property is more for positioning than to inherit values. What do i even do now help
I give up im remaking my whole layout again but with grids. I have no idea what im doing tbh why is my top right box all messed up
I really wish anchor properties were more widely supported because its the perfect solution to the problem im having. Thing is, Firefox doesnt support it and its the browser im using
The problem is making the two boxes next to the header image be the same height as it is. I managed to make the header scaling work with aspect ratios but the boxes are specified in pixels. Aspect-ratio isnt working so far.
Javascript is confusing me so much. The most i can do so far is make components their own files (so i dont have to change all pager every time) but some things dont work with it and im pretty much copy-pasting code i found and changing the name.
Looks like i'll have to change to a grid layout (Code wise its different but hopefully should look the same) eventually and it will be such a pain...
FINALLY fixed the issue i was having with the main container's background image. Changed it to background position: center (was "center top" before) and background size: cover (was "100%")
Fixed the header image aspect ratio problem. Apparently the neocities code editor doesnt recognize "aspect-ratio" as a valid property but it does work.
Sidebars now look slightly less bad when viewed in smaller screens. Part of them is hidden under the main box and its straight up hidden at a certain point but its something at least.
Still cant figure out how to make them look exactly the same when downscaled. Probably also my mess of mixing pixels and percentages when assigning sizes. Aspect ratios are an absolute lifesaver so far.
Guess whos going to be writing here anyway bc its easier
Updated about page, working on making it better for smaller screens & zooming (I know i wasnt planning to but it was bothering me)
Edit a while later: I give up on this how tf do i make my sidebars a retractable menu i just made a mess trying (thankfully didnt have to restore from a backup this time)
Final change before i go to sleep: Changed some sizes to percentages instead of pixels (that i sometimes calculated manually from percentages...) because i finally realized how bad it goes when you change resolutions. Only adjusted the center row, the side bars are for tomorrow because im tired and want to go to sleep
Note to self: Fix scaling issues with the header image when page size is changed. Also resize header image to middle row size (and fix the asymmetrical underline thats bothering me)
Moved most things to the new layout already. This will probably be the last day I write in this page.
All updated (aside from this one) are in the new format. Still have to make a simplified changelog in the sidebars.
I am so tired but i will write this anyway before i finish and go to sleep
To Do:
Btw i disassembled a laptop today and its insides had to be put aside on a closet because putting it back together will take really long and i still need to replace the thermal paste because that thing might be older than i am and is completely dry. I love computers.
Changed the background for an image (still on the test page). My head hurts.
Ok its night now and i adjusted some things with the background from before. It looks weird when i try and color pick using colorzilla but i will ignore that for now
Today was mostly a drawing day. Im also making something like a mascot for this site (and of course its an anime girl. its all i draw ok). Also added a gallery page to the menu. Still nothing there but i will upload the finished mascot + another one i was also working on today
Since i started working on this site i have felt more energetic somehow. Probably because im doing something other than lay on my bed using my phone all day. Point is: I'm really liking this. Who knew making a website would fix my lack of energy.
Im starting to really like my theme in the test page but im a coward so i kind of dont want to commit to it by moving it to the main page in case i break something or regret it or idk.
(Btw i didnt update yesterday because i spent most of the day organizing my downloaded music)
I feel like i can now make containers and classes by myself more confidently. Most of the things in the test page i did manually (and you can probably tell by the element names). Also i figured out what property i was looking for in the last update. "Line-width" is responsible for the space inbetween lines. I dont even remember what i had wrong but a certain part of the menu was being aligned horizontally instead of vertically but thats fixed now.
2 days and i forgot ok. To be fair in high school i did only study the night before exams (or sometimes in the car ride in the morning. in my defense it was like 30min long) and forget about it immediately after. Definitely not going to work when i go to university but i need to get my life together before i do that anyway so im good for now
Well that was a tangent.
Adjusted some pages for the new layout.
To Do:
Getting hungry again so i will stop for today. Bye
NEVERMIND its night and my eyes are tired but i cant resist.
I checked my site from my phone and WOW the new layout looks so bad. Im not fixing it though (even if it annoys me). The current main page theme does look good though.
Added some graphics (finally) & Some checkmarks (✔) to things from past entries in this page i already completed. I think i am actually going to sleep soon though my eyes are getting even more tired and dry
8:40PM My batterys gonna die and im tired anyway so goodnight (hopefully for real this time)
Bro i am suffering. I wasnt even going to update this today because my firefox tabs are a mess and i do not have the screen space to manage all of this but lets do it anyway because i need to complain somehow.
How do i make a tag thats exactly like the base p tag (without the added formatting)??? I cant use the actual p tag because i dnt want to get rid of all that formatting manually and i will need to use it a lot.
Also how do i add a line separation/line break (idk if theyre the same thing or if the manually added line break is different from the separation between paragraphs) to text tags that are not p. I am suffering here please help this whole site is a mess
As with these past few days all of my progress has been on the test page so i dont permanently mess up my main page. My problem is in the menu to the left specifically
Reminder: The test bottom previous/next bar is in the june 26th moved entry. Why did the index part not center properly when i gave it the centered class? I had to give it text indent -35px.
Also future me please fix the menu thanks
Not much to say right now. I made some significant progress for a new layout on test page 2 but i dont really feel like writing about it. It surprises me the amount of time im spending on this. I started around 6AM today and its 10:30AM already...
Today it looks like i'm finally getting something like a decent sleep schedule. I started working on this for today around 5 AM, and actually slept during the night
Anyway, today i messed around with the layout a bit and messed it up so badly i had to restore it from a backup i thankfully made before that (i kind of expected it turning out like that...). Then after regretting everything I copied the css theme, header&navbar component, and index to make another test page. I want to change the layout a bit and it will definitely become a mess
I still havent finished editing today, but so far everything ive done is clean up Test Page 2's css style (copied from the main page's) to make my life easier. While i was doing that i also feel like i understood the code a bit more. Now i actually kind of understand what containers and divs are
Unfortunately somehow the test page isnt loading the custom URL colors?? It defaulted to the normal purple and idk how to change it. The code looks alright imo but also i have no idea what im doing. (UPDATE: Fixed it)
Side note: What does "Named entity expected. Got none." mean? I got it on 2 paragraphs in this page, and it doesnt seem to do anything but i still have no idea what it means. Might research it a bit later
So, changelog:
Made test page to test the following changes before moving them to the main page:
Copied the cleaner code to the main site. I want to do something else now so i will leave it like this. Test page #2 is the one with the dedicated theme and header-navbar file (still looks normal though. I will mess around with it later)
PART 2: AFTERNOON
Test page 2 now has an experimental layout modification. It took me so long to do that i kept messing up with the flex things. I dont even know how they work it was just very painful trial and error. Also the boxes on the top sides werent the size i inputted for so long and it was so frustrating but then i realized i forgot to specify it was in pixels...
I plan to use those sidebars for a better menu. I will be keeping the navbar because it looks nice but this will be for more detailed indexing of my pages.
Not related but i WILL make a Yura Hatsuki shrine or something like that. List all the albums i can find. Tip: theres a site called doujinstyle.com where you can download entire albums. I will be making good use of that.
Well I think i made a lot of progress today. First I made a better Favicon to replace the silly test one I made. It still doesnt look very good but its a lot better. Then I changed the navbar style so i could have a dropdown menu and oh god that was a whole thing.
As always special thanks to W3Schools because i ripped the code off them and then suffered trying to get it centered and changing the colors (+ font size). Its 2am as im writing this so theres a few hours left. Time to make anyone here listen to the "new" (2 month old but i only just found out about it) album Yura Hatsuki put out. Heres a link to
download the whole thing
and heres a
youtube link
to listen to it
Alright i'm going to rest now so heres a changelog for today:
To Do:
Alright it's 5AM im going to eat something and then sleep for an hour or so. Bye.
Well it turns out i needed to hard clear my cache to see a lot of the changes i was making. I stopped for a few days because i got demotivated because some things i wanted to try editing werent showing up. I didnt even know the favicon worked and was about to try and do some troubeshooting lol.
Anyway, new header image (!!!). Even if im an artist it only extends to anime girls and graphic design is NOT my passion so making one that actually looks good was hard ngl.
But FINALLY Theres one and the sites color scheme is becoming more solid. By the way have you noticed i like gothic aesthetics. I dont want to make it look too edgy because there would be too much of a disconnect between the appearance of the site and the way im writing this and it would feel too weird. That was a problem I had while making the header.
In other news i am now more committed to my fucked up sleep schedule of going to sleep at around 2PM and waking up at night (and then staying awake through the night and half of the day). As you can('t) see I am typing this at 5AM and i started to hear the birds waking up.
PS: I finally found how to add indents (manually. i dont want them in every paragraph). I feel like i understand the code SLIGHTLY more but more like its the first step to learn how to make my own css style/class tags. Idk the difference between those yet though. For the indents i just start with p class="indented" instead of just p to every paragraph i want like that. Simple enough (thank god).
Centered text test
HOLY SHIT THAT WORKED. I looked up the css format for centered text, copied the format for the indented text but instead of the "text indent: 50px;" i made it "text align: center;". Also changed the title (??? idk what its called but im calling it a title. Name? Tag??? idk) from "indented" to "centered" and its as simple as the indent HOLY SHIT I FEEL SO SMART i know this is really basic but let me have my moment celebrating successes is healthyand prevents you from getting demotivated ok. Ok. Anyway i am so proud of myself. Local NEET figures out css-html text formatting.