diff --git a/images/gpp.png b/images/gpp.png new file mode 100644 index 0000000..003c8f4 Binary files /dev/null and b/images/gpp.png differ diff --git a/images/grim.png b/images/grim.png new file mode 100644 index 0000000..0aa4c62 Binary files /dev/null and b/images/grim.png differ diff --git a/images/grin-logo-cat-cropped-black.png b/images/grin-logo-cat-cropped-black.png new file mode 100644 index 0000000..31561bd Binary files /dev/null and b/images/grin-logo-cat-cropped-black.png differ diff --git a/images/grin-logo-cat.svg b/images/grin-logo-cat.svg new file mode 100644 index 0000000..2a4b04d --- /dev/null +++ b/images/grin-logo-cat.svg @@ -0,0 +1,1605 @@ + + + + + + + + + diff --git a/images/grin-miner.png b/images/grin-miner.png new file mode 100644 index 0000000..b0bf2b3 Binary files /dev/null and b/images/grin-miner.png differ diff --git a/images/grinminerbanner.png b/images/grinminerbanner.png new file mode 100644 index 0000000..0b96e98 Binary files /dev/null and b/images/grinminerbanner.png differ diff --git a/images/ipollo.png b/images/ipollo.png new file mode 100644 index 0000000..d585471 Binary files /dev/null and b/images/ipollo.png differ diff --git a/images/miner.png b/images/miner.png new file mode 100644 index 0000000..78d505e Binary files /dev/null and b/images/miner.png differ diff --git a/images/network.png b/images/network.png new file mode 100644 index 0000000..71c9783 Binary files /dev/null and b/images/network.png differ diff --git a/images/web-banner.png b/images/web-banner.png new file mode 100755 index 0000000..d2723bd Binary files /dev/null and b/images/web-banner.png differ diff --git a/images/web-banner2.png b/images/web-banner2.png new file mode 100644 index 0000000..db5ead0 Binary files /dev/null and b/images/web-banner2.png differ diff --git a/images/web-banner3.png b/images/web-banner3.png new file mode 100644 index 0000000..ab716aa Binary files /dev/null and b/images/web-banner3.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ae3fa2f --- /dev/null +++ b/index.html @@ -0,0 +1,68 @@ + + + + Grinminer.net + + + + + + + + + + + + + + + + + + +
+ Public API + Public Nodes + Firmware/ Wallets + Mainnet Faucet + Testnet Faucet + Wallet Checker + Mainnet Explorer + Testnet Explorer + Telegram Chat + Transatoshi's Github + + Menu + +
+ + + grinminer-banner + +
+

Community hosted tools to assist solo Grin miners

+
+ +
+
+

To best preserve your privacy when using tools like the wallet checker or faucets, use tor browser, additionally, the wallet checker has an onion URL provided

+

Owned and hosted by transatoshi

