mirror of
https://github.com/transatoshi-mw/grinminer.net.git
synced 2025-10-06 22:02:48 +00:00
Updated application
This commit is contained in:
transatoshi
@@ -57,12 +57,14 @@
|
||||
<span class="cloud"><h2>Developed over 2 years to be an alternative to the corporate cloud.</h2></span>
|
||||
|
||||
<!--Title-->
|
||||
<form action="https://formsubmit.co/fc6589379f42ab354825f1184623a4eb" method="POST" style="border:1px solid #ccc">
|
||||
<form action="https://formsubmit.co/fc6589379f42ab354825f1184623a4eb" method="POST">
|
||||
<div class="container">
|
||||
<h1>Sign Up</h1>
|
||||
<p>Please fill in this form to create an account.</p>
|
||||
<p>Fees are nominal, and meant to discourage resource waste. Must be paid in Grin.</p>
|
||||
<p>Please fill in this form to create an account.</p>
|
||||
<p>Fees are nominal [10ツ], and meant to discourage resource waste. Must be paid in Grin.</p>
|
||||
<p>Node API access uses a username.grinminer.net format and SSH/Stratum uses ports like grinminer.net:xxxx</p>
|
||||
<p>All nodes are LXC containers running the latest Debian release.</p>
|
||||
<p>SSH RSA public key required for server authentication.</p>
|
||||
<br>
|
||||
<fieldset>
|
||||
<legend>Are you looking for a Grin node or node+stratum?</legend>
|
||||
@@ -77,10 +79,9 @@
|
||||
</fieldset>
|
||||
<br>
|
||||
<fieldset>
|
||||
<legend>Do you require node setup or support/backups?</legend>
|
||||
<input id="no" type="radio" name="support" value="no" checked> <label for="no">None (free)</label>
|
||||
<input id="setup" type="radio" name="support" value="setup"> <label for="setup">Setup only (flat fee)</label>
|
||||
<input id="setup+support" type="radio" name="support" value="ongoing"> <label for="ongoing"> Ongoing support/backups (monthly fee)</label>
|
||||
<legend>Do you require support/backups?</legend>
|
||||
<input id="no" type="radio" name="support" value="no" checked> <label for="no">No (free)</label>
|
||||
<input id="setup+support" type="radio" name="support" value="ongoing"> <label for="ongoing">Support/backups (monthly fee)</label>
|
||||
</fieldset>
|
||||
<br>
|
||||
<fieldset>
|
||||
@@ -89,20 +90,21 @@
|
||||
<input id="agreement" type="radio" name="agreement" value="yes"> <label for="yes">Yes</label>
|
||||
</fieldset>
|
||||
<br>
|
||||
<input type="text" name="username" placeholder="username" required>
|
||||
<textarea rows="1" cols="25" name="username" placeholder="username" required></textarea>
|
||||
<br>
|
||||
<input type="text" name="email" placeholder="email address" required>
|
||||
<textarea rows="1" cols="25" name="email" placeholder="email address" required></textarea>
|
||||
<br>
|
||||
<input type="text" name="comments" placeholder="comments">
|
||||
<textarea rows="5" cols="25" name="ssh" placeholder="SSH RSA public key" required></textarea>
|
||||
<br>
|
||||
<textarea rows="5" cols="25" name="comments" placeholder="comments (optional)"></textarea>
|
||||
<input type="hidden" name="_next" value="https://grinminer.net/thanks.html">
|
||||
<input type="hidden" name="_subject" value="Grinminer application">
|
||||
<p>Grinminer.net is very young and experimental, use at your own risk.</p>
|
||||
<p>Once applied you will receive an email response within 48 hours to confirm.</p>
|
||||
|
||||
<p>Grinminer.net is very young and experimental, use at your own risk.</p>
|
||||
<div class="clearfix">
|
||||
<button type="submit" class="signupbtn">Sign Up</button>
|
||||
<button type="submit" class="button big-btn">Sign Up</button>
|
||||
</div>
|
||||
</div>
|
||||
<p>Once applied you will receive an email response within 24 hours to confirm.</p>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
@@ -120,11 +122,7 @@
|
||||
<footer width="device-width">
|
||||
<div class="footer">
|
||||
<p>Apply today or contact transatoshi via the Telegram link for more info on free and paid node/stratum hosting, or if you need tGrin for tesnet.</p>
|
||||
<p>mikkdfjjawqzw4bis5pwq
|
||||
<br>
|
||||
wsbul3ndubhnbwtlumaeo
|
||||
<br>
|
||||
wlcigxgwk7n4yd.onion</p>
|
||||
<p>mikkdfjjawqzw4bis5pwqwsbul3ndubhnbwtlumaeowlcigxgwk7n4yd.onion</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 236 KiB After Width: | Height: | Size: 236 KiB |
@@ -83,11 +83,7 @@
|
||||
<footer width="device-width">
|
||||
<div class="footer">
|
||||
<p>Apply today or contact transatoshi via the Telegram link for more info on free and paid node/stratum hosting, or if you need tGrin for tesnet.</p>
|
||||
<p>mikkdfjjawqzw4bis5pwq
|
||||
<br>
|
||||
wsbul3ndubhnbwtlumaeo
|
||||
<br>
|
||||
wlcigxgwk7n4yd.onion</p>
|
||||
<p>mikkdfjjawqzw4bis5pwqwsbul3ndubhnbwtlumaeowlcigxgwk7n4yd.onion</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
196
website/main.css
196
website/main.css
@@ -1,6 +1,6 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Lato", sans-serif;
|
||||
font-family: monospace, sans-serif;
|
||||
background-color: black;
|
||||
color: #fef102;
|
||||
}
|
||||
@@ -8,13 +8,14 @@ body {
|
||||
p {
|
||||
font-family: monospace;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
color: whitesmoke;
|
||||
text-wrap: balance;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 15.5px;
|
||||
font-size: 20px;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
@@ -23,51 +24,111 @@ body {
|
||||
}
|
||||
|
||||
.topnav {
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
padding-left: 10px;
|
||||
background-color: #fef102;
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: 0 0 15px #fef102;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 90%;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
|
||||
.topnav a {
|
||||
float: left;
|
||||
display: block;
|
||||
color: whitesmoke;
|
||||
color: black;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
.topnav a:hover {
|
||||
background-color: black;
|
||||
color: #fef102;
|
||||
}
|
||||
|
||||
|
||||
.topnav a.active {
|
||||
background-color: #fef102;
|
||||
color: black;
|
||||
border-right: black 2px solid;
|
||||
}
|
||||
|
||||
|
||||
.topnav a.active2 {
|
||||
background-color: #fef102;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.responsive {
|
||||
max-width: 94.1%;
|
||||
height: auto;
|
||||
margin: 10px auto 0px auto;
|
||||
width: 95%;
|
||||
margin: 20px auto 0px auto;
|
||||
border: #fef102 solid 0px;
|
||||
border-radius: 5px;
|
||||
box-shadow:0 0 10px #fef102;
|
||||
box-shadow:0 0 30px #fef102;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
legend {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
input {
|
||||
display: flex;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #fef102;
|
||||
color: black;
|
||||
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: 100%;
|
||||
margin-top: 20px;
|
||||
width: 98%;
|
||||
margin: 20px auto 0 auto;
|
||||
}
|
||||
|
||||
.fourohfour {
|
||||
@@ -80,14 +141,13 @@ body {
|
||||
|
||||
.subtitle {
|
||||
font-family: monospace;
|
||||
font-size: 16px
|
||||
font-weight: 800;
|
||||
border: #fef102 solid 0px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: 0 0 10px #fef102;
|
||||
box-shadow: 0 0 15px #fef102;
|
||||
width: 70%;
|
||||
height: auto;
|
||||
margin: -15px auto 30px auto;
|
||||
margin: -23px auto 30px auto;
|
||||
display: block;
|
||||
text-align:center;
|
||||
padding: 0 40px 0 40px;
|
||||
@@ -124,21 +184,21 @@ body {
|
||||
.community {
|
||||
background-color:black;
|
||||
padding:-10px 16px 64px 16px;
|
||||
max-width:700px;
|
||||
max-width:500px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.community a {
|
||||
border-bottom:1px solid black
|
||||
border-bottom:1px solid black;
|
||||
}
|
||||
|
||||
.community h2 {
|
||||
text-align:center
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.community-subheading {
|
||||
line-height:1.4em;
|
||||
text-align:center
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.community-content {
|
||||
@@ -148,90 +208,64 @@ body {
|
||||
|
||||
.community-row {
|
||||
padding:20px;
|
||||
margin: 5px 0 5px 0;
|
||||
width: 400px;
|
||||
margin: 5px auto 5px auto;
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
border: solid 1px silver;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.community-row-img {
|
||||
height:80px;
|
||||
width:80px;
|
||||
margin-right:16px;
|
||||
border-radius:15px
|
||||
border-radius:15px;
|
||||
}
|
||||
|
||||
.community-row-content {
|
||||
margin-top:4px
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.community-row-heading {
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
margin-bottom:4px
|
||||
margin-bottom:4px;
|
||||
}
|
||||
|
||||
.community-row-desc {
|
||||
line-height:1.4em;
|
||||
margin-bottom:8px
|
||||
margin-bottom:8px;
|
||||
}
|
||||
|
||||
.community-row-category {
|
||||
color:#6F6F6F;
|
||||
font-size:12px
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.topnav {
|
||||
display: block;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
background-color: #fef102;
|
||||
width: 87%;
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: 0 0 10px #fef102;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
color: whitesmoke;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
display: block; /* Show links on larger screens */
|
||||
}
|
||||
|
||||
.topnav a:hover {
|
||||
background-color: black;
|
||||
color: #fef102;
|
||||
}
|
||||
|
||||
.topnav .icon {
|
||||
display: none;
|
||||
display: none; /* Hide the hamburger icon on larger screens */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.topnav a {
|
||||
display: none;
|
||||
}
|
||||
.topnav a.icon {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.topnav .icon:hover {
|
||||
color: #fef102;
|
||||
}
|
||||
|
||||
.topnav.responsive {
|
||||
position: relative;
|
||||
}
|
||||
.topnav.responsive a {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user