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

6
index.html
View File

@@ -22,12 +22,11 @@
<script type="text/javascript" src="./script.js"></script>
<body>
<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="mailto:neons443@outlook.com">Contact</a></div>
</div>
<div class="contentPush"></div>
<div id="ntLnkToast">Not a link!</div>
<p>
<b>
This site is owned and maintained by Nihaal Sharma.<br>
@@ -53,5 +52,8 @@
<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>
</p><br>
<h3>Currently Entered:</h3>
<img class="box1" href="./images/uranium1024.png">
<img class="box2" href="./images/uranium64.png">
</body>
</html>

73
style.css
View File

@@ -60,14 +60,7 @@
.contentPush{
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 {
width: 100%;
@@ -117,57 +110,23 @@
-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);
}
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 */
.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) {
* {
color: #ddd;