IDeletedSystem64/system64.dev
1
0
Fork 0
Code Issues 4 Pull requests Releases 2 Activity

Redo the complete layout of the main page

Browse source
This commit is contained in:
Sophie Marie 2023-03-05 15:49:16 -06:00
parent a9b696724c
commit 7f177ba009
Signed by: IDeletedSystem64
GPG key ID: F5D997A1BEF778ED
2 changed files with 47 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
index.html
View file

@ -8,38 +8,23 @@
<body>
<header>
<!-- Replace "Username" with your name, website name, or social username!-->
<h1 class=header>IDeletedSystem64</h1>
</header>
<div class="main">
<div class="neko">
<script>NekSoType="white"</script>
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
<h1 class="header">system64.dev</h1>
<div class="alert">
<p class="alert">This is the beta website. Some things may break or disappear with zero notice.</p>
</div>
<p class="intro">Hi there, I'm Sophie!</p>
<p class="info">She/They, Trans MtF, 18, Artist, Developer, and Linux User</p>
<input type="button" onclick="location.href='https://en.pronouns.page/@IDeletedSystem64';" value="Pronouns.page">
<input type="button" onclick="location.href='https://twitter.com/IDeleteSystem64';" value="Twitter">
<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://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://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://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify">
<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 class-="main">
<h1 class="intro">I'm Sophie (she/they)</h1>
<p class="info">I am:</p>
<ul>
<li>a digital and sometimes traditional artist</li>
<li>a learning beginner programmer</li>
<li>a linux user and aspiring sysadmin</li>
</ul>
<div class="buttons">
<input type="button" onclick="location.href='/socials.html';" value="Socials">
<input type="button" onclick="location.href='/artwork/index.html';" value="Art Gallery">
<input type="button" onclick="location.href='/projects/index.html';" value="Projects">
</div>
</div>
</header>
</body>

38
styles/stylemain.css
View file

@ -2,6 +2,16 @@
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
/* Import Fonts */
div.alert {
width: 100%;
background-color: #ffffe1;
}
p.alert {
display: inline;
font-family: 'Share Tech Mono', monospace;
color: black;
}
header {
background: linear-gradient(#072CFF, #0e26ae );
position: absolute;
@ -18,34 +28,44 @@ h1.header {
}
/* Header / Menubar */
p.intro {
h1.intro {
font-family: 'Share Tech Mono', monospace;
color: white;
font-size: 3vw;
padding-top: 12.5%;
font-size: 2.5vw;
padding-top: 13vw;
padding-left: 5vw;
}
p.info {
font-family: 'Share Tech Mono', monospace;
color: white;
font-size: 1.25vw;
text-align: center;
margin: 0 0 0 5.5%; /* we use margins now, fuck you. */
}
li {
font-family: 'Share Tech Mono', monospace;
color: white;
font-size: 1.20vw;
list-style-type: square;
}
ul {
margin: 1% 0 0 5.5%;
}
div.main {
width: 75%;
margin: auto;
}
div.buttons {
margin: 1% 0 0 5%;
}
body {
background-image: url("/img/bg.jpg");
}
/* Main content as well as website background */
input {
-webkit-appearance: none;
margin-left: auto;
margin-right: auto;
display: block;
min-width: 250px;
min-width: 200px;
background: #dad9d9;
font-size: 170%;
font-size: 150%;
font-family: 'Share Tech Mono', monospace;
color: black;
box-shadow: inset -0.05em -0.05em black