366 lines
19 KiB
HTML
366 lines
19 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Home Page</title>
|
|
<link rel="icon" type="image/x-icon" href="/assets/static/img/favicons/favicon.ico">
|
|
<link rel="manifest" href="/assets/static/site.webmanifest"/>
|
|
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900" rel="stylesheet">
|
|
|
|
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
|
|
},
|
|
fontFamily: {
|
|
sans: ['Lexend Deca', 'sans-serif'],
|
|
serif: ['Lexend Deca', 'serif'],
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body class="min-h-screen flex flex-col bg-gray-100 dark:bg-gray-900">
|
|
|
|
<noscript>
|
|
<h1>You need to enable JavaScript to run this webapp.
|
|
</noscript>
|
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="crossorigin="anonymous"></script>
|
|
|
|
|
|
|
|
<nav
|
|
class="bg-white dark:bg-gray-800 border-b sticky top-0 z-40 backdrop-blur-lg bg-opacity-80 dark:bg-opacity-80">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16">
|
|
|
|
|
|
<div class="flex items-center">
|
|
<a href="/" class="flex items-center text-xl font-bold text-gray-800 dark:text-white hover:text-red-400 dark:hover:text-red-400 transition-colors">
|
|
<span class="flex items-center justify-center pb-4">
|
|
<svg class="w-12 h-auto mt-4" viewBox="0 0 177 123" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_149_138)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.4632 48.5129H42.0789C24.3611 48.5129 10 62.875 10 80.5918C10 98.3086 24.3611 112.671 42.0789 112.671H134.32C152.037 112.671 166.399 98.3086 166.399 80.5918C166.399 62.875 152.037 48.5129 134.32 48.5129H120.935L120.166 39.3498C118.786 22.9153 104.995 10 88.1993 10C71.4038 10 57.6129 22.9153 56.2327 39.3498L55.4632 48.5129ZM130.131 38.5129C128.319 16.9423 110.237 0 88.1993 0C66.1613 0 48.0793 16.9423 46.2678 38.5129H42.0789C18.838 38.5129 0 57.3523 0 80.5918C0 103.831 18.838 122.671 42.0789 122.671H134.32C157.561 122.671 176.399 103.831 176.399 80.5918C176.399 57.3523 157.561 38.5129 134.32 38.5129H130.131Z" fill="currentColor"/>
|
|
<path d="M117.278 98.9703C117.278 101.364 115.338 103.304 112.944 103.304H97.5482C95.1549 103.304 93.2148 101.364 93.2148 98.9703V89.6158C93.2148 87.9408 94.1803 86.4159 95.6942 85.6991C101.585 82.911 105.391 76.9013 105.391 70.3889C105.391 61.0546 97.7967 53.4604 88.4622 53.4604C79.1277 53.4604 71.5337 61.0546 71.5337 70.3889C71.5337 76.9015 75.3399 82.911 81.2305 85.6991C82.7445 86.4156 83.71 87.9406 83.71 89.6158V98.9703C83.71 101.364 81.77 103.304 79.3766 103.304H63.9802C61.5869 103.304 59.6468 101.364 59.6468 98.9703C59.6468 96.577 61.5869 94.6369 63.9802 94.6369H75.0433V92.1875C71.8002 90.1894 69.0342 87.4877 66.9496 84.2607C64.2787 80.1262 62.8669 75.3296 62.8669 70.3889C62.8669 56.2755 74.3489 44.7936 88.4622 44.7936C102.576 44.7936 114.058 56.2755 114.058 70.3887C114.058 75.3294 112.646 80.1262 109.975 84.2605C107.891 87.4875 105.125 90.1894 101.882 92.1875V94.6369H112.944C115.338 94.6369 117.278 96.577 117.278 98.9703Z" fill="currentColor"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_149_138">
|
|
<rect width="176.399" height="122.671" fill="currentColor"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="flex items-center lg:hidden">
|
|
<button type="button"
|
|
class="inline-flex items-center justify-center p-2 rounded-lg text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline-none focus:ring-2 focus:ring-red-500"
|
|
aria-controls="navbarMenu1" aria-expanded="false" id="mobile-menu-button">
|
|
<span class="sr-only">Open main menu</span>
|
|
|
|
<svg class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M4 6h16M4 12h16M4 18h16" />
|
|
</svg>
|
|
|
|
<svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
<div class="hidden lg:flex lg:items-center lg:space-x-6">
|
|
<a href="/"
|
|
class="text-red-600 dark:text-red-400 px-3 py-2 text-sm font-medium rounded-lg bg-red-50 dark:bg-red-900/30">
|
|
Home
|
|
</a>
|
|
|
|
<div class="relative">
|
|
<button type="button" id="desktop-dropdown-button"
|
|
class="flex items-center text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 text-sm font-medium rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
|
|
|
|
|
|
Get started
|
|
|
|
|
|
<svg class="ml-2 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
|
</svg>
|
|
</button>
|
|
|
|
|
|
<div id="desktop-dropdown-menu"
|
|
class="hidden absolute right-0 mt-2 w-48 rounded-xl bg-white dark:bg-gray-800 py-2 shadow-lg ring-1 ring-gray-200 dark:ring-gray-700 focus:outline-none">
|
|
|
|
<a
|
|
|
|
href="/register/user?redirect="
|
|
|
|
class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Create an User Account
|
|
|
|
</a>
|
|
|
|
<a
|
|
|
|
href="/login/user?redirect="
|
|
|
|
class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Login to User Account
|
|
|
|
</a>
|
|
<a
|
|
|
|
href="/register/developer?redirect="
|
|
|
|
class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Create an Developer Account
|
|
|
|
</a>
|
|
|
|
<a
|
|
|
|
href="/login/developer?redirect=/"
|
|
|
|
class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Login to Developer Account
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="lg:hidden hidden" id="mobile-menu">
|
|
<div class="px-2 pt-2 pb-3 space-y-1">
|
|
<a href="/"
|
|
class="block px-3 py-2 rounded-lg text-base font-medium text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/30">
|
|
Home
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div class="space-y-1">
|
|
<button type="button" id="mobile-dropdown-button"
|
|
class="flex items-center justify-between w-full px-3 py-2 rounded-lg text-base font-medium text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Get started
|
|
|
|
<svg class="ml-2 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
|
</svg>
|
|
</button>
|
|
<div class="hidden pl-4" id="mobile-dropdown-menu">
|
|
<a href="#"
|
|
class="block px-3 py-2 rounded-lg text-base font-medium text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Create an User Account
|
|
|
|
</a>
|
|
|
|
<a href="#"
|
|
class="block px-3 py-2 rounded-lg text-base font-medium text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
|
|
Login to User Account
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script type="text/javascript" src="/static/js/navbar.js" onload></script>
|
|
|
|
|
|
<main id="main" class="flex-grow bg-gray-100 dark:bg-gray-900">
|
|
<div class="container mx-auto px-4 py-4 text-center items-center">
|
|
|
|
|
|
<div class="container border py-8 px-4 rounded-xl text-center justify-center mb-4 bg-white dark:bg-gray-900">
|
|
<span class="flex items-center justify-center pb-4 text-black dark:text-white">
|
|
<svg width="177" height="123" viewBox="0 0 177 123" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_149_138)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.4632 48.5129H42.0789C24.3611 48.5129 10 62.875 10 80.5918C10 98.3086 24.3611 112.671 42.0789 112.671H134.32C152.037 112.671 166.399 98.3086 166.399 80.5918C166.399 62.875 152.037 48.5129 134.32 48.5129H120.935L120.166 39.3498C118.786 22.9153 104.995 10 88.1993 10C71.4038 10 57.6129 22.9153 56.2327 39.3498L55.4632 48.5129ZM130.131 38.5129C128.319 16.9423 110.237 0 88.1993 0C66.1613 0 48.0793 16.9423 46.2678 38.5129H42.0789C18.838 38.5129 0 57.3523 0 80.5918C0 103.831 18.838 122.671 42.0789 122.671H134.32C157.561 122.671 176.399 103.831 176.399 80.5918C176.399 57.3523 157.561 38.5129 134.32 38.5129H130.131Z" fill="currentColor"/>
|
|
<path d="M117.278 98.9703C117.278 101.364 115.338 103.304 112.944 103.304H97.5482C95.1549 103.304 93.2148 101.364 93.2148 98.9703V89.6158C93.2148 87.9408 94.1803 86.4159 95.6942 85.6991C101.585 82.911 105.391 76.9013 105.391 70.3889C105.391 61.0546 97.7967 53.4604 88.4622 53.4604C79.1277 53.4604 71.5337 61.0546 71.5337 70.3889C71.5337 76.9015 75.3399 82.911 81.2305 85.6991C82.7445 86.4156 83.71 87.9406 83.71 89.6158V98.9703C83.71 101.364 81.77 103.304 79.3766 103.304H63.9802C61.5869 103.304 59.6468 101.364 59.6468 98.9703C59.6468 96.577 61.5869 94.6369 63.9802 94.6369H75.0433V92.1875C71.8002 90.1894 69.0342 87.4877 66.9496 84.2607C64.2787 80.1262 62.8669 75.3296 62.8669 70.3889C62.8669 56.2755 74.3489 44.7936 88.4622 44.7936C102.576 44.7936 114.058 56.2755 114.058 70.3887C114.058 75.3294 112.646 80.1262 109.975 84.2605C107.891 87.4875 105.125 90.1894 101.882 92.1875V94.6369H112.944C115.338 94.6369 117.278 96.577 117.278 98.9703Z" fill="currentColor"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_149_138">
|
|
<rect width="176.399" height="122.671" fill="currentColor"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</span>
|
|
|
|
<h1 class="text-5xl font-bold mt-2 mb-2 dark:text-white">Welcome to GDSS (Game Data Successfully Saved)</h1>
|
|
<p class="text-lg dark:text-white mb-2">A game data management api. Alternative to Cloudlink Omega</p>
|
|
<p class="text-xl dark:text-white mb-2"><b>Thanks to Cloudlink Omega for the template</b></p>
|
|
<div id="buttons" class="w-full flex flex-wrap flex-row items-center justify-center gap-3">
|
|
<a href="/login/user" type="button" class="w-50 px-6 py-3 bg-gray-100 dark:bg-gray-600 hover:font-bold hover:bg-red-400 dark:hover:bg-red-400 text-black dark:text-white hover:text-white rounded-xl
|
|
font-medium transition-all duration-300
|
|
hover:shadow-lg hover:shadow-red-500/30 focus:ring-2 focus:ring-red-500 focus:ring-offset-2
|
|
active:scale-95">
|
|
<span class="flex items-center justify-center gap-2 text-2xl">
|
|
Login as User
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="border py-8 rounded-xl mb-4 bg-white dark:bg-gray-900">
|
|
<div class="container text-center justify-center mb-8">
|
|
<h2 class="text-3xl font-bold dark:text-white mb-4">Methods</h2>
|
|
<p class="text-lg dark:text-white">Here are some of the methods to use GDSS!</p>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="flex flex-wrap flex-column gap-3 justify-center px-4">
|
|
|
|
|
|
<div class="w-full md:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] xl:w-[calc(25%-18px)]">
|
|
<div class="relative group">
|
|
<div
|
|
class="relative bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-2xl hover:shadow-black/20">
|
|
|
|
<div class="relative h-56 overflow-hidden">
|
|
|
|
|
|
<img src="https://scratch.mit.edu/favicon.ico"
|
|
class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" alt="..."
|
|
loading="lazy">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pt-6 pl-6 pr-6 pb-3">
|
|
|
|
|
|
|
|
<button type="button" class="open-modal-button w-full px-3 py-2 rounded-xl ring-1 ring-inset ring-gray-300 dark:ring-gray-600 bg-gray-100 dark:bg-gray-700 hover:bg-red-400 dark:hover:bg-red-400 hover:text-white hover:font-bold dark:text-white transition-all duration-200" data-item-id="scratch">
|
|
<span class="flex items-center justify-center gap-2">
|
|
Launch
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
|
|
<path fill-rule="evenodd"
|
|
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
|
|
clip-rule="evenodd" />
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="px-6 py-4 flex items-center">
|
|
<div class="grid grid-cols-5">
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/80">
|
|
<div class="flex items-center justify-between">
|
|
<small class="text-gray-600 dark:text-gray-400">
|
|
|
|
Launching April 1st, 2025
|
|
|
|
</small>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<span class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium
|
|
bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300">
|
|
<span class="w-2 h-2 rounded-full bg-red-600 dark:bg-red-400"></span>
|
|
New
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="/static/js/modals.js"></script>
|
|
|
|
</main>
|
|
|
|
|
|
<div id="modalContainer" class="relative z-50"></div>
|
|
|
|
|
|
<div id="loadingOverlay" class="hidden fixed inset-0 bg-black/75 flex justify-center items-center z-50">
|
|
<div class="animate-spin rounded-full h-12 w-12 border-4 border-white border-t-transparent"></div>
|
|
</div>
|
|
|
|
|
|
<footer class="bg-white dark:bg-gray-800 shadow-lg">
|
|
<div class="container mx-auto px-4 py-6">
|
|
<div class="text-center">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-white">
|
|
GDSS
|
|
</h3>
|
|
<p class="mt-2 text-sm text-gray-600 dark:text-gray-300">
|
|
An open source WebRTC-powered multiplayer network.
|
|
</p>
|
|
<p class="mt-2 text-sm text-gray-500 dark:text-gray-400">
|
|
Copyright © 2024 Mike J. Renaker. All rights reserved.
|
|
</p>
|
|
<p class="mt-2 text-sm text-gray-500 dark:text-gray-400">
|
|
<a class="underline" href="/terms">Terms of Service & Privacy Policy</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<script src="/static/js/color-modes.js"></script>
|
|
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'91f838fde897283e',t:'MTc0MTgzNDIxNC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"91f838fde897283e","version":"2025.1.0","r":1,"token":"b093103948234786baccc3f4378175c2","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |