96 lines
3.2 KiB
HTML
96 lines
3.2 KiB
HTML
<!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>
|