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-->
<div class="topnav" id="myTopnav">
<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/application/" class="active">Node/VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a>
<a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">VPS Application</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://testexplorer.grinminer.net" class="active">Testnet Explorer</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://github.com/transatoshi-mw/grinminer.net">Github</a>
<a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>

View File

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

View File

@@ -36,14 +36,14 @@
<!--Navigation links-->
<div class="topnav" id="myTopnav">
<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/application/" class="active">Node/VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a>
<a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">VPS Application</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://testexplorer.grinminer.net" class="active">Testnet Explorer</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://github.com/transatoshi-mw/grinminer.net">Github</a>
<a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</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-->
<div class="topnav" id="myTopnav">
<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/application/" class="active">Node/VPS Application</a>
<a href="https://grinminer.net/download/" class="active">Download Firmware/Wallets</a>
<a href="https://grinminer.net/api/" class="active">API</a>
<a href="https://grinminer.net/application/" class="active">VPS Application</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://testexplorer.grinminer.net" class="active">Testnet Explorer</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://github.com/transatoshi-mw/grinminer.net">Github</a>
<a href="https://t.me/grinminer_net" class="active">Telegram</a>
<a href="https://github.com/transatoshi-mw/grinminer.net" class="active2">Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
@@ -54,12 +54,12 @@
</div>
<!--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">
<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>
<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">
<span class="corporate"><p>Grinminer.net is not controlled by any company or foundation.</p></span>
</div>

View File

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

View File

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