css spacc and fix but not complete, more gifs added
|
@ -1,32 +1,38 @@
|
|||
html, body {
|
||||
a {
|
||||
color: #17c3ea;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #0b69bc;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(../gif/bg/0.gif);
|
||||
background-size: cover;
|
||||
margin: 0;
|
||||
color: #EFEFFF;
|
||||
height:100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
color: #F0F0FF;
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: rgba(0,0,0, 0.8);
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 5%;
|
||||
height: 75%;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
z-index: 1;
|
||||
overflow-x: hidden;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: rgba(28,28,34, 0.8);
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
padding-top: 1%;
|
||||
padding-bottom: 1%;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
}
|
|
@ -0,0 +1,40 @@
|
|||
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%;
|
||||
}
|
After Width: | Height: | Size: 1.7 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 2.9 MiB |
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 2.8 MiB |
Before Width: | Height: | Size: 2.8 MiB After Width: | Height: | Size: 2.8 MiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 7.4 MiB |
After Width: | Height: | Size: 295 KiB |
|
@ -1,5 +1,5 @@
|
|||
function RandomGIF() {
|
||||
gifid = Math.floor((Math.random() * 11)/2);
|
||||
gifid = Math.floor((Math.random() * 25)/2);
|
||||
gifurl = top.glob + gifid + ".gif";
|
||||
gifcss = "url(" + gifurl + ")";
|
||||
document.body.style.backgroundImage = gifcss;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>OctoSpacc Momentum | Start Page</title>
|
||||
|
@ -14,22 +14,20 @@
|
|||
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
|
||||
<link href="assets/css/Font_F25_Bank_Printer.css" rel="stylesheet">
|
||||
<link href="assets/css/Dark.css" rel="stylesheet">
|
||||
<script type="text/javascript" charset="UTF-8" src="assets/js/RandomGIF.js"></script>
|
||||
<script type="text/javascript"> top.glob = "assets/gif/bg/"; </script>
|
||||
<script src="assets/js/RandomGIF.js"></script>
|
||||
<script> top.glob = "assets/gif/bg/"; </script>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<div class="container" style="text-align: center;">
|
||||
<div class="content">
|
||||
<h1>OctoSpacc Momentum</h1><br><br><br><br>
|
||||
<h3>Welcome to my (I know) pretty strange Web world.</h3><br><br><br>
|
||||
<p>The only thing that's here now is my blog-like thingy, only in Italian.</p>
|
||||
<h3>You can reach it at <a href="blog/it/">/blog/it/</a>.</h3><br><br>
|
||||
<h5>(And if you don't understand Italian but still want to see something...<br>Why don't you use <a href="https://translate.google.com/translate?sl=it&tl=en&u=https%3A%2F%2Foctospacc.gitlab.io%2Fblog%2Fit">Google</a>/<a href="https://www.translatetheweb.com/?ref=TVert&from=&to=en&a=https%3A%2F%2Foctospacc.gitlab.io%2Fblog%2Fit">Bing</a>/whatever Translator?)</h5><br><br>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Footer
|
||||
</div>
|
||||
<h1>OctoSpacc Momentum</h1><br><br><br><br>
|
||||
<h3>Welcome to my (I know) pretty strange Web world.</h3><br><br><br>
|
||||
<p>The only thing that's here now is my blog-like thingy, only in Italian.</p>
|
||||
<h3>You can reach it at <a href="blog/it/">/blog/it/</a>.</h3><br><br>
|
||||
<h5>(And if you don't understand Italian but still want to see something...<br>Why don't you use <a href="https://translate.google.com/translate?sl=it&tl=en&u=https%3A%2F%2Foctospacc.gitlab.io%2Fblog%2Fit">Google</a>/<a href="https://www.translatetheweb.com/?ref=TVert&from=&to=en&a=https%3A%2F%2Foctospacc.gitlab.io%2Fblog%2Fit">Bing</a>/whatever Translator?)</h5>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<h3>Footer</h3>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
|