Initial setup with basic style done.
This commit is contained in:
parent
aa1a1c33e9
commit
e6e7ec6fc3
BIN
assets/background1.jpg
Normal file
BIN
assets/background1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 470 KiB |
BIN
assets/favicon_16.png
Normal file
BIN
assets/favicon_16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
assets/favicon_16_black.png
Normal file
BIN
assets/favicon_16_black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
assets/favicon_32.png
Normal file
BIN
assets/favicon_32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
assets/favicon_32_black.png
Normal file
BIN
assets/favicon_32_black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
assets/logo_128.png
Normal file
BIN
assets/logo_128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
102
index.html
Normal file
102
index.html
Normal file
|
|
@ -0,0 +1,102 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Subcon.town - Happy Dreams!</title>
|
||||||
|
|
||||||
|
<link rel="shortcut icon" type="image/jpg" href="assets/favicon_16.png" sizes="16x16"/>
|
||||||
|
<link rel="shortcut icon" type="image/jpg" href="assets/favicon_32.png" sizes="32x32"/>
|
||||||
|
|
||||||
|
<link href="style.css?v=1.0.0" rel="stylesheet"/>
|
||||||
|
<script src="script.js?v=1.0.0" type="application/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="background"></div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<header>
|
||||||
|
<img src="assets/logo_128.png" alt="Subcon Town" />
|
||||||
|
<ul>
|
||||||
|
<li><a href="#home">Home</a></li>
|
||||||
|
<li><a href="#services">Services</a></li>
|
||||||
|
<li><a href="#faq">FAQ</a></li>
|
||||||
|
<li><a href="#contact">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="content" id="home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content" id="services">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content" id="faq">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content" id="contact">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content" id="copyright">
|
||||||
|
<h1>Copyright notice</h1>
|
||||||
|
<p>
|
||||||
|
Unless otherwise specified, the Creative Commons Zero (CC0)
|
||||||
|
clause applies to this website, including its content
|
||||||
|
and source code. Please see the <a target="_blank" href="LICENSE.md">CC0 clause</a>
|
||||||
|
and <a target="_blank" href="https://git.subcon.town/fristi/comfitu.re">source code</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Exceptions regarding media content</h2>
|
||||||
|
<p>
|
||||||
|
The CC0 clause does not apply to the images, videos, audio and fonts used on
|
||||||
|
this website. The respective copyright licenses for these works apply.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Complaints</h2>
|
||||||
|
<p>
|
||||||
|
If you feel any material is incorrectly used on this website, or otherwise
|
||||||
|
infringes on your copyright, feel free to file a complaint to
|
||||||
|
<a href="mailto:fristi@subcon.town">fristi@subcon.town</a>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content" id="changelog">
|
||||||
|
<h1>Changelog</h1>
|
||||||
|
<p>
|
||||||
|
1.2.2 Patch:<br/>
|
||||||
|
- Cleaned up javascript code<br/>
|
||||||
|
- Fixed issue with doubly loading wallpaper<br/>
|
||||||
|
- Added version query string to css and javascript urls to prevent cache issues
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
1.2.1 Patch:<br/>
|
||||||
|
- Set a default background image for the no-javascript crowd<br/>
|
||||||
|
- Added this changelog to the website
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
1.2.0 Minor update:<br/>
|
||||||
|
- Added blogs content
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
1.1.0 Minor update:<br/>
|
||||||
|
- Updated missing content
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
1.0.0 Initial release
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<br/>
|
||||||
|
<div style="text-align: right"><a href="#copyright">CC0</a> 2021 Subcon.town. No rights reserved.</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
76
style.css
Normal file
76
style.css
Normal file
|
|
@ -0,0 +1,76 @@
|
||||||
|
/*
|
||||||
|
@font-face {
|
||||||
|
font-family: Duck Hunt;
|
||||||
|
src: url("");
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.background {
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
background-image: url("assets/background1.jpg");
|
||||||
|
background-position: center center;
|
||||||
|
background-size: cover;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position:absolute;
|
||||||
|
box-sizing: border-box;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
bottom:0;
|
||||||
|
right:0;
|
||||||
|
max-width: 600px;
|
||||||
|
|
||||||
|
padding: 0 20px;
|
||||||
|
margin:auto;
|
||||||
|
|
||||||
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
/*font-family: IBMVGA8, monospace;*/
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header, main, footer {
|
||||||
|
position: relative;
|
||||||
|
padding:0;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
margin: 40px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header ul {
|
||||||
|
background: rgba(255, 255, 255, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue