Stupid-Cat
/
a.stupid.cat
mirror of https://github.com/AriTheStupidCat/a.stupid.cat.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

i'm scared about how this is gonna render on mobile

This commit is contained in:
ImBadAtThisStuff 2026-05-29 01:53:16 +01:00
parent e6b721e574
commit ee5bc6fa04
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/index.css
View File

@ -105,9 +105,11 @@ body {
font-size: 1.75rem; font-size: 1.75rem;
color: var(--overlay-1); color: var(--overlay-1);
display: inline-block; display: inline-block;
margin-left: -1rem;
} }
.intro-text { .intro-text {
padding: 1vh; padding: 1vh;
@ -115,10 +117,10 @@ body {
@media (max-width: 600px) { @media (max-width: 600px) {
.intro { .intro {
margin-top: 10vh; margin-top: 10vh;
color: var(--text); color: var(--text);
text-align: center; text-align: center;
padding: 5vh padding: 5vh
} }
.intro-text { .intro-text {
@ -126,3 +128,14 @@ body {
padding: 1vh; padding: 1vh;
} }
} }
.desktop-break {
display: none;
}
@media (min-width: 768px) {
.desktop-break {
display: block;
}
}

3
index.html
View File

@ -41,10 +41,13 @@
<div class="intro-header"> <div class="intro-header">
<div class="HiIm">Hi, I'm </div> <div class="HiIm">Hi, I'm </div>
<div class="name">Ari</div> <div class="name">Ari</div>
<br class="desktop-break">
<div class="pronouns">(She/They)</div> <div class="pronouns">(She/They)</div>
</div> </div>
<div class="intro-text"> <div class="intro-text">
A 17 Year Old devloper from <b>England, United Kingdom</b> who rarely actually does devlopment work, and just tries to help out whenever she can. A 17 Year Old devloper from <b>England, United Kingdom</b> who rarely actually does devlopment work, and just tries to help out whenever she can.
</div>
</body> </body>
<script src="js/index.js"></script> <script src="js/index.js"></script>
<script src="js/cat.js" data-cat="assets/media/oneko.gif"></script> <script src="js/cat.js" data-cat="assets/media/oneko.gif"></script>