updates of css

This commit is contained in:
transatoshi
2025-01-26 21:47:37 -08:00
parent 16cab174ee
commit 6aee5959d5
7 changed files with 67 additions and 56 deletions

View File

@@ -34,14 +34,14 @@
<!--Navigation links--> <!--Navigation links-->
<div class="topnav" id="myTopnav"> <div class="topnav" id="myTopnav">
<a href="https://grinminer.net/nodes/" class="active">Public Nodes</a> <a href="https://grinminer.net/nodes/" class="active">Public Nodes</a>
<a href="https://grinminer.net/api/" class="active">Public API</a> <a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">Node/VPS Application</a> <a href="https://grinminer.net/application/" class="active">VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a> <a href="https://grinminer.net/download/" class="active">Firmware/Wallets</a>
<a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a> <a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a>
<a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a> <a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a>
<a href="https://checker.grinminer.net" class="active">Wallet Checker</a> <a href="https://checker.grinminer.net" class="active">Wallet Checker</a>
<a href="https://t.me/grinminer_net" class="grey">Telegram</a> <a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net">Github</a> <a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"> <a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</a> </a>

View File

@@ -34,14 +34,14 @@
<!--Navigation links--> <!--Navigation links-->
<div class="topnav" id="myTopnav"> <div class="topnav" id="myTopnav">
<a href="https://grinminer.net/nodes/" class="active">Public Nodes</a> <a href="https://grinminer.net/nodes/" class="active">Public Nodes</a>
<a href="https://grinminer.net/api/" class="active">Public API</a> <a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">Node/VPS Application</a> <a href="https://grinminer.net/application/" class="active">VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a> <a href="https://grinminer.net/download/" class="active">Firmware/Wallets</a>
<a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a> <a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a>
<a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a> <a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a>
<a href="https://checker.grinminer.net" class="active">Wallet Checker</a> <a href="https://checker.grinminer.net" class="active">Wallet Checker</a>
<a href="https://t.me/grinminer_net" class="grey">Telegram</a> <a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net">Github</a> <a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"> <a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</a> </a>

View File

@@ -36,14 +36,14 @@
<!--Navigation links--> <!--Navigation links-->
<div class="topnav" id="myTopnav"> <div class="topnav" id="myTopnav">
<a href="https://grinminer.net/nodes/" class="active">Public Nodes</a> <a href="https://grinminer.net/nodes/" class="active">Public Nodes</a>
<a href="https://grinminer.net/api/" class="active">Public API</a> <a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">Node/VPS Application</a> <a href="https://grinminer.net/application/" class="active">VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a> <a href="https://grinminer.net/download/" class="active">Firmware/Wallets</a>
<a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a> <a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a>
<a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a> <a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a>
<a href="https://checker.grinminer.net" class="active">Wallet Checker</a> <a href="https://checker.grinminer.net" class="active">Wallet Checker</a>
<a href="https://t.me/grinminer_net" class="grey">Telegram</a> <a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net">Github</a> <a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"> <a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</a> </a>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 238 KiB

After

Width:  |  Height:  |  Size: 238 KiB

View File

@@ -34,14 +34,14 @@
<!--Navigation links--> <!--Navigation links-->
<div class="topnav" id="myTopnav"> <div class="topnav" id="myTopnav">
<a href="https://grinminer.net/nodes/" class="active">Public Nodes</a> <a href="https://grinminer.net/nodes/" class="active">Public Nodes</a>
<a href="https://grinminer.net/api/" class="active">Public API</a> <a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">Node/VPS Application</a> <a href="https://grinminer.net/application/" class="active">VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a> <a href="https://grinminer.net/download/" class="active">Firmware/Wallets</a>
<a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a> <a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a>
<a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a> <a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a>
<a href="https://checker.grinminer.net" class="active">Wallet Checker</a> <a href="https://checker.grinminer.net" class="active">Wallet Checker</a>
<a href="https://t.me/grinminer_net" class="grey">Telegram</a> <a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net">Github</a> <a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"> <a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</a> </a>
@@ -54,12 +54,12 @@
</div> </div>
<!--Cloud Banner--> <!--Cloud Banner-->
<span class="cloud"><h2>Developed over 2 years to be an alternative to the corporate cloud.</h2></span> <span class="cloud"><h3>Developed over 2 years to be an alternative to the corporate cloud.</h3></span>
<div class="corporate"> <div class="corporate">
<p>Host of Grin's permanent public testnet mining node allowing devs to have 24/7 block production, aiding development of the protocol.</p> <p>Host of Grin's testnet community node giving devs 24/7 block production for testing.</p>
</div> </div>
<p>VPS service with no KYC, customer logs, contracts, or corporate ties.</p> <p>Privacy focused VPS provider with no KYC, contracts, or corporate ties.</p>
<div id="corporate"> <div id="corporate">
<span class="corporate"><p>Grinminer.net is not controlled by any company or foundation.</p></span> <span class="corporate"><p>Grinminer.net is not controlled by any company or foundation.</p></span>
</div> </div>

