sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update introduction to be smaller, replace image

Browse source
This commit is contained in:
Ruben 2024-09-30 15:09:42 -05:00
commit 5056bb0883
No known key found for this signature in database
3 changed files with 10 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/synth tpose spin.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 742 KiB

8
index.html
View file

@ -55,10 +55,10 @@
</div>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status">•</span> <span style="padding-left:11px;">cat sneexy</span></p>
<section>
<img id="pfp" src="/assets/me.png" onmouseover="this.src='/assets/petpet.gif'" onmouseout="this.src='/assets/me.png'" alt="Vector art made of bold squares and other rounded flat shapes of a synth character, They look to the left. Their body is mostly colored with shades of grey and accents of green, including their chest and belly area which is entirely made of green goo." title="Vector art made of bold squares and other rounded flat shapes of a synth character, They look to the left. Their body is mostly colored with shades of grey and accents of green, including their chest and belly area which is entirely made of green goo.">
<h1>hey, i'm <span class="rainbow">ruben!</span></h1>
<h1><img id="pfp" src="/assets/synth tpose spin.gif" alt="3D Low poly model of my synth character. He's a pretty chubby synth with a belly and chest made entirely out of goo, his frame is mostly made with shades of grey with lime/pastel green accents." title="3D Low poly model of my synth character. He's a pretty chubby synth with a belly and chest made entirely out of goo, his frame is mostly made with shades of grey with lime/pastel green accents."> hey, i'm <span class="rainbow">ruben!</span></h1>
<small>cheesed to meet ya.</small>
<p>big gooey synth who is constantly eepy.</p>
<p style="margin-bottom: -2px;">big gooey synth who is constantly tired.</p>
<small style="font-size: 0.575rem;">...or <i>eepy</i>, but definitely more tired.</small>
<div class="selfinfo">
<div style="grid-area: pronouns;">
<p>pronouns</p>
@ -73,7 +73,7 @@
<ul>
<li style="color: var(--green);"><i class="ph-bold ph-thumbs-up" alt="preferred!" title="preferred!"></i> ruben</li>
<li><i class="ph-bold ph-thumbs-up" alt="acceptable" title="acceptable"></i> sneexy, sneex*</li>
<li style="color: var(--yellow);"><small><i class="ph-bold ph-user-gear" alt="only if we're friends!" title="only if we're friends!"></i> rubie (ruby)</small></li>
<li style="color: var(--yellow);"><small><i class="ph-bold ph-user-gear" alt="only if we're friends!" title="only if we're friends!"></i>rube, rubie (ruby)</small></li>
<li style="color: var(--red);"><small><i class="ph-bold ph-thumbs-down" alt="not acceptable" title="not acceptable"></i> variations/anything else</small></li>
</ul>
</div>

18
style.css
View file

@ -212,7 +212,7 @@ font-family and <p> is set under .terminal */
/* headings */
h1, h1 a {
color: var(--text);
font-size: 32px;
font-size: 2rem;
text-decoration: none;
}
@ -296,18 +296,16 @@ details[open] > summary::after {
}
#sneexy > section {
#pfp {
width: 256px;
height: 256px;
h1 #pfp {
width: auto;
height: 6rem;
animation: 3s linear infinite spin-y;
margin-top: 1em;
margin-bottom: 1em;
vertical-align: middle;
}
.selfinfo {
display: grid;
padding-top: 5px;
grid-template-areas:
"pronouns names";
div {
@ -849,10 +847,6 @@ footer {
}
transition: 0s border-color !important;
}
#sneexy > section > #pfp {
animation: unset !important;
}
}
/* modify widths and spacing depending on the size of the display */