I'm doing the tutorial, so here's a list of things that can be square:
Testing text hovering here
This is quite cool, the "pre" thing
like how it preserves the breaks n such
maybe that's why it's called "pre"?
I dunno
what's also interesting is that "hr" is basically just
a thin border, since if you remove the border with
"style=" it just disappears. '<'
I am not fixing this
bebe text
alsoI've been using W3Schools to teach me (after using Neocity's tutorial), so most of my stuff here would just be me learning things in order! I think. I'll see how it goes.
What will I do when I'm done? I think either archive this onto my own laptop, or leave it here somewhere if this doesn't take too much space.
I kind of wonder what the WWW looked like in the late 90s and early 2000s... I could probably ask my dad since he remembers a bunch, but maybe later. I'm learning rn :]
(hover)
Bdo sounds kind of like Bidoof from Pokemon
wait a second.. I didn't even put quotations for the rtl.. why does it still work?
A bit ago (Feb 23) I stumbled upon this person named PetraPixel's website when I didn't know about hard refreshing, and a section talking about organizing makes me wonder about how messy my code looks '-'
okay soo.. I didn't strictly follow W3Schools this time.. I really wanted to fix the margin stuff okay?
>_> The fact that I couldn't change the width of the yellowgreen background with padding was kinda annoying me.
I don't know why the margin shifts when I switch from the index to this page though.. weird.
btw, I've not been writing down dates since I add that as comments in the code for myself, but I'm wondering if I should actually make it visible?
I dunno, I'll think about it more later. I'm going to try and learn in order again now.
Image hyperlink test
email sending testing?
^^^^
only click this if you want your mail to open.
also, I think I get what the difference between "Absolute" and "Relative" URLS is now :D, with this button!
alright, bookmarks! let's test that out. Go back to the beginning by clicking here!
pretty neat!
here's an old image I used for something silly, since I'm on the topic of Images now, I decided to organize my images as well!
Everything should be less messy in my neo files now :D
just remember to add images/.. behind the image source now >_>
now here's that image but stretched.
Also! funny thing! So.. turns out that margin shifting I was talking about earlier was literally
just because of the scroll bar lmao XD. Since the margin is set to "auto", it just moves around like that.
It still annoyed me though so I fixed it by searching it up! Oddly enough, "scrollbar-gutter" is not recognized in CSS yet so it just looks like an error.
Alrighty! image mapping let's go :], I forgot this existed..
For mapping however, I'll just be using a
online image mapping tool since uhh.. getting coords manually sounds complicated.
I'm finally changing the background!! wow it looks terrible on mobile lmao. I know it's not the best, but it's because I drew that with my mouse and trackpad; I didn't feel like actually drawing it right now since it's just a test, so this will be the placeholder for now.
This is just for my future self, speaking of which: FUTURE SELF, the first background prior was just a plain green. :]
Okay so, Picture Elements seem kinda tricky.. but I'll see if I can figure this out.
I think maybe each hr could mark each day? but the second section may have days grouped together I think.
I kind of figured it out! Though, I'm just testing this with a phone. It may not work out for tablets,
and when I zoom in on my laptop it switches the image. That makes sense due to the width changing, but.. oh well :[ maybe I'll figure it out later on,
I don't feel like fixing it right now.
Interesting enough actually, it seems like it stores the other 2 images at the bottom left corner of the main image,
so it doesn't seem like adding style borders will work since it shows up in that corner.
Ooo Favicons! :O once again, this current one is just temporary! I actually hadn't thought about this for my real website appearance actually.. I only really thought of the layout! So, this one may stay longer than everything else, or not :] I just thought of something.
You won't see what I'm talking about unless you inspect this page but I organized my tabbing in the code,
which hopefully means my code is more easy to read for people in general.
I personally didn't mind it.. but after being reminded of it and also seeing my "years ago" self being better at organizing than I am,
there kind of was an incentive. :/
Anyways, onto the next thing to learn :]
| Letters | Num | Sym |
|---|---|---|
| A | 1 | ! |
| B | 2 | @ |
| C | 3 | # |
To be fair, there's a lot of things to do with tables.. so I'm not gonna type a lot and just let the table show for it '<'
I kinda don't know how well I'll retain all this information. Since I'm sort of just doing each thing almost one after the other, I don't think I may remember?
I dunno, but at least I've tried it, and can always look things up later.
I like the fact that there's square bulletin points :] kinda neat.
Just for the sake of having 2 different lists, I'm gonna shove a buncha css into this horizontal list below
This is kind of horrifying to look at code wise ._. anyways, I can't give it a hover animation because
I'd have to put it in the CSS, but that would affect other lists I think so that's why I'm not doing that.(refer to below the div)
Here's a very random thing: I kinda miss eating
vinegarette salads
, I don't remember when was the last time I had one. Other salads
are still good of course though.
Oh also apparently there's a "time" inline, lemme try that out. . Oh, that doesn't really do anything.
I guess it's just for the code. Here's another random thing: IRLTAE
Sorry mobile users, you don't have a lot of hover privileges.
Interesting, I didn't know that "div"s work in this way. pretty neat! I'm just going to type more things here so that the div actually matters. Bingle bongle dingle dangle, lickity too, lickity taa, ping pong, tippy tappy too tah :V
Oh my goodness I just learned about "Classes" :O I'm going to fix up that yellow stuff up there now :D
Testing the Classes on divs now, I bet this'll look really cool!
Yea it does look pretty cool! I'll definitely be using this :D. For them to be the same height though I did have to research, and
turns out the thing that solves that is "display:flex;", which is neat!
Wait a sec...
Flex was just a scroll away! Lol, if only I was patient I could have noticed. By the way, "inline-block" is really nice, better than float in this context I'd think
Something I did actually have to research though was "margin" for this one. I wanted to see if I could center the divs and I forgot margin existed :V whoops. Turns out though, margin has like.. one thing and a secret second thing? I dunno what it does exactly but if I put just "margin:auto;" then it doesn't work since it messes with the height scaling. If you make it specifically "margin:0 auto;" though then it works. I wonder why?
I'm feeling kind of tired today, so I may not talk as much as I usually would. I'll also probably be sketching some ideas down again, since I haven't really been doing that :|