Casing and homepage update
octospacc
@ -6,6 +6,6 @@ pages:
|
||||
- echo 'Nothing to do...'
|
||||
artifacts:
|
||||
paths:
|
||||
- public
|
||||
- Public
|
||||
only:
|
||||
- master
|
||||
|
||||
@ -9,7 +9,7 @@ a:active {
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(../gif/bg/0.gif);
|
||||
background-image: url(../Media/BG/0.gif);
|
||||
background-size: cover;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
@ -17,7 +17,11 @@ body {
|
||||
color: #F0F0FF;
|
||||
}
|
||||
|
||||
.content {
|
||||
.InlineDiv > * {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.Content {
|
||||
background-color: rgba(0,0,0, 0.8);
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
@ -31,7 +35,7 @@ body {
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
.Footer {
|
||||
background-color: rgba(48,48,48, 0.7);
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
@ -39,4 +43,4 @@ body {
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
@ -3,9 +3,10 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('F25 Bank Printer'), local('F25 Bank Printer'), url(../fonts/F25_Bank_Printer.woff2) format('woff2');
|
||||
src: local('F25 Bank Printer'), local('F25 Bank Printer'),
|
||||
url(../Fonts/F25_Bank_Printer.woff2) format('woff2');
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'F25 Bank Printer';
|
||||
}
|
||||
}
|
||||
7
Public/Assets/JS/RandomGIF.js
Normal file
@ -0,0 +1,7 @@
|
||||
function RandomGIF() {
|
||||
GifID = Math.floor((Math.random() * 25)/2);
|
||||
GifURL = top.glob + GifID + ".gif";
|
||||
document.body.style.backgroundImage = "url(" + GifURL + ")";
|
||||
}
|
||||
|
||||
window.onload = RandomGIF;
|
||||
|
Before Width: | Height: | Size: 916 KiB After Width: | Height: | Size: 916 KiB |
|
Before Width: | Height: | Size: 935 KiB After Width: | Height: | Size: 935 KiB |
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 2.9 MiB |
|
Before Width: | Height: | Size: 4.0 MiB After Width: | Height: | Size: 4.0 MiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 2.8 MiB After Width: | Height: | Size: 2.8 MiB |
|
Before Width: | Height: | Size: 2.8 MiB After Width: | Height: | Size: 2.8 MiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 7.4 MiB After Width: | Height: | Size: 7.4 MiB |
|
Before Width: | Height: | Size: 295 KiB After Width: | Height: | Size: 295 KiB |
BIN
Public/RichPreview/index.png
Normal file
|
After Width: | Height: | Size: 958 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
@ -7,20 +7,22 @@
|
||||
<meta property="og:title" content="OctoSpacc Momentum | Start Page">
|
||||
<meta property="og:description" content="Currently empty :(">
|
||||
<meta property="og:url" content="https://octospacc.gitlab.io/">
|
||||
<meta property="og:image" content="richpreview/index.png">
|
||||
|
||||
<meta property="og:image" content="RichPreview/index.png">
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
|
||||
<link href="assets/css/Dark.css" rel="stylesheet">
|
||||
<script src="assets/js/RandomGIF.js"></script>
|
||||
<script> top.glob = "assets/gif/bg/"; </script>
|
||||
<link href="Assets/CSS/Dark.css" rel="stylesheet">
|
||||
<script src="Assets/JS/RandomGIF.js"></script>
|
||||
<script> top.glob = "Assets/Media/BG/"; </script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content" style="text-align: center;">
|
||||
<h1>OctoSpacc Momentum</h1><br><br><br><br>
|
||||
<h3>Currently empty :(</h3><br><br><br>
|
||||
<div class="Content" style="text-align: center;">
|
||||
<h1>OctoSpacc Momentum</h1><br><br>
|
||||
<h3>Kinda empty still :/</h3><br><br><br><br>
|
||||
<h4><a href="FumoPrisms/index.html">Fumo Prisms (!)</a></h4>
|
||||
<br><br><br>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
@ -1,40 +0,0 @@
|
||||
html, body {
|
||||
background-image: url(../gif/bg/0.gif);
|
||||
background-size: cover;
|
||||
margin: 0;
|
||||
color: #EFEFFF;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #17c3ea;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #0b69bc;
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: rgba(0,0,0, 0.8);
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 5%;
|
||||
height: 80%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: rgba(28,28,34, 0.8);
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
padding-top: 1%;
|
||||
padding-bottom: 1%;
|
||||
}
|
||||
@ -1,8 +0,0 @@
|
||||
function RandomGIF() {
|
||||
gifid = Math.floor((Math.random() * 25)/2);
|
||||
gifurl = top.glob + gifid + ".gif";
|
||||
gifcss = "url(" + gifurl + ")";
|
||||
document.body.style.backgroundImage = gifcss;
|
||||
}
|
||||
|
||||
window.onload = RandomGIF;
|
||||
|
Before Width: | Height: | Size: 480 KiB |