refactor: add website code
This commit is contained in:
@@ -0,0 +1,163 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="MontaukOS - A hobbyist operating system written in modern C++">
|
||||
<title>MontaukOS</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Open Sans', Arial, sans-serif;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 1em;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
gap: 2em;
|
||||
}
|
||||
p { margin: 0 0 0.5em; }
|
||||
h2 { margin: 0.5em 0; }
|
||||
.sidebar {
|
||||
width: 160px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.sidebar ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.sidebar li {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
.sidebar a {
|
||||
color: #0066CC;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #004499;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
a { color: #0000EE; }
|
||||
a:visited { color: #0066CC; }
|
||||
hr { border-style: solid; border-width: 1px 0 0 0; border-color: #999; }
|
||||
pre { background: #f0f0f0; padding: 0.5em; overflow-x: auto; }
|
||||
.center { text-align: center; }
|
||||
.box {
|
||||
border: 1px solid #999;
|
||||
padding: 0.5em;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
.app-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
|
||||
gap: 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
.app-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
.app-item img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: block;
|
||||
}
|
||||
.app-item a {
|
||||
color: #0000EE;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.app-item a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="sidebar">
|
||||
<ul>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Applications</a></li>
|
||||
<li><a href="#">Downloads</a></li>
|
||||
<li><a href="#">Documentation</a></li>
|
||||
<li><a href="#">GitHub</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<div class="center">
|
||||
<h1>MontaukOS</h1>
|
||||
<p>Modern and unique operating bare metal operating system</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2>About</h2>
|
||||
<p>
|
||||
MontaukOS is a novel multi-user operating system that runs on bare metal.
|
||||
It features its own preemptive multitasking kernel and modern userspace with its own desktop environment,
|
||||
targeting both emulators and real hardware.
|
||||
</p>
|
||||
|
||||
<h2>Features</h2>
|
||||
<ul style="margin: 0 0 0.5em;">
|
||||
<li>Real hardware support: Intel GPU, e100e Ethernet, HDA audio, Bluetooth</li>
|
||||
<li>Storage: AHCI/NVMe SSDs, GPT partitions, ext2 and FAT32 filesystems</li>
|
||||
<li>ACPI support including S3 sleep and shutdown</li>
|
||||
<li>USB and PS/2 input device support</li>
|
||||
<li>Desktop environment with 12+ applications</li>
|
||||
</ul>
|
||||
|
||||
<h2>Applications</h2>
|
||||
<br>
|
||||
<div class="app-grid">
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/utilities-terminal.svg" width="48" height="48" alt="Terminal"></a>
|
||||
<a href="#">Terminal</a>
|
||||
</div>
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/system-file-manager.svg" width="48" height="48" alt="File Manager"></a>
|
||||
<a href="#">File Manager</a>
|
||||
</div>
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/web-browser.svg" width="48" height="48" alt="Wikipedia Client"></a>
|
||||
<a href="#">Wikipedia Client</a>
|
||||
</div>
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/weather-widget.svg" width="48" height="48" alt="Weather App"></a>
|
||||
<a href="#">Weather App</a>
|
||||
</div>
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/application-pdf.svg" width="48" height="48" alt="PDF Viewer"></a>
|
||||
<a href="#">PDF Viewer</a>
|
||||
</div>
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/audio-player.svg" width="48" height="48" alt="Music Player"></a>
|
||||
<a href="#">Music Player</a>
|
||||
</div>
|
||||
<div class="app-item">
|
||||
<a href="#"><img src="fr_icons/doom.svg" width="48" height="48" alt="DOOM"></a>
|
||||
<a href="#">DOOM</a>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<hr>
|
||||
|
||||
<div class="center">
|
||||
<a href="#">Releases</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user