neon443/neon443.github.io
1
0
Fork 0
mirror of https://github.com/neon443/neon443.github.io.git synced 2026-03-11 07:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added uranium and trying 10boxed image row

Browse Source
This commit is contained in:
Nihaal Sharma
2023-09-30 13:57:04 +01:00
parent fded8c97ed
commit 12c18af251
4 changed files with 31 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/makeLogoEntries/uranium1024.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/makeLogoEntries/uranium64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

28
index.html
View File

@@ -22,28 +22,27 @@
<script type="text/javascript" src="./script.js"></script> <script type="text/javascript" src="./script.js"></script>
<body> <body>
<div class="bar"> <div class="bar">
<div class="barItem" onclick="ntLnk()"> <h1>neon443</h1> </div> <div class="barItem"><h1>neon443</h1></div>
<div class="barItem"> <a href="https://github.com/neon443">Github</a> </div> <div class="barItem"><a href="https://github.com/neon443">Github</a></div>
<div class="barItem"> <a href="mailto:neons443@outlook.com">Contact</a> </div> <div class="barItem"><a href="mailto:neons443@outlook.com">Contact</a></div>
</div> </div>
<div class="contentPush"></div> <div class="contentPush"></div>
<div id="ntLnkToast">Not a link!</div>
<p> <p>
<b> <b>
This site is owned and maintained by Nihaal Sharma.<br> This site is owned and maintained by Nihaal Sharma.<br>
My Projects</b><br> My Projects</b><br>
<b>├─</b> <a href="https://neon443.github.io/eaglercraft152/">eaglercraft152</a> - Minecraft 1.5.2<br> <b>├─</b><a href="https://neon443.github.io/eaglercraft152/">eaglercraft152</a> - Minecraft 1.5.2<br>
<b>├─</b> <a href="https://neon443.github.io/eaglercraftX188/">eaglercraftX188</a> - Minecraft 1.8.8<br> <b>├─</b><a href="https://neon443.github.io/eaglercraftX188/">eaglercraftX188</a> - Minecraft 1.8.8<br>
<b>├─</b> <a href="https://neon443.github.io/webEPK/">webEPK</a><br> <b>├─</b><a href="https://neon443.github.io/webEPK/">webEPK</a><br>
<b>│&emsp;&ensp;├─</b> <a href="https://neon443.github.io/webEPK/index.html">Compile EPK</a><br> <b>│&emsp;&ensp;├─</b> <a href="https://neon443.github.io/webEPK/index.html">Compile EPK</a><br>
<b>│&emsp;&ensp;├─</b> <a href="https://neon443.github.io/webEPK/decompile.html">Decompile EPK</a><br> <b>│&emsp;&ensp;├─</b> <a href="https://neon443.github.io/webEPK/decompile.html">Decompile EPK</a><br>
<b>│&emsp;&ensp;└─</b> <a href="https://neon443.github.io/webEPK/builder.html">Create EPK</a><br> <b>│&emsp;&ensp;└─</b> <a href="https://neon443.github.io/webEPK/builder.html">Create EPK</a><br>
<b>├─</b> <a href="https://neon443.github.io/2048/">2048</a><br> <b>├─</b><a href="https://neon443.github.io/2048/">2048</a><br>
<b>├─</b> <a href="https://neon443.github.io/slope/">Slope</a><br> <b>├─</b><a href="https://neon443.github.io/slope/">Slope</a><br>
<b>├─</b> <a href="https://neon443.github.io/sandspiel/">Sandspiel</a><br> <b>├─</b><a href="https://neon443.github.io/sandspiel/">Sandspiel</a><br>
<b>├─</b> <a href="https://neon443.github.io/sandboxels/">Sandboxels</a><br> <b>├─</b><a href="https://neon443.github.io/sandboxels/">Sandboxels</a><br>
<b>├─</b> <a href="https://neon443.github.io/musics-info/">Musics info</a><br> <b>├─</b><a href="https://neon443.github.io/musics-info/">Musics info</a><br>
<b>└─</b> <a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br> <b>└─</b><a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br>
<b>&emsp;&ensp;└─</b> <a href="https://neon443.github.io/webpage-testing/sidenav/">Sidenav</a><br><br> <b>&emsp;&ensp;└─</b> <a href="https://neon443.github.io/webpage-testing/sidenav/">Sidenav</a><br><br>
To suggest a change or report an error, click Contact in the navbar.<br> To suggest a change or report an error, click Contact in the navbar.<br>
@@ -53,5 +52,8 @@
<p> <p>
This site really needs a good logo (view the current one <a href="./images/fav.ico">here</a>), if you are good at digital art, please <a href="mailto:neons443@outlook.com">email me</a>.<br> This site really needs a good logo (view the current one <a href="./images/fav.ico">here</a>), if you are good at digital art, please <a href="mailto:neons443@outlook.com">email me</a>.<br>
</p><br> </p><br>
<h3>Currently Entered:</h3>
<img class="box1" href="./images/uranium1024.png">
<img class="box2" href="./images/uranium64.png">
</body> </body>
</html> </html>

73
style.css
View File

@@ -60,14 +60,7 @@
.contentPush{ .contentPush{
height: 65px; height: 65px;
} }
.ntLnk {
position: fixed;
top: 47.5px;
width: 100%;
border-radius: 0% 0% 15% 15%;
text-align: center;
font-size: 0px;
}
/* Bar styling*/ /* Bar styling*/
.bar { .bar {
width: 100%; width: 100%;
@@ -117,57 +110,23 @@
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
} }
html:has(.barItem a:hover) . {}
/* not Link toast*/
.tool {
text-decoration: none;
position: relative;
}
.tip * {
display: none;
}
.tip:hover * {
display: block;
position: fixed;
overflow: hidden;
}
#ntLnkToast {
display: none;
min-width: 250px;
margin-left: -125px;
background-color: rgba(255, 255, 255, 0.25);
text-align: center;
border-radius: 0px 0px 10px 10px;
padding: 16px;
position: fixed;
left: 50%;
top: 45px;
font-size: 20px;
-webkit-backdrop-filter: blur(2.5px);
-moz-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
}
#ntLnkToast.show {
display: block;
animation-name: fadein;
animation-duration: 0.5s;
animation-name: fadeout;
animation-delay: 2.6s;
animation-duration: 0.5s;
}
@keyframes fadein {
from {top: 0; opacity: 0;}
to {top: 45px; opacity: 1;}
}
@keyframes fadeout {
from {top: 45px; opacity: 1;}
to {top: 0; opacity: 0;}
}
/* not Link toast */
/* Bar styling */ /* Bar styling */
.box1 {
float: left;
display: block;
width: 9%;
height: auto;
padding: 20px 10px;
}
.box2 {
float: left;
display: block;
width: 9%;
height: auto;
padding: 20px 10px;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
* { * {
color: #ddd; color: #ddd;