init

getlocalcert · Jan 20, 2025 · 72489d9 · 72489d9
1 parent 6398816
commit 72489d9
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 0 deletions.
diff --git a/assets/logo.png b/assets/logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <title>LocalCert - Easy HTTPS for your private networks</title>
+
+        <!-- Stylesheets -->
+        <link rel="stylesheet" href="style.css">
+
+        <!-- Scripts -->
+        <script src="https://cdn.tailwindcss.com"></script>
+    </head>
+
+    <body class="min-h-screen flex flex-col">
+        <main class="flex-1 container mx-auto px-6 py-8">
+            <div class="text-center mb-12 slide-up">
+                <img src="assets/logo.png" alt="LocalCert Logo" class="hover:animate-pulse mx-auto w-24 mb-4" draggable="false">
+                <h1 class="text-4xl font-bold mb-4 select-none">Easy HTTPS for your private networks</h1>
+                <p class="text-lg text-gray-600 max-w-3xl mx-auto select-none">We're laser focused on making it easier to get a globally valid SSL certificate which you can use within your private network. LocalCert offers free subdomains which are suitable for hosting internal applications.</p>
+            </div>
+        </main>
+
+        <footer class="py-4 text-center text-sm text-gray-500 select-none">&copy; 2023-<script>document.write(new Date().getFullYear())</script> LocalCert - All Rights Reserved.</footer>
+    </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,16 @@
+.slide-up {
+    transform: translateY(50px);
+    opacity: 0;
+    animation: slideUp 1s ease-out forwards;
+}
+
+@keyframes slideUp {
+    0% {
+        transform: translateY(50px);
+        opacity: 0;
+    }
+    100% {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}