CHANGE: fixed up some css, kinda fine with mobile now, might change later tho

This commit is contained in:
TheShinyMelon 2025-03-12 21:59:21 +01:00
parent 2002abd324
commit f284b620cb
7 changed files with 43 additions and 6 deletions

View File

@ -6,6 +6,8 @@
- THIS BOI IS BEING WORKED AT!!! IT'S COMING BABYYYY!!! - THIS BOI IS BEING WORKED AT!!! IT'S COMING BABYYYY!!!
- femboi supremacy UwU
- [layer-8.moe](https://layer-8.moe/) - [layer-8.moe](https://layer-8.moe/)
> stay tuned > stay tuned
@ -14,10 +16,11 @@
## roadmap<sub>(sorta)</sub> of shame ## roadmap<sub>(sorta)</sub> of shame
- [ ] make css compatible with mobile devices - [x] make css compatible with mobile devices
- [ ] write downloader to mask file paths - [ ] write downloader to mask file paths
- [ ] fix routing system to mask get parameters (possibly nginx config) - [ ] fix routing system to mask get parameters (possibly nginx config)
- [ ] detail views for files of all types - [ ] detail views for files of all types
- [ ] add legal stuff
- [ ] populate database - [ ] populate database
- [ ] invite regina - [ ] invite regina
- [ ] get things up and running on vps - [ ] get things up and running on vps

BIN
project_files/bg-tiles-sprite.ase Executable file

Binary file not shown.

Binary file not shown.

View File

@ -2,17 +2,18 @@
<div style='margin: auto; width: 85vw;'> <div style='margin: auto; width: 85vw;'>
<h2>I am a human. Treat me as such. I will reciprocate.</h2> <h2>I am a human. Treat me as such. I will reciprocate.</h2>
<div style='display: flex;'> <div class='about_section'>
<p> <p>
This is a hunk of text about me and my website.<br> This is a hunk of text about me and my website.<br><br>
Very fascinating indeed.<br><br>
I endorse free and open software.<br><br> I endorse free and open software.<br><br>
This site was created solely by human hands without the use of AI.<br> This site was created solely by human hands without the use of AI.<br>
You could call it 'organic', I guess.<br><br> You could call it 'organic', I guess. <i>(Yeah, that is some pretentious hipster bs)</i><br><br>
Also, documents are being dynamically built using php, relying on the resources of the server, so to say. Also, documents are being dynamically built using php, relying on the resources of the server, so to say.
That means that the number of simultaneous visitors will be restricted. That way both visiting and running the site is kind of discouraged.<br> That means that the number of simultaneous visitors will be restricted. That way both visiting and running the site is kind of discouraged.<br>
So, in turn, this site represents my personality traits in the '''real''' world. So, in turn, this site represents my personality traits in the '''real''' world.
(People of culture would call this 'edgy tsundere behavior', but what do they know...)<br><br> (People of culture would call this 'edgy tsundere behavior', but what do they know...)<br><br>
No one knows who they really are.<br><br>
I strive to live in unity with the world and everyone around me. One does not need to employ mind-expanding substances to realise that. Mutual understanding and collaboratively openly working out our fears should suffice.<br><br>
Let's all love Lain! &#10084;<br> Let's all love Lain! &#10084;<br>
- Dani - Dani
</p> </p>

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 B

View File

@ -28,9 +28,12 @@
font-family: 'sans'; font-family: 'sans';
color: white; color: white;
background-color: black; background-color: black;
background-image: url("./img/bg-tiles-sprite_4x.gif");
background-repeat: space round;
} }
footer { footer {
user-select: none;
padding: 0.5rem; padding: 0.5rem;
display: flex; display: flex;
align-items: center; align-items: center;
@ -50,6 +53,7 @@ footer {
0 11px 0 #17202A, 0 12px 0 #17202A; 0 11px 0 #17202A, 0 12px 0 #17202A;
z-index: 999; z-index: 999;
padding-left: 4rem; padding-left: 4rem;
user-select: none;
} }
.logo_gif { .logo_gif {
@ -64,6 +68,7 @@ footer {
align-items: center; align-items: center;
pointer-events: none; pointer-events: none;
margin-bottom: -4rem; margin-bottom: -4rem;
user-select: none;
} }
.logo_link { .logo_link {
@ -71,6 +76,7 @@ footer {
} }
.menu_bar { .menu_bar {
user-select: none;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -160,6 +166,8 @@ footer {
padding-left: 2rem; padding-left: 2rem;
padding-bottom: 3rem; padding-bottom: 3rem;
color: #FFF; color: #FFF;
pointer-events: none;
user-select: none;
} }
.blinky_cursor { .blinky_cursor {
@ -202,12 +210,21 @@ form > label {
width: 30%; width: 30%;
} }
.about_section {
display: flex;
}
.about_section p {
width: 60%;
padding: 3rem;
}
@viewport { @viewport {
width: device-width; width: device-width;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 900px) {
footer { footer {
padding: 0.1rem; padding: 0.1rem;
display: flex; display: flex;
@ -284,5 +301,21 @@ form > label {
padding-left: 0rem; padding-left: 0rem;
padding-bottom: 1rem; padding-bottom: 1rem;
color: #FFF; color: #FFF;
pointer-events: none;
user-select: none;
}
.about_section {
display: flex;
flex-direction: column-reverse;
}
.about_section p {
width: 80%;
padding: 0rem;
}
.about_section img {
margin: 0rem;
} }
} }