diff --git a/css/legacy.css b/css/legacy.css new file mode 100644 index 0000000..0d1e90f --- /dev/null +++ b/css/legacy.css @@ -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; +} diff --git a/legacy.html b/legacy.html new file mode 100644 index 0000000..4e6c68f --- /dev/null +++ b/legacy.html @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + +Home - Veltron Network + + + + + + + + + + +
+ + +
+ +
+ + +
+ + +
+ + +
+ Veltron Portal + +
+ Home + Members + About + Code +
+
+ + +
+ Grassy hill from Popstar (Kirby universe) +

Welcome to the Veltron Network!
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.

+
+ + + +
+ You are visitor number: + +
+ +
+ +
+ + + + + + + + diff --git a/legacy_about.html b/legacy_about.html new file mode 100644 index 0000000..3ce0576 --- /dev/null +++ b/legacy_about.html @@ -0,0 +1,5 @@ + +
+

About

+

This information is only available on the normal version of the website.

+