Changed WWW directory
Modified all directory stuff
This commit is contained in:
parent
ed468c767e
commit
56a4d569f7
12 changed files with 0 additions and 0 deletions
BIN
SALAD-WWW/CheltenhamStdBoldCondIt.woff
Normal file
BIN
SALAD-WWW/CheltenhamStdBoldCondIt.woff
Normal file
Binary file not shown.
3
SALAD-WWW/README.md
Normal file
3
SALAD-WWW/README.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# secure-gateway-config
|
||||
|
||||
Configurations and such for the Secure Gateway Project for Cdez.net
|
||||
45
SALAD-WWW/dnsinfo/index.html
Normal file
45
SALAD-WWW/dnsinfo/index.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html style="background-image: linear-gradient(#005678, #146488, #005678);">
|
||||
<head>
|
||||
<title>CdezNET - DNS Information</title>
|
||||
<style>
|
||||
@import url("./styles.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://cdn.jsdelivr.net/npm/dohjs@latest/dist/doh.min.js"></script>
|
||||
<div class="mainPage">
|
||||
<header style="padding: 0.5rem;">
|
||||
<h2><a href="/" style="text-decoration: none; color: #FFD700; padding-left: 25px">CdezNET</a></h2>
|
||||
</header>
|
||||
<div class="menuBar">
|
||||
<ul>
|
||||
<li><a href="/">Home Page</a></li>
|
||||
<li><a href="/../seccon">SecCon Instructions</a></li>
|
||||
<li><a href="/../dnsinfo">DNS Servers</a></li>
|
||||
<li><a href="/">CdezNET Login</a></li>
|
||||
<li><a href="/">Domain Management</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<main>
|
||||
<h3 style="padding-left: 10px;">CdezNET - DNS Server Information</h3>
|
||||
<p>Currently, as of November 2023, there are four active DNS Servers.</p>
|
||||
<ul>
|
||||
<li>Collins(collins.ns.cdez.net): <div id="collins" class="ns">IP HERE</div></li>
|
||||
<li>Forrest(forrest.ns.cdez.net): <div id="forrest" class="ns">IP HERE</div></li>
|
||||
<li>Roth(roth.ns.cdez.net): <div id="roth" class="ns">IP HERE</div></li>
|
||||
<li>Dashner(dashner.ns.cdez.net): <div id="dashner" class="ns">IP HERE</div></li>
|
||||
</ul>
|
||||
</main>
|
||||
<div class="adBar">
|
||||
<a href="/"><img src="/../vpnservices.png" alt="Get Connected Today!" width=250 height=300></a>
|
||||
<br>
|
||||
<body style="color: #FF2A6D">Get Connected to the Network Today!</body>
|
||||
</div>
|
||||
<footer style="color: #FFD700;">
|
||||
Copyright CdezNET 2023
|
||||
</footer>
|
||||
</div>
|
||||
<script type="text/javascript" src="./script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
57
SALAD-WWW/dnsinfo/script.js
Normal file
57
SALAD-WWW/dnsinfo/script.js
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
function currentTime() {
|
||||
let date = new Date();
|
||||
let hrs = date.getHours();
|
||||
let min = date.getMinutes();
|
||||
let sec = date.getSeconds();
|
||||
let meridiem = "AM";
|
||||
|
||||
if(hrs === 0){
|
||||
hrs = 12;
|
||||
}
|
||||
if(hrs > 12){
|
||||
hrs = hrs - 12;
|
||||
meridiem = "PM";
|
||||
}
|
||||
|
||||
hrs = (hrs < 10) ? "0" + hrs : hrs;
|
||||
min = (min < 10) ? "0" + min : min;
|
||||
sec = (sec < 10) ? "0" + sec : sec;
|
||||
|
||||
let time = hrs + ":" + min + ":" + sec + " " + meridiem;
|
||||
|
||||
document.getElementById("standardClock").innerText = time;
|
||||
let t = setTimeout(function(){ currentTime() }, 1000);
|
||||
}
|
||||
|
||||
function getIP(queriedIP) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const resolver = new doh.DohResolver("https://1.1.1.1/dns-query");
|
||||
resolver
|
||||
.query(queriedIP, "A")
|
||||
.then((response) => {
|
||||
response.answers.forEach((ans) => {
|
||||
resolve(ans.data)
|
||||
});
|
||||
if (response.answers.length == 0) {
|
||||
resolve(queriedIP)
|
||||
}
|
||||
})
|
||||
.catch((err) => reject(err));
|
||||
});
|
||||
}
|
||||
|
||||
getIP("collins.ns.cdez.net").then((res) => {
|
||||
document.getElementById("collins").innerText = res;
|
||||
});
|
||||
|
||||
getIP("forrest.ns.cdez.net").then((res) => {
|
||||
document.getElementById("forrest").innerText = res;
|
||||
});
|
||||
|
||||
getIP("roth.ns.cdez.net").then((res) => {
|
||||
document.getElementById("roth").innerText = res;
|
||||
});
|
||||
|
||||
getIP("dashner.ns.cdez.net").then((res) => {
|
||||
document.getElementById("dashner").innerText = res;
|
||||
});
|
||||
97
SALAD-WWW/dnsinfo/styles.css
Normal file
97
SALAD-WWW/dnsinfo/styles.css
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
/* Ubuntu - cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* Ubuntu - cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* Ubuntu - greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* Ubuntu - greek */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* Ubuntu - latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* Ubuntu - latin */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* CowboyBebopFontStyle */
|
||||
@font-face {
|
||||
font-family: 'Bebop';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.cdnfonts.com/s/30932/CheltenhamStdBoldCondIt.woff) format('woff');
|
||||
}
|
||||
/* CSS Styles for headers 1-4 and paragraph tags. */
|
||||
h1 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h2 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h3 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h4 {font-family: 'Ubuntu', sans-serif; color: #FFD700;}
|
||||
p {font-family: 'Ubuntu', sans-serif; padding:0.3em 1em; color: #FFD700;}
|
||||
/* CSS Styles for the Menu Bar */
|
||||
li {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
a {color: #ff2a6d}
|
||||
/* CSS Styling for the ID sector */
|
||||
#sector {
|
||||
text-align: center;
|
||||
color: #003466;
|
||||
}
|
||||
.mainPage {
|
||||
display: grid;
|
||||
grid-template: auto 1fr auto / auto 1fr auto;
|
||||
}
|
||||
header {
|
||||
padding: 2rem;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
.menuBar {
|
||||
grid-column: 1 / 2;
|
||||
}
|
||||
main {
|
||||
grid-column: 2 / 3;
|
||||
}
|
||||
.adBar {
|
||||
grid-column: 3 / 4;
|
||||
}
|
||||
footer {
|
||||
padding: 1rem;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
45
SALAD-WWW/index.html
Normal file
45
SALAD-WWW/index.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html style="background-image: linear-gradient(#005678, #146488, #005678);">
|
||||
<head>
|
||||
<title>CdezNET</title>
|
||||
<style>
|
||||
@import url("./styles.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainPage">
|
||||
<header style="padding: 0.5rem;">
|
||||
<h2><a href="/" style="text-decoration: none; color: #FFD700; padding-left: 25px">CdezNET</a></h2>
|
||||
</header>
|
||||
<div class="menuBar">
|
||||
<ul>
|
||||
<li><a href="/">Home Page</a></li>
|
||||
<li><a href="/seccon">SecCon Instructions</a></li>
|
||||
<li><a href="/dnsinfo">DNS Servers</a></li>
|
||||
<li><a href="/">CdezNET Login</a></li>
|
||||
<li><a href="/">Domain Management</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<main>
|
||||
<div id="standardClock" class="clock" style="text-align: center; color: #FF2A6D" onclick="currentTime()">Click me for current time</div>
|
||||
<h3 style="padding-left: 10px;">Homepage of CdezNET</h3>
|
||||
<p>This project is focused on setting up four DNS Servers across multiple different cloud providers.</p>
|
||||
<p>In order to guarantee access using this little mininet, there are multiple ways to access this project.</p>
|
||||
<p>One way is to change the DNS Servers on your device. Finding instructions for your device is as quick as a google search for "dns server change for [device]"</p>
|
||||
<p>Another way is to connect to the VPN Gateways. Instructions can be found on the SecCon Instructions Page in the NavBar.</p>
|
||||
<p>There are two different VPN Gateways that this service provides. One is OpenVPN and Cisco AnyConnect.</p>
|
||||
<p>Both use the LDAP and Identity Provider setup to login and provide this service if you are unable to connect to the DNS Servers without credentials.</p>
|
||||
<p>Coming Soon: Custom Hosted Domains! Will have custom TLDs for selfhosted projects. Includes a DNS management page for these things.</p>
|
||||
</main>
|
||||
<div class="adBar">
|
||||
<a href="/"><img src="./vpnservices.png" alt="Get Connected Today!" width=250 height=300></a>
|
||||
<br>
|
||||
<body style="color: #FF2A6D">Get Connected to the Network Today!</body>
|
||||
</div>
|
||||
<footer style="color: #FFD700;">
|
||||
Copyright CdezNET 2023
|
||||
</footer>
|
||||
</div>
|
||||
<script type="text/javascript" src="./script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
24
SALAD-WWW/script.js
Normal file
24
SALAD-WWW/script.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
function currentTime() {
|
||||
let date = new Date();
|
||||
let hrs = date.getHours();
|
||||
let min = date.getMinutes();
|
||||
let sec = date.getSeconds();
|
||||
let meridiem = "AM";
|
||||
|
||||
if(hrs === 0){
|
||||
hrs = 12;
|
||||
}
|
||||
if(hrs > 12){
|
||||
hrs = hrs - 12;
|
||||
meridiem = "PM";
|
||||
}
|
||||
|
||||
hrs = (hrs < 10) ? "0" + hrs : hrs;
|
||||
min = (min < 10) ? "0" + min : min;
|
||||
sec = (sec < 10) ? "0" + sec : sec;
|
||||
|
||||
let time = hrs + ":" + min + ":" + sec + " " + meridiem;
|
||||
|
||||
document.getElementById("standardClock").innerText = time;
|
||||
let t = setTimeout(function(){ currentTime() }, 1000);
|
||||
}
|
||||
50
SALAD-WWW/seccon/index.html
Normal file
50
SALAD-WWW/seccon/index.html
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html style="background-image: linear-gradient(#005678, #146488, #005678);">
|
||||
<head>
|
||||
<title>CdezNET - SecCon</title>
|
||||
<style>
|
||||
@import url("./styles.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainPage">
|
||||
<header style="padding: 0.5rem;">
|
||||
<h2><a href="/" style="text-decoration: none; color: #FFD700; padding-left: 25px">CdezNET</a></h2>
|
||||
</header>
|
||||
<div class="menuBar">
|
||||
<ul>
|
||||
<li><a href="/..">Home Page</a></li>
|
||||
<li><a href="/../seccon">SecCon Instructions</a></li>
|
||||
<li><a href="/../dnsinfo">DNS Servers</a></li>
|
||||
<li><a href="/">CdezNET Login</a></li>
|
||||
<li><a href="/">Domain Management</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<main>
|
||||
<div id="standardClock" class="clock" style="text-align: center; color: #FF2A6D" onclick="currentTime()">Click me for current time</div>
|
||||
<h3 style="padding-left: 10px;">CdezNET - Secure Connection Gateway</h3>
|
||||
<h4 style="padding-left: 15px;">Instructions for setting up SecCon Gateway</h4>
|
||||
<p>Instructions for OpenVPN</p>
|
||||
<ol>
|
||||
<li>Download the OpenVPN application for your respective platform</li>
|
||||
<li>Use the link seccon.cdez.net to connect after entering credentials</li>
|
||||
</ol>
|
||||
<br>
|
||||
<p>Instructions for Cisco AnyConnect</p>
|
||||
<ol>
|
||||
<li>Download the AnyConnect application for your respective platform</li>
|
||||
<li>Use the link seccon.cdez.net to connect after entering credentials</li>
|
||||
</ol>
|
||||
</main>
|
||||
<div class="adBar">
|
||||
<a href="/"><img src="/../vpnservices.png" alt="Get Connected Today!" width=250 height=300></a>
|
||||
<br>
|
||||
<body style="color: #FF2A6D">Get Connected to the Network Today!</body>
|
||||
</div>
|
||||
<footer style="color: #FFD700;">
|
||||
Copyright CdezNET 2023
|
||||
</footer>
|
||||
</div>
|
||||
<script type="text/javascript" src="./script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
24
SALAD-WWW/seccon/script.js
Normal file
24
SALAD-WWW/seccon/script.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
function currentTime() {
|
||||
let date = new Date();
|
||||
let hrs = date.getHours();
|
||||
let min = date.getMinutes();
|
||||
let sec = date.getSeconds();
|
||||
let meridiem = "AM";
|
||||
|
||||
if(hrs === 0){
|
||||
hrs = 12;
|
||||
}
|
||||
if(hrs > 12){
|
||||
hrs = hrs - 12;
|
||||
meridiem = "PM";
|
||||
}
|
||||
|
||||
hrs = (hrs < 10) ? "0" + hrs : hrs;
|
||||
min = (min < 10) ? "0" + min : min;
|
||||
sec = (sec < 10) ? "0" + sec : sec;
|
||||
|
||||
let time = hrs + ":" + min + ":" + sec + " " + meridiem;
|
||||
|
||||
document.getElementById("standardClock").innerText = time;
|
||||
let t = setTimeout(function(){ currentTime() }, 1000);
|
||||
}
|
||||
97
SALAD-WWW/seccon/styles.css
Normal file
97
SALAD-WWW/seccon/styles.css
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
/* Ubuntu - cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* Ubuntu - cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* Ubuntu - greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* Ubuntu - greek */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* Ubuntu - latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* Ubuntu - latin */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* CowboyBebopFontStyle */
|
||||
@font-face {
|
||||
font-family: 'Bebop';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.cdnfonts.com/s/30932/CheltenhamStdBoldCondIt.woff) format('woff');
|
||||
}
|
||||
/* CSS Styles for headers 1-4 and paragraph tags. */
|
||||
h1 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h2 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h3 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h4 {font-family: 'Ubuntu', sans-serif; color: #FFD700;}
|
||||
p {font-family: 'Ubuntu', sans-serif; padding:0.3em 1em; color: #FFD700;}
|
||||
/* CSS Styles for the Menu Bar */
|
||||
li {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
a {color: #ff2a6d}
|
||||
/* CSS Styling for the ID sector */
|
||||
#sector {
|
||||
text-align: center;
|
||||
color: #003466;
|
||||
}
|
||||
.mainPage {
|
||||
display: grid;
|
||||
grid-template: auto 1fr auto / auto 1fr auto;
|
||||
}
|
||||
header {
|
||||
padding: 2rem;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
.menuBar {
|
||||
grid-column: 1 / 2;
|
||||
}
|
||||
main {
|
||||
grid-column: 2 / 3;
|
||||
}
|
||||
.adBar {
|
||||
grid-column: 3 / 4;
|
||||
}
|
||||
footer {
|
||||
padding: 1rem;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
97
SALAD-WWW/styles.css
Normal file
97
SALAD-WWW/styles.css
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
/* Ubuntu - cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* Ubuntu - cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* Ubuntu - greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* Ubuntu - greek */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* Ubuntu - latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* Ubuntu - latin */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* CowboyBebopFontStyle */
|
||||
@font-face {
|
||||
font-family: 'Bebop';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.cdnfonts.com/s/30932/CheltenhamStdBoldCondIt.woff) format('woff');
|
||||
}
|
||||
/* CSS Styles for headers 1-4 and paragraph tags. */
|
||||
h1 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h2 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h3 {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
h4 {font-family: 'Ubuntu', sans-serif; color: #FFD700;}
|
||||
p {font-family: 'Ubuntu', sans-serif; padding:0.3em 1em; color: #FFD700;}
|
||||
/* CSS Styles for the Menu Bar */
|
||||
li {font-family: 'Bebop', serif; color: #FFD700;}
|
||||
a {color: #ff2a6d}
|
||||
/* CSS Styling for the ID sector */
|
||||
#sector {
|
||||
text-align: center;
|
||||
color: #003466;
|
||||
}
|
||||
.mainPage {
|
||||
display: grid;
|
||||
grid-template: auto 1fr auto / auto 1fr auto;
|
||||
}
|
||||
header {
|
||||
padding: 2rem;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
.menuBar {
|
||||
grid-column: 1 / 2;
|
||||
}
|
||||
main {
|
||||
grid-column: 2 / 3;
|
||||
}
|
||||
.adBar {
|
||||
grid-column: 3 / 4;
|
||||
}
|
||||
footer {
|
||||
padding: 1rem;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
BIN
SALAD-WWW/vpnservices.png
Normal file
BIN
SALAD-WWW/vpnservices.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Loading…
Add table
Add a link
Reference in a new issue