Methanos gift - final. Also added some links to the main

This commit is contained in:
Peter 2020-10-16 17:11:49 +08:00
parent 8c4b5572f7
commit 6b2dbb3ee6
5 changed files with 61 additions and 10 deletions

1
chemgift/index.html Normal file
View File

@ -0,0 +1 @@
<meta http-equiv="refresh" content="0; URL='https://npc-strider.github.io/methanos'"/>

View File

@ -6,12 +6,38 @@
<meta name="description" content="npc_strider - Peter PERSONAL SITE">
</head>
<script src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript" src="https://github-profile.com/dist/gh-profile-card.min.js"></script>
<body>
<h2>Need to put some stuff here! Don't have the time right now though, so here are links to some other stuff I've made.</h2>
Stupid methane / thanos joke:<br>
<a href="https://npc-strider.github.io/methanos">https://npc-strider.github.io/methanos</a><br>
<br>
WACE Stage 3/ATAR past papers archive<br>
WACE Stage 3/ATAR past papers archive - the most comprehensive archive of past papers (I think... :D )<br>
<a href="https://atar-wace-archive.github.io/">https://atar-wace-archive.github.io/</a><br>
<br>
<br>
<br>
<br>
Github<br>
<a href="https://github.com/npc-strider">https://github.com/npc-strider</a><br>
<div style="min-height: 90px; margin-top: 2%;"">
<div id="github-card"
data-sort-by="stars"
data-header-text="Most starred repositories"
data-max-repos="0"
data-username="npc-strider">
</div>
</div><br>
<br>
Youtube: <a href="https://youtube.com/c/npcstrider">https://youtube.com/c/npcstrider</a><br>
<div style="min-height: 55px; margin-top: 2%;">
<div class="g-ytsubscribe" data-channelid="UCuKf8qJzeng24C7y7JWbzRA" data-layout="full" data-count="default"></div>
</div>
<br>
Steam profile<br>
<a href="http://steamcommunity.com/profiles/76561198165597952">http://steamcommunity.com/profiles/76561198165597952</a><br>
<br>
</body>

1
js/github.js Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,19 +1,25 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>METHANOS</title>
<meta name="description" content="METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4 METHANOS TH4">
<meta charset="UTF-8">
<link href='./main.css' rel="stylesheet">
</head>
<body>
<div id="info"><a>METHANOS</a><br/>
<div id="info"><a>METHANOS</a><br/>
<b>x</b> = <span id=x></span><br/>
<b>y</b> = <span id=y></span><br/>
<b>z</b> = <span id=z></span><br/>
<a>r</a> to reset camera.<br/>
<a>t</a> to toggle text.
<a>t</a> to toggle text.<br/>
</div>
<div id="info-link">
<a class="link" href="https://npc-strider.github.io">🔗 Back to home page</a><br>
<a class="thank">Thank you Ms G. and Mr R.<br> for being EPIC chemistry teachers ♡</a>
</div>
<div class="meme" id="meme">
<meme class="top">METHANOS</meme>
<meme class="bottom">METHANOS</meme>

View File

@ -2,7 +2,7 @@ body {
margin: 0;
background-color: #000;
color: #fff;
font-family: Monospace;
font-family: Monospace, Times;
font-size: 13px;
line-height: 24px;
overscroll-behavior: none;
@ -15,12 +15,20 @@ a {
text-decoration: none;
}
a:hover {
b {
color: lightgreen;
}
a.link {
color: #f00;
}
a.link:hover {
text-decoration: underline;
}
b {
color: lightgreen;
a.thank {
color: #d0d;
}
#info {
@ -37,6 +45,15 @@ b {
pointer-events: none;
z-index: 1;
}
#info-link {
position: absolute;
bottom: 0px;
width: 100%;
padding: 10px;
box-sizing: border-box;
text-align: left;
z-index: 1;
}
meme {
position: absolute;