iiiypuk/cuboid
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

draft

Browse Source
This commit is contained in:
Alexander Popov 2021-07-13 02:54:30 +03:00
parent 403ebdb24c
commit e63b1df34c
3 changed files with 130 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
docs/.nojekyll Normal file
View File

88
docs/index.html Normal file
View File

@ -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>

42
docs/styles.css Normal file
View File

@ -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;
}