InValidFire/quack.gay
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

update contact css

Browse source
This commit is contained in:
Riley Housden 2022-04-22 20:39:38 -04:00
parent d46156cc86
commit 4591f15f68
Signed by: InValidFire
GPG key ID: 0D6208F6DF56B4D8
2 changed files with 36 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -30,9 +30,17 @@
<p>I am an autistic+adhd programmer/student who enjoys making cool little programs.</p> <p>I am an autistic+adhd programmer/student who enjoys making cool little programs.</p>
<p>This page serves as a dumping ground for whatever I feel would be cool to show the world, whether it be related to programming or not. :)</p> <p>This page serves as a dumping ground for whatever I feel would be cool to show the world, whether it be related to programming or not. :)</p>
<p>Enjoy!</p> <p>Enjoy!</p>
<div id="contact">
<div>
<h2>Contact Info</h2> <h2>Contact Info</h2>
<span class="social">mastodon: <span id="mastodon">ember@tech.lgbt</span></span><br> </div>
<span class="social">discord: <span id="discord">Ember#7790</span></span> <div class="social">
mastodon: <a id="mastodon" rel="me" href="https://tech.lgbt/@ember">ember@tech.lgbt</a>
</div>
<div class="social">
discord: <span id="discord">Ember#7790</span>
</div>
</div>
</div> </div>
<footer> <footer>
<hr> <hr>

32
styles.css
View file

@ -9,7 +9,7 @@ body {
border-left: 1px solid #101010; border-left: 1px solid #101010;
border-right: 1px solid #101010; border-right: 1px solid #101010;
width: 90%; width: 90%;
height: 100vh; height: 100vh; /* remove once content grows enough */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -101,12 +101,30 @@ hr {
color: #683655; color: #683655;
font-size: large; font-size: large;
font-weight: bold; font-weight: bold;
display: block;
} }
svg { #mastodon {
margin-top: 1vh; font-style: italic;
margin-bottom: 1vh; text-decoration: none;
margin-left: auto; color: #3088D4;
margin-right: auto; }
display: block; /* want to figure out why this works */
#discord {
font-style: italic;
text-decoration: none;
color: #7289DA;
}
#contact {
border-style: solid;
border-width: .2vh;
border-color: #101010;
padding: 1vh;
background-color: #646D5A;
display: block;
}
#contact h2 {
margin: 0;
} }