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>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>
<div id="contact">
<div>
<h2>Contact Info</h2>
<span class="social">mastodon: <span id="mastodon">ember@tech.lgbt</span></span><br>
<span class="social">discord: <span id="discord">Ember#7790</span></span>
</div>
<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>
<footer>
<hr>

32
styles.css
View file

@ -9,7 +9,7 @@ body {
border-left: 1px solid #101010;
border-right: 1px solid #101010;
width: 90%;
height: 100vh;
height: 100vh; /* remove once content grows enough */
display: flex;
flex-direction: column;
}
@ -101,12 +101,30 @@ hr {
color: #683655;
font-size: large;
font-weight: bold;
display: block;
}
svg {
margin-top: 1vh;
margin-bottom: 1vh;
margin-left: auto;
margin-right: auto;
display: block; /* want to figure out why this works */
#mastodon {
font-style: italic;
text-decoration: none;
color: #3088D4;
}
#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;
}