diff options
| -rw-r--r-- | 404.html | 12 | ||||
| -rw-r--r-- | about/index.html | 25 | ||||
| -rw-r--r-- | about/js/main.js | 14 | ||||
| -rw-r--r-- | guestbook.html | 30 | ||||
| -rw-r--r-- | home/css/main.css | 73 | ||||
| -rw-r--r-- | home/css/main.scss | 72 | ||||
| -rw-r--r-- | home/index.html | 61 | ||||
| -rw-r--r-- | index.html | 13 | ||||
| -rw-r--r-- | js/main.js | 14 | ||||
| -rw-r--r-- | js/redirect-to-home.js | 1 |
10 files changed, 315 insertions, 0 deletions
diff --git a/404.html b/404.html new file mode 100644 index 0000000..2e3eb65 --- /dev/null +++ b/404.html @@ -0,0 +1,12 @@ +<!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>404</title>
+</head>
+<body>
+ <a href="/index.html">woops</a>
+</body>
+</html>
\ No newline at end of file diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..6a68024 --- /dev/null +++ b/about/index.html @@ -0,0 +1,25 @@ +<!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>About</title>
+ <link rel="stylesheet" href="/home/css/main.css">
+</head>
+<body>
+ <script src="/about/js/main.js"></script>
+
+ <div class="nav">
+ <nav class="bar">
+ <a href="/home/">Home</a>
+ <a href="#">About</a>
+ <a href="https://s1n.pw/">S1N</a>
+ </nav>
+ </div>
+
+ <center>
+ <p>Proof of concept. Not setup :/</p>
+ </center>
+</body>
+</html>
\ No newline at end of file diff --git a/about/js/main.js b/about/js/main.js new file mode 100644 index 0000000..8800346 --- /dev/null +++ b/about/js/main.js @@ -0,0 +1,14 @@ +var space = " ";
+var speed = "60";
+var pos = 0;
+var msg = "// Abo.ut "; /*Enter the scrolling title as the msg variable's value.*/
+
+function Scroll() {
+ document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos);
+ pos++;
+ if (pos > msg.length) pos = 0;
+ window.setTimeout("Scroll()", speed);
+}
+Scroll();
+
+// Copyied from my GitHub repo: https://github.com/8cy/scrolling-html-title/blob/master/docs/js/main.js
\ No newline at end of file diff --git a/guestbook.html b/guestbook.html new file mode 100644 index 0000000..aa0c5b5 --- /dev/null +++ b/guestbook.html @@ -0,0 +1,30 @@ +<!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>About</title>
+ <link rel="stylesheet" href="/home/css/main.css">
+ </head>
+
+ <body>
+ <script src="/about/js/main.js"></script>
+
+ <div class="nav">
+ <nav class="bar">
+ <a href="/home/">Home</a>
+ <a href="#">About</a>
+ <a href="https://s1n.pw/">S1N</a>
+ </nav>
+ </div>
+ <p class="important">* Not really working, just a proof of concept.</p>
+ <br>
+ <br>
+ <center>
+ <textarea style="resize: none" class="form" name="" id="" cols="30" rows="1" placeholder="Sign your name here!"></textarea>
+ </center>
+ </body>
+
+</html>
\ No newline at end of file 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 diff --git a/index.html b/index.html new file mode 100644 index 0000000..84255d7 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ +<!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>Loading...</title>
+ <script src="/js/redirect-to-home.js"></script>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..0150af1 --- /dev/null +++ b/js/main.js @@ -0,0 +1,14 @@ +var space = " ";
+var speed = "60";
+var pos = 0;
+var msg = "// Hom.e "; /*Enter the scrolling title as the msg variable's value.*/
+
+function Scroll() {
+ document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos);
+ pos++;
+ if (pos > msg.length) pos = 0;
+ window.setTimeout("Scroll()", speed);
+}
+Scroll();
+
+// Copyied from my GitHub repo: https://github.com/8cy/scrolling-html-title/blob/master/docs/js/main.js
\ No newline at end of file diff --git a/js/redirect-to-home.js b/js/redirect-to-home.js new file mode 100644 index 0000000..d173793 --- /dev/null +++ b/js/redirect-to-home.js @@ -0,0 +1 @@ +document.location = "/home/"
\ No newline at end of file |