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

major cleanup

Browse Source
This commit is contained in:
neon443
2024-04-02 12:50:54 +01:00
parent eb33a53816
commit 8407efd691
2 changed files with 118 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@@ -28,20 +28,19 @@
</div> </div>
<div class="contentPush"></div> <div class="contentPush"></div>
<p> <p>
<b> <b>This site is owned and maintained by Nihaal Sharma.<br>My Projects</b><br>
This site is owned and maintained by Nihaal Sharma.<br> <b>├─</b><a href="https://neon443.github.io/eaglercraft152/">eaglercraft152</a> - Minecraft 1.5.2<br>
My Projects</b><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/eaglercraft152/">eaglercraft152</a> - Minecraft 1.5.2<br> <b>├─</b><a href="https://neon443.github.io/webEPK/">webEPK</a><br>
<b>├─</b> <a href="https://neon443.github.io/eaglercraftX188/">eaglercraftX188</a> - Minecraft 1.8.8<br> <b>│&emsp;├─</b><a href="https://neon443.github.io/webEPK/index.html">Compile EPK</a><br>
<b>├─</b> <a href="https://neon443.github.io/webEPK/">webEPK</a><br> <b>│&emsp;├─</b><a href="https://neon443.github.io/webEPK/decompile.html">Decompile EPK</a><br>
<b>│&emsp;├─</b> <a href="https://neon443.github.io/webEPK/index.html">Compile EPK</a><br> <b>│&emsp;└─</b><a href="https://neon443.github.io/webEPK/builder.html">Create EPK</a><br>
<b>│&emsp;├─</b> <a href="https://neon443.github.io/webEPK/decompile.html">Decompile EPK</a><br> <b>├─</b><a href="https://neon443.github.io/2048/">2048</a><br>
<b>│&emsp;└─</b> <a href="https://neon443.github.io/webEPK/builder.html">Create EPK</a><br> <b>├─</b><a href="https://neon443.github.io/fancade/">Fancade</a><br>
<b>├─</b> <a href="https://neon443.github.io/2048/">2048</a><br> <b>│&emsp;└─</b><a href="https://neon443.github.io/fancade/drive.html">Drive Mad</a><br>
<b>├─</b> <a href="https://neon443.github.io/fancade/">Fancade</a><br> <b>├─</b><a href="https://neon443.github.io/slope/">Slope</a><br>
<b>│&emsp;└─</b> <a href="https://neon443.github.io/fancade/drive.html">Drive Mad</a><br> <b>├─</b><a href="https://neon443.github.io/sandspiel/">Sandspiel</a><br>
<b>├─</b> <a href="https://neon443.github.io/slope/">Slope</a><br> <b>└─</b><a href="https://neon443.github.io/sandboxels/">Sandboxels</a><br><br>
<b>├─</b> <a href="https://neon443.github.io/sandspiel/">Sandspiel</a><br> </p>
<b>└─</b> <a href="https://neon443.github.io/sandboxels/">Sandboxels</a><br><br>
</body> </body>
</html> </html>

211
style.css
View File

@@ -1,121 +1,118 @@
/* COLOURS*/ /* COLOURS*/
/* Link: #007AFF */ /* Link: #007AFF */
/* Bold: #ff6200 */ /* Bold: #ff6200 */
/* Light */ /* Light */
/* Theme: #ddd */ /* Theme: #ddd */
/* text: #222 */ /* text: #222 */
/* UI item bgs: #aaa */ /* UI item bgs: #aaa */
/* for contrast: #aaa */ /* for contrast: #aaa */
/* transparency: rgba(255, 255, 255, 0.25) */ /* transparency: rgba(255, 255, 255, 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); */
/* bar link hover bg color: #111 */ /* bar link hover bg color: #111 */
/* bar link hover text color: #eee */ /* bar link hover text color: #eee */
/* Dark */ /* Dark */
/* Theme: #222 */ /* Theme: #222 */
/* text: #ddd */ /* text: #ddd */
/* UI item bgs: #555 */ /* UI item bgs: #555 */
/* for contrast: #555 */ /* for contrast: #555 */
/* transparency: rgba(0, 0, 0, 0.25) */ /* transparency: rgba(0, 0, 0, 0.25) */
/* box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); */ /* box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); */
/* bar link hover bg color: #eee */ /* bar link hover bg color: #eee */
/* bar link hover text color: #111 */ /* bar link hover text color: #111 */
/* COLOURS */ /* COLOURS */
/*regular text (body, p, b, h*) styles*/ /*regular text (body, p, b, h*) styles*/
* { * {
margin: 0px; margin: 0px;
font-family: system-ui; font-family: system-ui;
transition: 0.2s; transition: 0.2s;
color: #222; color: #222;
}
} b {
b { color: #ff6200;
color: #ff6200 }
} a {
a { color: #007aff;
color: #007AFF }
} body {
body { background-color: #ddd;
background-color: #ddd; }
} p {
p { font-size: 20px;
font-size: 20px; padding: 0px 20px;
padding: 0px 20px; }
} h1 {
h1 { font-size: 40px;
font-size: 40px; font-weight: 750;
font-weight: 750; padding: 0px 20px;
padding: 0px 20px; }
} h2 {
h2 { font-size: 30px;
font-size: 30px; font-weight: 400;
font-weight: 400; padding: 0px 20px;
padding: 0px 20px; }
} h3 {
h3 { font-size: 25px;
font-size: 25px; font-weight: 400;
font-weight: 400; padding: 0px 20px;
padding: 0px 20px; }
}
/* regular text (body, p, b, h*) styles*/ /* regular text (body, p, b, h*) styles*/
.contentPush{ .contentPush {
height: 65px; height: 65px;
positon: fixed;
top: 0; top: 0;
} }
/* Bar styling*/ /* Bar styling*/
.bar { .bar {
z-index: 5; z-index: 5;
width: 100%; width: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
display: flex; display: flex;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
-webkit-backdrop-filter: blur(2.5px);
-moz-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
}
.barItem {
float: left;
flex: 1;
text-align: center;
}
.barItem * {
display: block;
text-decoration: none;
font-size: 20px;
color: #222;
padding: 9.2px 12px;
}
.barItem h1 {
font-size: 30px;
padding: 2.5px 12px;
border-right-style: solid;
border-width: 1.5px;
border-color: #222;
}
.barItem:hover {
flex: 1.5;
background-color: #fff;
}
.barItem *:hover {
font-size: 30px;
font-weight: 600;
padding: 2.5px 12px;
}
.barItem a:hover {
background-color: #111;
color: #eee;
-webkit-backdrop-filter: blur(2.5px); -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-moz-backdrop-filter: blur(2.5px); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(2.5px); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
} }
.barItem {
float: left;
flex: 1;
text-align: center;
}
.barItem * {
display: block;
text-decoration: none;
font-size: 20px;
color: #222;
padding: 9.2px 12px;
}
.barItem h1 {
font-size: 30px;
padding: 2.5px 12px;
border-right-style: solid;
border-width: 1.5px;
border-color: #222;
}
.barItem:hover {
flex: 1.5;
background-color: #fff;
}
.barItem *:hover {
font-size: 30px;
font-weight: 600;
padding: 2.5px 12px;
}
.barItem a:hover {
background-color: #111;
color: #eee;
-webkit-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);
}
/* Bar styling */ /* Bar styling */
.box1 { .box1 {
@@ -156,7 +153,6 @@
.barItem a:hover { .barItem a:hover {
background-color: #eee; background-color: #eee;
color: #111; color: #111;
-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); -moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
@@ -164,5 +160,4 @@
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
} }