summaryrefslogtreecommitdiff
path: root/halloween
diff options
context:
space:
mode:
authors1n <[email protected]>2019-11-02 01:26:15 -0700
committers1n <[email protected]>2019-11-02 01:26:15 -0700
commit403c53127f0975fd805c87db0ce6c469750e9d3e (patch)
tree448a7c1ada1950da054c66bb98acb76611858f23 /halloween
parentclairo favi gif <3 (diff)
downloads1n.pw-admin-403c53127f0975fd805c87db0ce6c469750e9d3e.tar.xz
s1n.pw-admin-403c53127f0975fd805c87db0ce6c469750e9d3e.zip
remove halloween
Diffstat (limited to 'halloween')
-rw-r--r--halloween/css/main.css273
-rw-r--r--halloween/css/text-highlight.css10
-rw-r--r--halloween/index.html141
3 files changed, 0 insertions, 424 deletions
diff --git a/halloween/css/main.css b/halloween/css/main.css
deleted file mode 100644
index 47a63c7..0000000
--- a/halloween/css/main.css
+++ /dev/null
@@ -1,273 +0,0 @@
-body {
- margin: 0;
-}
-
-*,
-:after,
-:before {
- box-sizing: border-box
-}
-
-.pull-left {
- float: left
-}
-
-.pull-right {
- float: right
-}
-
-.clearfix:after,
-.clearfix:before {
- content: '';
- display: table
-}
-
-.clearfix:after {
- clear: both;
- display: block
-}
-
-.halloween .head .skull:before,
-.halloween .head .skull:after,
-.halloween .eyes .eye:before,
-.halloween .body:before,
-.halloween .body:after,
-.halloween .legs:before {
- content: '';
- position: absolute;
-}
-
-.halloween {
- top: 43%;
- left: 50%;
- width: 30px;
- height: 44px;
- position: fixed;
- margin-top: -22px;
- margin-left: -15px;
- animation: move 3s infinite;
-}
-
-.halloween .head {
- z-index: 1;
- width: 25px;
- height: 25px;
- background: #444;
- border-radius: 50%;
- position: relative;
-}
-
-.halloween .head .skull {
- left: 2px;
- bottom: 2px;
- width: 16px;
- height: 16px;
- color: #f9f9f9;
- border-radius: 50%;
- background: #f9f9f9;
- position: absolute;
- animation: skull 3s infinite;
-}
-
-.halloween .head .skull:before {
- top: 9px;
- width: 0;
- left: 50%;
- height: 0;
- z-index: 1;
- margin-left: -2px;
- border: 2px solid transparent;
- border-bottom: 2px solid #444;
-}
-
-.halloween .head .skull:after {
- top: 14px;
- left: 50%;
- width: 1px;
- height: 4px;
- margin-left: -1px;
- background: #f9f9f9;
- box-shadow: 2px 0, -2px 0, 4px 0, -4px 0,
- -3px -2px, -1px -2px, 1px -2px, 3px -2px
-}
-
-.halloween .eyes {
- width: inherit;
- height: inherit;
- overflow: hidden;
- border-radius: 50%;
- position: relative;
-}
-
-.halloween .eyes .eye {
- top: 5px;
- width: 5px;
- height: 5px;
- position: absolute;
- border-radius: 50%;
- background: #f8cd22;
- border: 1px solid #444;
- border-right: 2px solid #444;
-}
-
-.halloween .eyes .eye:before {
- top: -1px;
- left: -1px;
- width: 5px;
- height: 3px;
- background: #f9f9f9;
- border-radius: 5px 5px 0 0;
- animation: eyes 3s infinite;
-}
-
-.halloween .eyes .eye.eye-left {
- left: 1px;
-}
-
-.halloween .eyes .eye.eye-right {
- right: 1px;
-}
-
-.halloween .body {
- top: -3px;
- width: 24px;
- height: 17px;
- background: #444;
- position: relative;
- border-radius: 10px 10px 2px 2px;
-}
-
-.halloween .body:before,
-.halloween .body:after {
- top: 3px;
- width: 4px;
- height: 12px;
- background: #444;
-}
-
-.halloween .body:before {
- left: -1px;
- border-radius: 100% 0 0 2px;
- transform: rotate(10deg);
- animation: hand-left 3s infinite;
-}
-
-.halloween .body:after {
- right: -1px;
- border-radius: 0 100% 2px 0;
- transform: rotate(-10deg);
- animation: hand-right 3s infinite;
-}
-
-.halloween .legs {
- top: -3px;
- left: 50%;
- width: 21px;
- height: 10px;
- overflow: hidden;
- margin-left: -13px;
- position: relative;
- /* border-bottom: 1px solid rgba(0, 0, 0, .2); */
-}
-
-.halloween .legs:before {
- top: 0;
- left: -7px;
- width: 60px;
- height: 10px;
- background-image: linear-gradient(-495deg, #444 4px, transparent 0), linear-gradient(-45deg, transparent 4px, #444 0);
- background-size: 4px 8px;
- background-repeat: repeat-x;
- animation: legs 3s infinite;
-}
-
-@keyframes move {
- 0% {
- transform: translateX(0)
- }
-
- 50% {
- transform: translateX(15px)
- }
-
- 100% {
- transform: translateX(0)
- }
-}
-
-@keyframes skull {
- 0% {
- transform: translate(0, 0)
- }
-
- 25% {
- transform: translate(2px, 1px)
- }
-
- 75% {
- transform: translate(3px, -1px)
- }
-
- 100% {
- transform: translate(0, 0)
- }
-}
-
-@keyframes eyes {
- 0% {
- top: -5px;
- border-radius: 50%;
- }
-
- 50% {
- top: -1px;
- border-radius: 5px 5px 0 0;
- }
-
- 100% {
- top: -5px;
- border-radius: 50%;
- }
-}
-
-@keyframes legs {
- 0% {
- left: -7px;
- }
-
- 50% {
- left: -25px;
- }
-
- 100% {
- left: -7px;
- }
-}
-
-@keyframes hand-left {
- 0% {
- left: 1px;
- }
-
- 50% {
- left: -2px;
- }
-
- 100% {
- left: 1px;
- }
-}
-
-@keyframes hand-right {
- 0% {
- right: 1px;
- }
-
- 50% {
- right: -2px;
- }
-
- 100% {
- right: 1px;
- }
-} \ No newline at end of file
diff --git a/halloween/css/text-highlight.css b/halloween/css/text-highlight.css
deleted file mode 100644
index 494a286..0000000
--- a/halloween/css/text-highlight.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.links {
- color: inherit;
- text-decoration: none;
- background-color: #eabc75;
- /* hsl(200, 100%, 80% */
- -webkit-box-shadow: 0 7px 30px -10px #eabc75, 0 7px 30px -10px #eabc75;
- box-shadow: 0 7px 30px -10px #eabc75, 0 7px 30px -10px #eabc75;
- -webkit-transition: background-color 0.15s ease-in-out;
- transition: background-color 0.15s ease-in-out;
-} \ No newline at end of file
diff --git a/halloween/index.html b/halloween/index.html
deleted file mode 100644
index 9a4e56e..0000000
--- a/halloween/index.html
+++ /dev/null
@@ -1,141 +0,0 @@
-<!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">
- <meta name="theme-color" content="#FFF">
- <title>s1nical - Landing Page</title>
- <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic'
- rel='stylesheet' type='text/css'>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
- <!-- CSS Links -->
- <link id="stylesheet" rel="stylesheet" type="text/css" href="/css/main.css" />
- <link rel="stylesheet" href="/halloween/css/main.css">
- <link rel="stylesheet" href="/halloween/css/text-highlight.css">
- <meta name="description" content="s1nical is a full stack developer.">
- <meta property="og:description" content="s1nical is a full stack developer.">
- <meta property="og:title" content="s1nical">
- <meta property="twitter:card" content="summary">
- <meta property="twitter:site" content="@9inny">
- <meta property="og:image" content="">
- <script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script>
- <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
- <link rel="apple-touch-icon" sizes="128x128" href="/favicon.ico">
- <link rel="icon" type="image/ico" href="/favicon.ico" sizes="128x128">
- <link rel="canonical" href="https://s1n.pw/">
- <link rel="author" href="humans.txt" />
- <!-- Invisible Scripts -->
- <script src="/js/hide-context-menu.js"></script>
- <script src="/js/loader-animation.js"></script>
- <!-- Schema.org Stuff -->
- <script type="application/ld+json">
- {
- "name": "s1nical",
- "alternateName": "s1n",
- "description": "s1nical is a Full-stack developer.",
- "headline": "s1nical is a Full-stack developer.",
- "url": "https://s1n.pw/",
- "image": "",
- "sameAs": [
- "https://twitter.com/9inny",
- "https://github.com/8cy",
- "https://www.reddit.com/user/s1nical/"
- ],
- "publisher": {
- "@type": "Organization",
- "logo": {
- "@type": "ImageObject",
- "url": ""
- }
- },
- "@type": "WebSite",
- "@context": "http://schema.org"
- }
- </script>
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/inter.css"
- integrity="sha256-DyLTj16AbuvawyWJMPz4tJNp46iGflE/fWYAoU2IGpk=" crossorigin="anonymous">
- <!-- Global site tag (gtag.js) - Google Analytics -->
- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-145087191-1"></script>
- <script>
- window.dataLayer = window.dataLayer || [];
-
- function gtag() {
- dataLayer.push(arguments);
- }
- gtag('js', new Date());
-
- gtag('config', 'UA-145087191-1');
- </script>
- </head>
-
- <body>
- <!-- Scripts -->
- <script src="/js/app.js"></script>
- <script src="/js/background-sparkles.js"></script>
-
- <!-- Navigation Bar -->
- <div class="navigation-bar">
- <nav class="nav">
- <a href="/" class="nav-item" active-color="orange">Home</a>
- <!-- Had `is-active` after it but removed it due to not highlighting. -->
- <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About -->
- <a href="https://p.s1n.pw/" class="nav-item" active-color="blue">Portfolio</a> <!-- Testimonials -->
- <!--<a href="/doge" class="nav-item" active-color="red">Doge</a> <!-- Blog -->
- <!--<a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact -->
- <!--<a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a>-->
- <span class="nav-indicator"></span>
- </nav>
- </div>
-
- <!-- EDITED - Core Site Function, Site Primer/ Base -->
- <main>
- <div class="links">
- <div class="github">
- Happy Halloween!
- </div>
- </div>
- </main>
-
- <!-- Halloween -->
- <a href="/">
- <div class="halloween">
- <div class="head">
- <div class="skull">
- <div class="eyes">
- <div class="eye eye-left"></div>
- <div class="eye eye-right"></div>
- </div>
- </div>
- </div>
- <div class="body"></div>
- <div class="legs"></div>
- </div>
- </a>
-
- <!-- Loading Animation -->
- <div class="loader-wrapper">
- <div class="loader">
- <row>
- <span></span>
- <span></span>
- <span></span>
- </row>
- <row>
- <span></span>
- <span></span>
- <span></span>
- </row>
- <row>
- <span></span>
- <span></span>
- <span></span>
- </row>
- </div>
- </div>
-
- </body>
-
-</html>