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