diff options
Diffstat (limited to 'home')
| -rw-r--r-- | home/css/main.css | 73 | ||||
| -rw-r--r-- | home/css/main.scss | 72 | ||||
| -rw-r--r-- | home/index.html | 61 |
3 files changed, 206 insertions, 0 deletions
diff --git a/home/css/main.css b/home/css/main.css new file mode 100644 index 0000000..6838224 --- /dev/null +++ b/home/css/main.css @@ -0,0 +1,73 @@ +html, +body { + background: url(http://art.teleportacia.org/observation/vernacular/stars/pusk.jpg); +} + +.nav { + background-image: -webkit-gradient(linear, left top, right bottom, from(blue), color-stop(50%, yellow)); + background-image: linear-gradient(to bottom right, blue 0% 10%, yellow 50% 100%); + background-position: center; + background-attachment: fixed; +} + +.bar { + text-align: center; + font-size: 30px; + word-spacing: 10px; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + color: red; +} + +p { + font-size: 20px; + color: yellow; +} + +marquee { + font-size: 60px; + color: orange; +} + +h1 { + color: red; +} + +.important { + color: green; +} + +.imgs { + display: block; + position: absolute; + right: 800px; + bottom: 0px; +} + +.update { + text-align: right; + margin: 10px; + padding: 10px; + color: orange; +} + +.welcome { + display: block; + position: absolute; + top: 140px; + right: 25px; +} + +.norm { + color: brown; +} + +.guest { + color: burlywood; +} diff --git a/home/css/main.scss b/home/css/main.scss new file mode 100644 index 0000000..dafff38 --- /dev/null +++ b/home/css/main.scss @@ -0,0 +1,72 @@ +html,
+body {
+ background: url(http://art.teleportacia.org/observation/vernacular/stars/pusk.jpg);
+}
+
+.nav {
+ background-image: linear-gradient(to bottom right, blue 0% 10%, yellow 50% 100%);
+ background-position: center;
+ background-attachment: fixed;
+}
+
+.bar {
+ text-align: center;
+ font-size: 30px;
+ word-spacing: 10px;
+}
+
+a {
+ color: black;
+ text-decoration: none;
+}
+
+a:hover {
+ color: red;
+}
+
+p {
+ font-size: 20px;
+ color: yellow;
+}
+
+marquee {
+ font-size: 60px;
+ color: orange;
+}
+
+h1 {
+ color: red;
+}
+
+.important {
+ color: green;
+}
+
+.imgs {
+ display: block;
+ position: absolute;
+ right: 800px;
+ bottom: 0px;
+}
+
+.update {
+ text-align: right;
+ margin: 10px;
+ padding: 10px;
+ color: orange;
+}
+
+.welcome {
+ display: block;
+ position: absolute;
+ top: 140px;
+ right: 25px;
+}
+
+.norm {
+ color: brown;
+}
+
+.guest {
+ color: burlywood;
+}
\ No newline at end of file diff --git a/home/index.html b/home/index.html new file mode 100644 index 0000000..84063c7 --- /dev/null +++ b/home/index.html @@ -0,0 +1,61 @@ +<!DOCTYPE html>
+<html lang="en">
+
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Website</title>
+ <link rel="stylesheet" href="/home/css/main.css">
+ </head>
+
+ <body>
+ <script src="/js/main.js"></script>
+
+ <div class="nav">
+ <nav class="bar">
+ <center>
+ <a href="#">Home</a>
+ <a href="/about/">About</a>
+ <a href="https://s1n.pw/">S1N</a>
+ </center>
+ </nav>
+ </div>
+
+ <p class="important">* Sorry, but I had to do it, 90s web design at its finest.</p>
+ <p class="update">Last Updated: 06/12/1996</p>
+ <a href="/404.html"><img class="welcome" src="http://stryvemarketing.com/wp-content/uploads/2016/04/welcome.gif" alt=""
+ width="200px"></a>
+
+ <div class="main">
+ <div class="intro">
+ <center>
+ <br>
+ <br>
+ <h1>Introduction:</h1>
+
+ <p>This is a simple website, my name is Zoltan and this was made on 9/17/2019</p>
+
+ <p>My name is s1nical, I am taking both CS1 and CS2. I am really into electronics.<br>
+ I have been a freelance web-developer for almost three years. I also like to make things with<br>
+ C++ such as CS:GO cheats and stuff.</p>
+ <br>
+ <br>
+ <br>
+ <br>
+ <br>
+ <br>
+
+ <marquee behavior="" direction="left">Sign my <a class="guest" href="/guestbook.html">guestbook!</a></marquee>
+ </center>
+
+ <div class="imgs">
+ <a href="https://s1n.pw/konami/">
+ <img src="https://files.steempeak.com/file/steempeak/mirkojax/26DKWaHM-hiE5vMs.gif" alt="">
+ </a>
+ </div>
+ </div>
+ </div>
+ </body>
+
+</html>
\ No newline at end of file |