View File

@@ -13,17 +13,21 @@ body {
text-wrap: balance; text-wrap: balance;
} }
h3 {
font-size: 15.5px;
font-family: monospace;
}
input[type="text"] { input[type="text"] {
width: 430px; width: 430px;
} }
/* Add a black background color to the top navigation */
.topnav { .topnav {
background-color: #333; background-color: black;
overflow: hidden; overflow: hidden;
padding-left: 10px;
} }
/* Style the links inside the navigation bar */
.topnav a { .topnav a {
float: left; float: left;
display: block; display: block;
@@ -34,30 +38,28 @@ body {
font-size: 17px; font-size: 17px;
} }
/* Change the color of links on hover */
.topnav a:hover { .topnav a:hover {
background-color: #fef102; background-color: black;
color: black; color: #fef102;
} }
/* Add an active class to highlight the current page */
.topnav a.active { .topnav a.active {
background-color: #fef102; background-color: #fef102;
color: black; color: black;
border-right: black 2px solid; border-right: black 2px solid;
} }
/* Add an active class to highlight the current page */
.topnav a.grey {
border-right: black 2px solid;
}
.topnav a.active2 {
background-color: #fef102;
color: black;
}
.responsive { .responsive {
max-width: 95%; max-width: 94.1%;
height: auto; height: auto;
margin: 10px auto 0px auto; margin: 10px auto 0px auto;
border: #fef102 solid 0px; border: #fef102 solid 0px;
border-radius: 30px 30px 0px 0px; border-radius: 5px;
box-shadow:0 0 10px #fef102; box-shadow:0 0 10px #fef102;
text-align: center; text-align: center;
display: block; display: block;
@@ -81,9 +83,9 @@ body {
font-size: 16px font-size: 16px
font-weight: 800; font-weight: 800;
border: #fef102 solid 0px; border: #fef102 solid 0px;
border-radius: 0 0 10px 10px; border-radius: 0 0 5px 5px;
box-shadow: 0 0 10px #fef102; box-shadow: 0 0 10px #fef102;
width: 83%; width: 70%;
height: auto; height: auto;
margin: -15px auto 30px auto; margin: -15px auto 30px auto;
display: block; display: block;
@@ -105,6 +107,7 @@ body {
color: black; color: black;
display: block; display: block;
box-shadow: 0 0 10px #fef102; box-shadow: 0 0 10px #fef102;
border-radius: 0 0 5px 5px;
background-color: #fef102; background-color: #fef102;
} }
@@ -184,12 +187,17 @@ body {
} }
.topnav { .topnav {
display: block;
justify-content: center;
margin: 0 auto;
overflow: hidden; overflow: hidden;
background-color: #333; background-color: #fef102;
width: 87%;
border-radius: 0 0 5px 5px;
box-shadow: 0 0 10px #fef102;
} }
.topnav a { .topnav a {
float: left;
display: block; display: block;
color: whitesmoke; color: whitesmoke;
text-align: center; text-align: center;
@@ -198,29 +206,32 @@ body {
} }
.topnav a:hover { .topnav a:hover {
background-color: #fef102; background-color: black;
color: black; color: #fef102;
} }
.topnav .icon { .topnav .icon {
display: none; display: none;
} }
/* Responsive styles */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.topnav a { .topnav a {
display: none; /* Hide all links by default */ display: none;
} }
.topnav a.icon { .topnav a.icon {
float: right; float: none;
display: block; /* Show the hamburger icon */ display: block;
color: #fef102;
} }
.topnav .icon:hover {
color: #fef102;
}
.topnav.responsive { .topnav.responsive {
position: relative; position: relative;
} }
.topnav.responsive a { .topnav.responsive a {
display: block; /* Show links when the menu is responsive */ display: block;
float: none; /* Remove float */ float: none;
} }
} }

View File

@@ -37,14 +37,14 @@
<!--Navigation links--> <!--Navigation links-->
<div class="topnav" id="myTopnav"> <div class="topnav" id="myTopnav">
<a href="https://grinminer.net/nodes/" class="active">Public Nodes</a> <a href="https://grinminer.net/nodes/" class="active">Public Nodes</a>
<a href="https://grinminer.net/api/" class="active">Public API</a> <a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">Node/VPS Application</a> <a href="https://grinminer.net/application/" class="active">VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a> <a href="https://grinminer.net/download/" class="active">Firmware/Wallets</a>
<a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a> <a href="https://explorer.grinminer.net" class="active">Mainnet Explorer</a>
<a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a> <a href="https://testexplorer.grinminer.net" class="active">Testnet Explorer</a>
<a href="https://checker.grinminer.net" class="active">Wallet Checker</a> <a href="https://checker.grinminer.net" class="active">Wallet Checker</a>
<a href="https://t.me/grinminer_net" class="grey">Telegram</a> <a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net">Github</a> <a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"> <a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</a> </a>