draft

2021-07-13 02:54:30 +03:00
3 changed files with 130 additions and 0 deletions
--- a/docs/.nojekyll
+++ b/docs/.nojekyll
--- a/docs/index.html
+++ b/docs/index.html
@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en-us">
+<head>
+	<meta charset="utf-8">
+	<title>Cuboid 150W Box Mod goodies</title>
+	<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+	<header>
+		Cuboid 150W Box Mod goodies
+	</header>
+
+	<main>
+		<section>
+			<header>Logos</header>
+			<div id="logos">
+				<div id="column0"></div>
+				<div id="column1"></div>
+			</div>
+		</section>
+	</main>
+
+	<footer>
+		made by
+		<a href="//iiiypuk.me/">iiiypuk</a>
+		with love
+	</footer>
+
+	<script type="text/javascript">
+		const LOGOS = [
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/skull_01_1.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/skull_01_2.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/skull_02_b.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/skull_02_w.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/pacman_l.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/pacman_r.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/phc.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/smok.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/steam.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/python.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/bitch_label.bmp',
+			'https://raw.githubusercontent.com/iiiypuk/cuboid/master/logos/0xi3k.bmp',
+		];
+
+		window.onload = window.onload = function() {
+			LOGOS.forEach((e, i) => {
+				if (i % 2) {
+					let column = document.getElementById('column1');
+					let p = document.createElement('p');
+
+					let img = document.createElement('img');
+					img.alt = e.split('/')[e.split('/').length - 1];
+					img.src = e;
+					p.appendChild(img);
+
+					let link = document.createElement('a');
+					let text = document.createTextNode('Download');
+					link.title = text.data;
+					link.href = e;
+					link.appendChild(text);
+					p.appendChild(link);
+
+					column.appendChild(p);
+				}
+				else {
+					let column = document.getElementById('column0');
+					let p = document.createElement('p');
+
+					let img = document.createElement('img');
+					img.alt = e.split('/')[e.split('/').length - 1];
+					img.src = e;
+					p.appendChild(img);
+
+					let link = document.createElement('a');
+					let text = document.createTextNode('Download');
+					link.title = text.data;
+					link.href = e;
+					link.appendChild(text);
+					p.appendChild(link);
+
+					column.appendChild(p);
+				}
+
+			});
+		};
+	</script>
+</body>
+</html>
--- a/docs/styles.css
+++ b/docs/styles.css
@ -0,0 +1,42 @@
+@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');
+
+body {
+	background-color: #2d3436;
+	color: #ffffff;
+	font-family: ABeeZee;
+	font-size: 1.2rem;
+}
+
+main {
+	max-width: 800px;
+	margin: 0 auto 96px;
+}
+
+header {
+	font-size: 2rem;
+	padding: 16px;
+}
+
+section header {
+	font-size: 1.5rem;
+}
+
+footer {
+	border-top: 1px solid #000000;
+	background-color: #2d3436;
+    text-align: center;
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    margin-bottom: 0px;
+    padding: 16px;
+}
+
+#column0, #column1 {
+	display: inline-block;
+}
+
+a {
+	color: #d63031;
+}