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:
Arthur Lu 2022-11-25 17:22:39 -08:00
parent aaaf9d6990
commit 2532574910
3 changed files with 61 additions and 34 deletions

View File

@ -7,31 +7,31 @@
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
</head> </head>
<body style="background-color:black;"> <body style="background-color:black;">
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1> <h1 class = "std-text">tronnet</h1>
<h2 class = "std-text" style = "font-size: 32px; text-align: center;">Affordable custom server solutions.</h2> <h2 class = "std-text">Affordable custom server solutions.</h2>
<div class = "center-div" style = "width: 50%;"> <div class = "center-div">
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Buisness Inqueries</h3> <h3 class = "std-text">Buisness Inqueries</h3>
<p class = "std-text" style = "font-size: 14px; text-align: left;"> <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. 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> </p>
</div> </div>
<div class = "center-div" style = "width: 50%;"> <div class = "center-div">
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Legal Inqueries</h3> <h3 class = "std-text">Legal Inqueries</h3>
<p class = "std-text" style = "font-size: 14px; text-align: left;"> <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 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> </p>
</div> </div>
<div class = "center-div" style = "width: 50%;"> <div class = "center-div">
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Support Inquries</h3> <h3 class = "std-text">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> <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>
<div class = "center-div" style = "width: 50%;"> <div class = "center-div">
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">User Inquries</h3> <h3 class = "std-text">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> <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>
<div class="btn-group"> <div class="btn-group">

View File

@ -7,15 +7,15 @@
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
</head> </head>
<body style="background-color:black;"> <body style="background-color:black;">
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1> <h1 class = "std-text">tronnet</h1>
<h2 class = "std-text" style = "font-size: 32px; text-align: center;">Affordable custom server solutions.</h2> <h2 class = "std-text">Affordable custom server solutions.</h2>
<div class="center-div"> <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"> <div class="btn-group">
<button onclick="window.location.href='https://tronnet.net';">Cluster Homepage</button> <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://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://status.tronnet.net';">Cluster Status</button>
<button onclick="window.location.href='https://wiki.tronnet.net';">Cluster Documentation</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> <button onclick="window.location.href='https://mail.tronnet.net/mail';">Tronnet Mail</button>
@ -23,14 +23,14 @@
</div> </div>
<div class="center-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"> <div class="btn-group">
<button onclick="window.location.href='https://root.tronnet.net';">root</button> <button onclick="window.location.href='https://root.tronnet.net';">root</button>
</div> </div>
</div> </div>
<div class="center-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"> <div class="btn-group">
<button onclick="window.location.href='contact.html';">Contact Us</button> <button onclick="window.location.href='contact.html';">Contact Us</button>
</div> </div>

View File

@ -3,11 +3,39 @@
color: white; color: white;
margin: 20px 0px 20px 0px; 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 { .btn-group {
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.btn-group button { .btn-group button {
background-color: #00ff00; /* Green background */ background-color: #00ff00; /* Green background */
color: black; /* White text */ color: black; /* White text */
@ -15,18 +43,17 @@
margin: 0px 5px 0px 5px; margin: 0px 5px 0px 5px;
cursor: pointer; /* Pointer/hand icon */ cursor: pointer; /* Pointer/hand icon */
} }
.btn-group button:not(:last-child) { .btn-group button:not(:last-child) {
border-right: none; /* Prevent double borders */ border-right: none; /* Prevent double borders */
} }
.btn-group:after { .btn-group:after {
content: ""; content: "";
clear: both; clear: both;
display: table; display: table;
} }
.btn-group button:hover { .btn-group button:hover {
background-color: #008800; background-color: #008800;
} }
.center-div {
margin-left: auto;
margin-right: auto;
}