saahildcom/public/index.html

207 lines
6.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#cba6f7" class="theme-color" />
<meta http-equiv="onion-location" content="http://ohdhie7qka42mvxcl2lb5bcxw6jumwn6lbqdmpli3xxhktvyqg2gtryd.onion/">
<meta
name="description"
content="My site saahild.com"
/>
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Loading...</title>
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Saahil" />
<meta
itemprop="image"
content="screenshot.png"
/>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://saahild.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Saahil" />
<meta
property="og:image"
content="screenshot.png"
/>
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Saahil" />
<meta
name="twitter:description"
content="My site saahild.com"
/>
<meta
name="twitter:image"
content="screenshot.png"
/>
<!-- <script async src="https://ackee.saahild.com/tracker.js" data-ackee-server="https://ackee.saahild.com" data-ackee-domain-id="c082bd15-f9d8-414f-aa10-926e1d66a5d6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
<noscript>
<META HTTP-EQUIV="refresh" CONTENT="15">
<style>
/* body {font-family: Arial, Helvetica, sans-serif;} */
/* The Modal (background) */
.my-modal {
display: none;
position: fixed; /* Stay in place */
z-index: 1;
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: #1e1e2e; /* Fallback color */
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
-webkit-animation-name: fadeIn; /* Fade in the background */
-webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s;
}
/* Modal Content */
.my-modal-content {
position: fixed;
color: #cdd6f4;
bottom: 0;
background-color: #313244;
width: 100%;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s;
}
/* The Close Button */
.my-close {
color: #cba6f7;
float: right;
font-size: 28px;
font-weight: bold;
}
.my-close:hover,
.my-close:focus {
color: #f5c2e7;
text-decoration: none;
cursor: pointer;
}
.my-modal-header {
padding: 2px 16px;
background-image: linear-gradient(
to left,
#1e1e2e,
#11111b
);
/*#5cb85c */;
color: white;
}
.my-modal-body {
padding: 2px 16px;
}
.my-modal-footer {
padding: 2px 16px;
/* bottom: 0; */
/* position: absolute; */
/* right: 50%; */
/* background-color: #5cb85c; */
background-repeat: repeat-x;
background-image: linear-gradient(
to left,
#1e1e2e,
#11111b
);
color: #cdd6f4;
}
/* Add Animation */
@-webkit-keyframes slideIn {
from {
bottom: -300px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
@keyframes slideIn {
from {
bottom: -300px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
a {
color: #89b4fa;
}
a:hover {
color: #b4befe;
}
a:visited {
color: #cba6f7;
}
</style>
<div class="my-modal-content" style="height: 100vh;">
<div class="my-modal-header">
<span class="my-close"><a href="/">&times;</a> </span>
<h2>Please enable javascript</h2>
</div>
<div class="my-modal-body" style="height: 85vh;">
<p>You need to enable JavaScript to run this app.</p>
</div>
<div class="my-modal-footer">
<h3>Reload page once you have enabled javascript or click <a href="/">here</a></h3>
</div>
</div>
</noscript>
<!--
_________ _____ _____ ___ ___ .___.____ ________ _________ ________ _____
/ _____/ / _ \ / _ \ / | \| | | \______ \ \_ ___ \ \_____ \ / \
\_____ \ / /_\ \ / /_\ \/ ~ \ | | | | \ / \ \/ / | \ / \ / \
/ \/ | \/ | \ Y / | |___ | ` \ \ \____/ | \/ Y \
/_______ /\____|__ /\____|__ /\___|_ /|___|_______ \/_______ / /\ \______ /\_______ /\____|__ /
\/ \/ \/ \/ \/ \/ \/ \/ \/ \/
-->
<div id="root"></div>
<!-- Masadon verification -->
<a rel="me" href="https://mastodon.social/@neongamerbot" style="display: none;">Mastodon</a>
</body>
</html>