diff options
Diffstat (limited to 'home')
| -rw-r--r-- | home/index.html | 158 |
1 files changed, 158 insertions, 0 deletions
diff --git a/home/index.html b/home/index.html new file mode 100644 index 0000000..2a9a755 --- /dev/null +++ b/home/index.html @@ -0,0 +1,158 @@ +<!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> + <!-- External Scripts Links --> + <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> + <script src="https://code.jquery.com/jquery-1.10.2.js"></script> + <!-- CSS Links --> + <link id="pagestyle" rel="stylesheet" type="text/css" href="/css/main.css" /> + <!-- Site metadata --> + <meta name="description" content="Landing Page"> + <meta property="og:description" content="Landing Page"> + <meta property="og:title" content="s1nical - Landing Page"> + <meta property="twitter:card" content="summary"> + <meta property="twitter:site" content="@9inny"> + <meta property="og:image" content=""> + <meta property="og:url" content="https://cyne.cf/home"> + <!-- Favicons --> + <link rel="apple-touch-icon" sizes="128x128" href="/favicon.jpg"> + <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> + <link rel="canonical" href="https://cyne.cf/home"> + <link rel="author" href="humans.txt" /> + <!-- Invisible Scripts --> + <script src="/js/hide-context-menu.js"></script> + <script src="/js/loader-animation.js"></script> + <script src="/js/refresh-on-media.js"></script> + <!-- Schema.org Stuff --> + <script type="application/ld+json"> + { + "name": "s1nical", + "alternateName": "s1n", + "description": "Landing Page", + "headline": "Landing Page", + "url": "https://cyne.cf/home", + "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"> +</head> + <body> + <!-- Scripts --> + <script src="/js/app.js"></script> + <script id="js-konami" src="/js/background-sparkles.js"></script> + + <!-- particles.js Container --> + <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%;" id="particles-js"></div> + <script src="/js/lib/particles.min.js"></script> + <script> + particlesJS.load('particles-js', '/assets/configs/particles.json', function() { + console.log('Callback - particles.js Config Loaded.'); + }); + </script> + + <!-- Navigation Bar --> + <div class="navigation-bar"> + <nav class="nav"> + <a onclick="deactivateCheats()" 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> + <a href="https://cyne.cf/status" class="nav-item" active-color="red">Status</a> + <span id="directory-konami"></span> + <span class="nav-indicator"></span> + </nav> + </div> + + <!-- Core Site Function, Site Primer/ Base --> + <main> + <div class="links"> + <div class="email"> + <a href="mailto:[email protected]">s1nical</a><br> + Full-stack developer.<br><br> + </div> + <div class="twitter"> + Follow me on <a href="https://twitter.com/9inny">Twitter</a>. + </div> + <div class="github"> + View my code on <a href="https://github.com/8cy">GitHub</a>. + </div> + </div> + </main> + + <div class="clairo"> + <span id="m-konami"></span> + </div> + + <script> + if (screen.width > 768) { // If Desktop + document.getElementById("m-konami").innerHTML = ` + <img src="/assets/imgs/clairo2.gif" alt="clairo" width="30px"> + `; + } else { // If Mobile + document.getElementById("m-konami").innerHTML = ` + <img src="/assets/imgs/clairo2.gif" onclick="activateCheats()" alt="clairo" width="30px"> + `; + } + </script> + + <!-- Konami Music --> + <!-- Background Music + // CREDITS: // + + Title: The Classics - A New Retro Synthwave Mix + + Uploader: Confused Bi-Product of a Misinformed Culture + + Full Credits: https://cyne.cf/konami/assets/audio/midi.mp3.txt --> + <audio src="/konami/assets/audio/midi.mp3" id="music"> + <p>If you are reading this, it is because your browser does not support the audio element.</p> + <script> + var audio = document.getElementById("music"); + audio.volume = 0.1; // Volume Adjuster, might bind it to "- and +" one day if possible. + </script> + </audio> + + <embed src="/assets/audio/sadness.mp3" id="music-main" volume="1" autostart="true" loop="true" width="0" height="0" preload></embed> + + <!-- 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> |