web buttons!

This commit is contained in:
Sophie Marie 2022-11-11 19:19:38 -06:00
parent 0fe5d29361
commit b241e22aba
2 changed files with 165 additions and 144 deletions

View file

@ -22,10 +22,24 @@
<input type="button" onclick="location.href='https://twitter.com/ArtsieSophie';" value="Twitter (Art)"> <input type="button" onclick="location.href='https://twitter.com/ArtsieSophie';" value="Twitter (Art)">
<input type="button" onclick="location.href='https://glaceon.social/@IDeletedSystem64';" value="glaceon.social"> <input type="button" onclick="location.href='https://glaceon.social/@IDeletedSystem64';" value="glaceon.social">
<input type="button" onclick="location.href='https://mastodon.art/@ArtsieSophie';" value="mastodon.art"> <input type="button" onclick="location.href='https://mastodon.art/@ArtsieSophie';" value="mastodon.art">
<input type="button" onclick="location.href='https://tumblr.com/IDeletedSystem64';" value="Tumblr">
<input type="button" onclick="location.href='https://deviantart.com/IDeletedSystem64';" value="DeviantART"> <input type="button" onclick="location.href='https://deviantart.com/IDeletedSystem64';" value="DeviantART">
<input type="button" onclick="location.href='https://github.com/IDeletedSystem64';" value="GitHub"> <input type="button" onclick="location.href='https://github.com/IDeletedSystem64';" value="GitHub">
<input type="button" onclick="location.href='https://steamcommunity.com/id/system64_';" value="Steam"> <input type="button" onclick="location.href='https://steamcommunity.com/id/system64_';" value="Steam">
<input type="button" onclick="location.href='https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify"> <input type="button" onclick="location.href='https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify">
<a href="https://github.com/IDeletedSystem64/system64.neocities.org"><img class="githubico" src="img/github-32px.png">
<div class="webbutton">
<p><a href="http://www.theoldnet.com/#frombadge" title="Are you tired of this new Internet yet? Time to Get TheOldNet!"><img class=webbutton src="/img/webbutton/oldnet.gif"></a></p>
<p><a href="https://neocities.org" title="Host a free homepage with Neocities!"><img class=webbutton src="/img/webbutton/neocities.gif"></a></p>
<p><a href="https://instances.social/" title="Find and join a Mastodon instance!"><img class=webbutton src="/img/webbutton/masto.gif"></a></p>
<p><a href="https://kernel.org/" title="Built using Linux"><img class=webbutton src="/img/webbutton/gnu-linux.gif"></a></p>
<p><a href="https://gitea.io/" title="Gitea is a painless self-hosted Git service similar to GitHub or GitLab."><img class=webbutton src="/img/webbutton/gitea.gif"></a></p>
<p><a href="https://firefox.com/" title="Firefox is a web browser, and my favorite especially for web development."><img class=webbutton src="/img/webbutton/firefoxnow.gif"></a></p>
<p><a href="https://browser.pony.house/" title="Add ponies to your website!"><img class=webbutton src="/img/webbutton/browserpony.gif"></a></p>
<p><a href="https://code.visualstudio.com/" title="The code editor I used for this website, as well as other projects!"><img class=webbutton src="/img/webbutton/vscode.gif"></a></p>
</a><a style="display: none;" rel="me" href="https://glaceon.social/@IDeletedSystem64">Mastodon</a> <!-- verification for mastodon main acc -->
<a style="display: none;" rel="me" href="https://mastodon.art/@ArtsieSophie">Mastodon</a> <!-- verification for mastodon art acc -->
</div>
</div> </div>
</body> </body>

View file

@ -109,15 +109,23 @@ a {
background-color: #ACACAC; background-color: #ACACAC;
} }
img.githubico { div.webbutton {
left: 47.5%; margin: auto;
position: fixed; width: 264px;
padding-top: 3px;
}
img.webbutton{
width: 88px;
height: 31px;
float: left;
text-align: center;
} }
/* I'm mad that I have to make this mobile-compatible, Lol. https://twitter.com/IDeleteSystem64/status/1512218098325147655?s=20&t=Hz4V-vxmywYwTMvuBbCAZQ */ /* I'm mad that I have to make this mobile-compatible, Lol. https://twitter.com/IDeleteSystem64/status/1512218098325147655?s=20&t=Hz4V-vxmywYwTMvuBbCAZQ */
@media only screen and (max-width: 980px) { @media only screen and (max-width: 980px) {
p.intro { p.intro {
font-size: 8vw; font-size: 8vw;
padding-top: 10px;
} }
header { header {
height: 75px; height: 75px;
@ -140,4 +148,3 @@ img.githubico {
text-align: center; text-align: center;
} }
} }
/* Pronouns page stoof */