+
+
+ + + + + + + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..9b52d78 --- /dev/null +++ b/main.css @@ -0,0 +1,458 @@ +body { + margin: 0; + font-family: monospace, sans-serif; + background-color: #0c0c0c; + color: #fef102; + } + + p { + font-family: system-ui, monospace; + font-weight: bolder; + font-size: 25px; + color: whitesmoke; + text-wrap: balance; + overflow-wrap: break-word; + } + + h1 { + font-size: 32px; + font-family: Helvetica, sans-serif; + } + + h3 { + font-size: 23px; + font-family: Helvetica, sans-serif; + } + + code { + text-align: left; + } + + .onion { + color: #ff2800; + padding: 20px 0px 20px 0px; + text-decoration: underline; + width: 100%; + font-weight: bolder; + font-size: 24.5px; + } + + .onion2 { + color: #fef102; + padding: 0px 0px 20px 0px; + width: 100%; + font-weight: bolder; + font-size: 20px; + } + + .onion3 { + color: #ff2800; + padding: 40px 0px 10px 0px; + width: 100%; + font-weight: bolder; + font-size: 16px; + text-decoration: underline; + } + + input[type="text"] { + width: 430px; + } + + .topnav { + overflow: hidden; + background-color: #fef102; + border-radius: 0 0 5px 5px; + box-shadow: 0 0 15px #fef102; + display: flex; + align-items: center; + justify-content: center; + width: 94.5%; + margin: 10px auto -10px auto; + } + + .topnav a { + color: #131313; + font-family: Helvetica, sans-serif, sans-serif; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 20px; + font-weight: bolder; + } + + .topnav a:hover { + background-color: #131313; + color: #fef102; + } + + .topnav a.active { + background-color: #fef102; + color: #131313; + border-right: 3px solid #131313; + } + + .topnav a.active2 { + background-color: #fef102; + color: #0c0c0c; + border-right: #0c0c0c 3px solid; +} + + .topnav a.github { + background-color: #fef102; + color: #0c0c0c; + + + + } + + .corporate { + padding: -10px 0px -20px 0px; + } + + .responsive { + width: 95%; + margin: -10px auto 0px auto; + padding: 0 auto 0 auto; + box-sizing: border-box; + box-shadow:0 0 30px #fef102; + text-align: center; + display: block; + } + + legend { + height: 50px; + } + + input { + display: flex; + margin: 0 auto 0 auto; + } + + .miner { + width: 93%; + padding-left: 30px; + margin: auto; + display: block; + } + + .button { + background-color: #fef102; + color: #0c0c0c; + font-size: large; + font-weight: bolder; + font-family: monospace; + padding: 10px; + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + margin:10px +} + +.small-btn { + width: 50px; + height: 25px; +} + +.medium-btn { + width: 70px; + height: 30px; +} + +.big-btn { + width: 100px; + height: 60px; +} + + .container { + width: 90%; + margin: 0 auto 0 auto; + } + + ::-webkit-input-placeholder { + color: #222; +} + +:-moz-placeholder { /* Firefox 18- */ + color: #222; +} + +::-moz-placeholder { /* Firefox 19+ */ + color: #222; +} + +:-ms-input-placeholder { + color: #222; +} + + .diagram { + width: 85%; + margin: 20px auto 10px auto; + } + + .fourohfour { + font-size: 80px; + } + + .ad { + width: 100%; + } + + .subtitle { + font-family: monospace; + font-weight: 800; + background-color: #0c0c0c; + border-right: 3px solid #fef102; + border-left: 3px solid #fef102; + border-bottom: 3px solid #fef102; + border-radius: 0 0 5px 5px; + box-shadow: 0 0 15px #fef102; + width: 91.5%; + height: auto; + margin: -23px auto 30px auto; + padding-top: 5px; + display: block; + text-align:center; + } + + div.content { + text-align: center; + display: block; + } + + .tor { + color: blueviolet; + } + + .nodes { + text-align: center; + } + + .site.pad.community-pad{ + padding-top:40px; + padding-bottom:40px; + border-top:1px solid #0c0c0c; + } + + .firmware { + text-align: center; + margin: 0 auto 0 auto; + } + + .community { + background-color:#0c0c0c; + padding:-10px auto 64px auto; + max-width: 95%; + margin:0 auto; + word-wrap: break-word; + } + + .community a { + border-bottom:1px solid #0c0c0c; + text-wrap: balance; + } + + .community h2 { + text-align:center; + } + + .community-subheading { + line-height:1.4em; + text-align:center; + } + + .community-content { + margin-top:40px; + background-color:#0c0c0c; + } + + .community-row { + padding:20px; + width: 95%; + margin: 5px auto 5px auto; + display:flex; + flex-direction: column; + } + + .community-row-img { + height:80px; + width:80px; + margin-right:16px; + border-radius:15px; + } + + .community-row-content { + margin-top:4px; + } + + .community-row-heading { + font-size:18px; + font-weight:bold; + margin-bottom:4px; + } + + .community-row-desc { + line-height:1.4em; + margin-bottom:8px; + } + + .community-row-category { + color:#6F6F6F; + font-size:12px; + } + + .footer { + text-align: center; + margin: 0 auto; + } + + /* Add this to your existing CSS */ +.topnav a { + display: none; /* Hide links by default */ +} + +.topnav.responsive a { + display: block; /* Show links when responsive class is added */ +} + +.topnav .icon { + display: block; /* Show the hamburger icon */ +} + +/* Show links in the topnav by default on larger screens */ +@media screen and (min-width: 601px) { + .topnav a { + display: block; /* Show links on larger screens */ + } + .topnav .icon { + display: none; /* Hide the hamburger icon on larger screens */ + } +} + +/* Form Container */ +.container { + background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent background */ + border-radius: 10px; /* Rounded corners */ + padding: 20px; /* Padding around the content */ + box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); /* Soft shadow */ + margin: 20px auto; /* Center the container */ + max-width: 600px; /* Max width for the form */ +} + +/* Form Headings */ +h1 { + font-size: 32px; /* Larger font size for the main heading */ + text-align: center; /* Center the heading */ + margin-bottom: 10px; /* Space below the heading */ +} + +p { + margin-bottom: 15px; /* Space below paragraphs */ +} + + +/* Legend Styles */ +legend { + font-weight: bold; /* Bold text for legend */ + color: #fef102; /* Color for legend text */ +} + +/* Input and Textarea Styles */ +input[type="radio"], input[type="text"], textarea { + width: calc(100% - 20px); /* Full width minus padding */ + padding: 10px; /* Padding inside inputs */ + border: 1px solid #fef102; /* Border color */ + border-radius: 5px; /* Rounded corners */ + background-color: rgba(135, 135, 135, 0.387); /* Semi-transparent background */ + color: #fef102; /* Text color */ + margin-bottom: 10px; /* Space below inputs */ +} + +/* Button Styles */ +.button { + width: 100%; /* Full width button */ + padding: 15px; /* Padding for button */ + font-size: 18px; /* Font size for button */ + border: none; /* Remove default border */ + cursor: pointer; /* Pointer cursor on hover */ +} + +/* Textarea Styles */ +.textarea { + resize: none; /* Disable resizing */ + background-color: #0c0c0c; + color: #fef102; +} + +/* Responsive Styles */ +@media screen and (max-width: 600px) { + .container { + width: 95%; /* Full width on small screens */ + } +} + +/* Button Container */ +.clearfix { + display: flex; /* Use flexbox for layout */ + justify-content: space-evenly; /* Space between buttons */ + margin: 20px 60px 20px 60px; + width 10%; + +} + +/* Button Styles */ +.button { + background-color: #fef102; /* Button background color */ + color: #0c0c0c; /* Button text color */ + font-size: large; /* Font size for button */ + font-weight: bolder; /* Bold text */ + font-family: monospace; /* Font family */ + padding: 10px 20px; /* Padding for button */ + border: none; /* Remove default border */ + border-radius: 5px; /* Rounded corners */ + cursor: pointer; /* Pointer cursor on hover */ + flex: 1; /* Allow buttons to grow equally */ + margin: 0 5px; /* Space between buttons */ +} + +.textarea { + background-color: white; + color: #0c0c0c; +} + +input[type="checkbox"] { + margin-right: 10px; /* Space between checkbox and label */ +} + +fieldset { + border: 1px solid #fef102; /* Border color */ + border-radius: 5px; /* Rounded corners */ + padding: 10px; /* Padding inside fieldset */ + margin-bottom: 15px; /* Space below fieldset */ + display: flex; /* Use flexbox for layout */ + flex-direction: column; /* Stack items vertically */ + align-items: flex-start; /* Align items to the start */ +} + +label { + display: flex; /* Use flexbox for label */ + align-items: center; /* Center items vertically */ + margin-bottom: 10px; /* Space below each label */ +} + +.checkbox-label { + font-size: 20px; /* Larger font size */ + font-weight: bold; /* Bold text */ + color: #fef102; /* Text color */ + display: inline-block; /* Ensure labels are inline with checkboxes */ + margin-bottom: 10px; /* Space below each label */ +} + +input[type="radio"] { + margin-right: 10px; /* Space between checkbox and label */ +} + +.checkbox-label { + font-size: 20px; /* Larger font size */ + font-weight: bold; /* Bold text */ + color: #fef102; /* Text color */ +}