change cluster directory ordering,
move h1 h2 h3 styles to style.css, update style.css to tab indent Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
aaaf9d6990
commit
2532574910
28
contact.html
28
contact.html
@ -7,31 +7,31 @@
|
||||
<link rel="stylesheet" href="style.css" type="text/css">
|
||||
</head>
|
||||
<body style="background-color:black;">
|
||||
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1>
|
||||
<h2 class = "std-text" style = "font-size: 32px; text-align: center;">Affordable custom server solutions.</h2>
|
||||
<h1 class = "std-text">tronnet</h1>
|
||||
<h2 class = "std-text">Affordable custom server solutions.</h2>
|
||||
|
||||
<div class = "center-div" style = "width: 50%;">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Buisness Inqueries</h3>
|
||||
<p class = "std-text" style = "font-size: 14px; text-align: left;">
|
||||
<div class = "center-div">
|
||||
<h3 class = "std-text">Buisness Inqueries</h3>
|
||||
<p class = "std-text">
|
||||
For buisness inquiries, please email <a href = "mailto:requests@tronnet.net">requests@tronnet.net</a>. Please use the tag [Quote] to request a quote for cluster services. If possible, please include usage and configuration requirements.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class = "center-div" style = "width: 50%;">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Legal Inqueries</h3>
|
||||
<p class = "std-text" style = "font-size: 14px; text-align: left;">
|
||||
<div class = "center-div">
|
||||
<h3 class = "std-text">Legal Inqueries</h3>
|
||||
<p class = "std-text">
|
||||
For legal inquiries, please email <a href = "mailto:requests@tronnet.net">requests@tronnet.net</a>. Please use the tag [Legal] to request legal information about the cluster or contract details. If requesting contract clarification please include your client ID
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class = "center-div" style = "width: 50%;">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Support Inquries</h3>
|
||||
<p class = "std-text" style = "font-size: 14px; text-align: left;"> If you are a user of tronnet, please refer to the <a href = "https://docs.tronnet.net/en/quick-support">documentation</a> for information about how to recieve technical support.</p>
|
||||
<div class = "center-div">
|
||||
<h3 class = "std-text">Support Inquries</h3>
|
||||
<p class = "std-text"> If you are a user of tronnet, please refer to the <a href = "https://docs.tronnet.net/en/quick-support">documentation</a> for information about how to recieve technical support.</p>
|
||||
</div>
|
||||
|
||||
<div class = "center-div" style = "width: 50%;">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">User Inquries</h3>
|
||||
<p class = "std-text" style = "font-size: 14px; text-align: left;"> Tronnet does not publish private information of users, except those published in the <a href = "index.html"> User Directory</a>.</p>
|
||||
<div class = "center-div">
|
||||
<h3 class = "std-text">User Inquries</h3>
|
||||
<p class = "std-text"> Tronnet does not publish private information of users, except those published in the <a href = "index.html"> User Directory</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="btn-group">
|
||||
|
12
index.html
12
index.html
@ -7,15 +7,15 @@
|
||||
<link rel="stylesheet" href="style.css" type="text/css">
|
||||
</head>
|
||||
<body style="background-color:black;">
|
||||
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1>
|
||||
<h2 class = "std-text" style = "font-size: 32px; text-align: center;">Affordable custom server solutions.</h2>
|
||||
<h1 class = "std-text">tronnet</h1>
|
||||
<h2 class = "std-text">Affordable custom server solutions.</h2>
|
||||
|
||||
<div class="center-div">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Cluster Directory</h3>
|
||||
<h3 class = "std-text">Cluster Directory</h3>
|
||||
<div class="btn-group">
|
||||
<button onclick="window.location.href='https://tronnet.net';">Cluster Homepage</button>
|
||||
<button onclick="window.location.href='https://pve.tronnet.net';">DMZ Proxmox</button>
|
||||
<button onclick="window.location.href='https://opns.tronnet.net';">DMZ Opnsense</button>
|
||||
<button onclick="window.location.href='https://pve.tronnet.net';">DMZ Proxmox</button>
|
||||
<button onclick="window.location.href='https://status.tronnet.net';">Cluster Status</button>
|
||||
<button onclick="window.location.href='https://wiki.tronnet.net';">Cluster Documentation</button>
|
||||
<button onclick="window.location.href='https://mail.tronnet.net/mail';">Tronnet Mail</button>
|
||||
@ -23,14 +23,14 @@
|
||||
</div>
|
||||
|
||||
<div class="center-div">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">User Directory</h3>
|
||||
<h3 class = "std-text">User Directory</h3>
|
||||
<div class="btn-group">
|
||||
<button onclick="window.location.href='https://root.tronnet.net';">root</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="center-div">
|
||||
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Information</h3>
|
||||
<h3 class = "std-text">Information</h3>
|
||||
<div class="btn-group">
|
||||
<button onclick="window.location.href='contact.html';">Contact Us</button>
|
||||
</div>
|
||||
|
35
style.css
35
style.css
@ -3,11 +3,39 @@
|
||||
color: white;
|
||||
margin: 20px 0px 20px 0px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 72px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.center-div {
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btn-group button {
|
||||
background-color: #00ff00; /* Green background */
|
||||
color: black; /* White text */
|
||||
@ -15,18 +43,17 @@
|
||||
margin: 0px 5px 0px 5px;
|
||||
cursor: pointer; /* Pointer/hand icon */
|
||||
}
|
||||
|
||||
.btn-group button:not(:last-child) {
|
||||
border-right: none; /* Prevent double borders */
|
||||
}
|
||||
|
||||
.btn-group:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.btn-group button:hover {
|
||||
background-color: #008800;
|
||||
}
|
||||
.center-div {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
Loading…
Reference in New Issue
Block a user