Added the first sheepstar website to the archive

2022-09-06 17:06:52 +02:00
parent bb78376745
commit 3916a687fc
8 changed files with 333 additions and 0 deletions
--- a/SheepstarWebsiteV1/404.html
+++ b/SheepstarWebsiteV1/404.html
@ -0,0 +1,90 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="author" content="MrSheldon">    
+</head>
+<style>
+    * {
+        margin: 0;
+        padding: 0;
+        background-color: #7289DA;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        cursor: default
+    }
+    
+    h1 {
+        font-size: 10rem;
+        font-family: Roboto, sans-serif;
+        font-weight: 700
+    }
+    
+    h1,
+    h2 {
+        font-family: Roboto, sans-serif;
+        color: #fff;
+        margin-top: 30vh
+    }
+    
+    h2 {
+        margin-top: 5px
+    }
+    
+    .container {
+        width: 23rem;
+        border-bottom: 3px solid #fff;
+        position: relative;
+        margin: 0 auto;
+        padding-bottom: 10px
+    }
+    
+    #star {
+        position: absolute;
+        color: #fff;
+        bottom: 3rem;
+        right: 23rem;
+        margin-bottom: 50px;
+        color: rgba(255, 0, 0, .7);
+        font-size: 7rem;
+        font-family: Roboto, sans-serif;
+        font-weight: 700
+    }
+    
+    @-webkit-keyframes rotation {
+        0% {
+            -webkit-transform: rotate(0);
+            transform: rotate(0)
+        }
+        100% {
+            -webkit-transform: rotate(360deg);
+            transform: rotate(360deg)
+        }
+    }
+    
+    @keyframes rotation {
+        0% {
+            -webkit-transform: rotate(0);
+            transform: rotate(0)
+        }
+        100% {
+            -webkit-transform: rotate(360deg);
+            transform: rotate(360deg)
+        }
+    }
+    
+    @media (max-width:430px) {
+        #star {
+            right: 2rem
+        }
+        .container {
+            margin: -30px auto
+        }
+    }
+</style>
+<div class=container>
+    <h1 class="animated fadeInDown">404</h1>
+    <h2 class="animated fadeInUp">Page not found</h2>
+</div>