chore: fixes
This commit is contained in:
MattTheTekie
parent
970cd1173c
commit
dc98a84f18
3 changed files with 260 additions and 0 deletions
159
css/legacy.css
Normal file
159
css/legacy.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
/* ===== BODY (same vibe) ===== */
|
||||
body {
|
||||
background: url("http://www.veltron.net/images/wallpaper.png") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
font-family: "Roboto", arial, serif;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* ===== CONSOLE FRAME ===== */
|
||||
#console {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* ===== SCREENS ===== */
|
||||
.screen {
|
||||
width: 360px;
|
||||
border: 2px solid #6f2020;
|
||||
border-radius: 14px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* TOP SCREEN */
|
||||
.top-screen {
|
||||
height: 160px;
|
||||
background: url("http://www.veltron.net/images/dots.png"),
|
||||
linear-gradient(to bottom, #ff8080 0%, #da3636 40%, #e04343 100%);
|
||||
}
|
||||
|
||||
/* reuse your header */
|
||||
#header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
background: linear-gradient(to bottom, #ff8080 0%, #da3636 70%, #e04343 100%);
|
||||
border: 1px solid #8d2727;
|
||||
text-shadow: #2d459e 2px 2px 4px;
|
||||
color: white;
|
||||
padding: 6px 20px;
|
||||
}
|
||||
|
||||
/* HINGE */
|
||||
.hinge {
|
||||
width: 380px;
|
||||
height: 16px;
|
||||
background: #6f2020;
|
||||
margin: 4px 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* BOTTOM SCREEN */
|
||||
.bottom-screen {
|
||||
height: 280px;
|
||||
padding: 8px;
|
||||
background: url("http://www.veltron.net/images/dots.png"),
|
||||
linear-gradient(200deg, #f15a5a 60%, #eb4949 90%);
|
||||
}
|
||||
|
||||
/* ===== NAV (reuse style) ===== */
|
||||
.nav-categories {
|
||||
background-color: #da3e3e;
|
||||
border: 1px solid #6f2020;
|
||||
border-radius: 8px;
|
||||
padding: 5px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.nav-categories span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
background: linear-gradient(to bottom, #e4d16b 0%, #c28435 60%, #d87d2c 100%);
|
||||
border: 1px solid #6f2020;
|
||||
color: #fff;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* GRID INSTEAD OF SIDEBAR */
|
||||
.nav-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.nav-grid a {
|
||||
text-align: center;
|
||||
padding: 6px;
|
||||
color: #e5e5f5;
|
||||
text-shadow: #2a2969 2px 2px 4px;
|
||||
background: rgba(0,0,0,0.15);
|
||||
border-radius: 6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-grid a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ===== CONTENT ===== */
|
||||
.content-box {
|
||||
padding: 8px;
|
||||
height: 140px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* reuse your pattern */
|
||||
.text-containers-main-bg {
|
||||
background-color: #aabdff;
|
||||
background-image: repeating-linear-gradient(
|
||||
45deg,
|
||||
#faa0a0 25%,
|
||||
transparent 25%,
|
||||
transparent 75%,
|
||||
#faa0a0 75%
|
||||
);
|
||||
border: 1px solid #a14c4c;
|
||||
}
|
||||
|
||||
|
||||
.text-containers-main-bg {
|
||||
background-color: #aabdff;
|
||||
|
||||
background-image:
|
||||
repeating-linear-gradient(
|
||||
45deg,
|
||||
#faa0a0 25%,
|
||||
transparent 25%,
|
||||
transparent 75%,
|
||||
#faa0a0 75%,
|
||||
#faa0a0
|
||||
),
|
||||
repeating-linear-gradient(
|
||||
45deg,
|
||||
#faa0a0 25%,
|
||||
#faa 25%,
|
||||
#faa 75%,
|
||||
#faa0a0 75%,
|
||||
#faa0a0
|
||||
);
|
||||
|
||||
background-position: 0 0, 26px 26px;
|
||||
background-size: 52px 52px;
|
||||
|
||||
border: 1px solid #a14c4c;
|
||||
}
|
||||
|
||||
|
||||
/* ===== DSI MODE ===== */
|
||||
body.console-dsi .screen {
|
||||
width: 320px;
|
||||
}
|
||||
96
legacy.html
Normal file
96
legacy.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="MattTheTekie presents">
|
||||
<meta property="og:title" content="The Veltron Network">
|
||||
<meta property="og:description" content="The Veltron Network is a worldwide technology community.">
|
||||
<meta property="og:image" content="images/favicon/banner.png">
|
||||
<meta property="og:image:alt" content="Veltron Network">
|
||||
<meta property="og:url" content="http://www.veltron.net/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta property="author" content="MattTheTekie + Veltron">
|
||||
|
||||
<title>Home - Veltron Network</title>
|
||||
<link rel="stylesheet" href="css/legacy.css">
|
||||
|
||||
<link rel="icon" type="image/png" href="images/favicon/banner.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/banner.png">
|
||||
<meta name="apple-mobile-web-app-title" content="VELTRON">
|
||||
<link rel="canonical" href="index.html">
|
||||
</head>
|
||||
|
||||
<body class="console-3ds">
|
||||
|
||||
<div id="console">
|
||||
|
||||
<!-- TOP SCREEN -->
|
||||
<div class="screen top-screen">
|
||||
<div id="header">
|
||||
<h1>Veltron Network</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- HINGE -->
|
||||
<div class="hinge"></div>
|
||||
|
||||
<!-- BOTTOM SCREEN -->
|
||||
<div class="screen bottom-screen">
|
||||
|
||||
<!-- NAV -->
|
||||
<div class="nav-categories">
|
||||
<span>Veltron Portal</span>
|
||||
|
||||
<div class="nav-grid">
|
||||
<a href="legacy.html">Home</a>
|
||||
<a href="legacy_members.html" onclick="loadPage(event, 'legacy_members.html')">Members</a>
|
||||
<a href="legacy_about.html" onclick="loadPage(event, 'legacy_about.html')">About</a>
|
||||
<a href="legacy_blog.html" onclick="loadPage(event, 'legacy_blog.html')">Code</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div id="content" class="text-containers-main-bg content-box">
|
||||
<img
|
||||
src="images/digimon_thkh.1200-2533722281.jpg"
|
||||
alt="Grassy hill from Popstar (Kirby universe)"
|
||||
height="80%" width="100%"/>
|
||||
<center><p>Welcome to the Veltron Network!<br> Our corner of the internet is a unique and inclusive space to explore technology and much more. We are pioneers in the world of FOSS. We are always looking for more members if you want to join the iniative.</p></center>
|
||||
</div>
|
||||
<!-- Featured Buttons Carousel -->
|
||||
<nav class="carousel-buttons text-containers-main-bg" aria-label="88x31 Button Carousel">
|
||||
<div>
|
||||
<div class="carousel-placeholder"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- COUNTER -->
|
||||
<center>
|
||||
<span>You are visitor number:</span>
|
||||
<span id="visitorCounter"></span>
|
||||
</center>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="javascript/carousel.js"></script>
|
||||
<script src="javascript/view-counter.js"></script>
|
||||
|
||||
<!-- 🔥 PAGE LOADER SCRIPT -->
|
||||
<script>
|
||||
function loadPage(event, page) {
|
||||
event.preventDefault(); // stop normal link behavior
|
||||
|
||||
fetch(page)
|
||||
.then(response => response.text())
|
||||
.then(data => {
|
||||
document.getElementById("content").innerHTML = data;
|
||||
})
|
||||
.catch(() => {
|
||||
document.getElementById("content").innerHTML = "<p>Error loading page.</p>";
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
5
legacy_about.html
Normal file
5
legacy_about.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<!-- CONTENT -->
|
||||
<div id="content" class="text-containers-main-bg content-box">
|
||||
<center><h2>About</h2></center>
|
||||
<center><p>This information is only available on the normal version of the website.</p></center>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue