mirror of
https://github.com/Sneed-Group/sneed-group.github.io
synced 2024-10-30 00:07:50 +00:00
153 lines
4.5 KiB
HTML
153 lines
4.5 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
|
|
<script src="https://unpkg.com/unlazy@0.11.3/dist/unlazy.with-hashing.iife.js" defer init></script>
|
|
<script type="text/javascript">
|
|
window.tailwind.config = {
|
|
darkMode: ['class'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
border: 'hsl(var(--border))',
|
|
input: 'hsl(var(--input))',
|
|
ring: 'hsl(var(--ring))',
|
|
background: 'hsl(var(--background))',
|
|
foreground: 'hsl(var(--foreground))',
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--primary))',
|
|
foreground: 'hsl(var(--primary-foreground))'
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--secondary))',
|
|
foreground: 'hsl(var(--secondary-foreground))'
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'hsl(var(--destructive))',
|
|
foreground: 'hsl(var(--destructive-foreground))'
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
foreground: 'hsl(var(--muted-foreground))'
|
|
},
|
|
accent: {
|
|
DEFAULT: 'hsl(var(--accent))',
|
|
foreground: 'hsl(var(--accent-foreground))'
|
|
},
|
|
popover: {
|
|
DEFAULT: 'hsl(var(--popover))',
|
|
foreground: 'hsl(var(--popover-foreground))'
|
|
},
|
|
card: {
|
|
DEFAULT: 'hsl(var(--card))',
|
|
foreground: 'hsl(var(--card-foreground))'
|
|
},
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style type="text/tailwindcss">
|
|
@layer base {
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 240 10% 3.9%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 240 10% 3.9%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 240 10% 3.9%;
|
|
--primary: 240 5.9% 10%;
|
|
--primary-foreground: 0 0% 98%;
|
|
--secondary: 240 4.8% 95.9%;
|
|
--secondary-foreground: 240 5.9% 10%;
|
|
--muted: 240 4.8% 95.9%;
|
|
--muted-foreground: 240 3.8% 46.1%;
|
|
--accent: 240 4.8% 95.9%;
|
|
--accent-foreground: 240 5.9% 10%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 240 5.9% 90%;
|
|
--input: 240 5.9% 90%;
|
|
--ring: 240 5.9% 10%;
|
|
--radius: 0.5rem;
|
|
}
|
|
.dark {
|
|
--background: 240 10% 3.9%;
|
|
--foreground: 0 0% 98%;
|
|
--card: 240 10% 3.9%;
|
|
--card-foreground: 0 0% 98%;
|
|
--popover: 240 10% 3.9%;
|
|
--popover-foreground: 0 0% 98%;
|
|
--primary: 0 0% 98%;
|
|
--primary-foreground: 240 5.9% 10%;
|
|
--secondary: 240 3.7% 15.9%;
|
|
--secondary-foreground: 0 0% 98%;
|
|
--muted: 240 3.7% 15.9%;
|
|
--muted-foreground: 240 5% 64.9%;
|
|
--accent: 240 3.7% 15.9%;
|
|
--accent-foreground: 0 0% 98%;
|
|
--destructive: 0 62.8% 30.6%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 240 3.7% 15.9%;
|
|
--input: 240 3.7% 15.9%;
|
|
--ring: 240 4.9% 83.9%;
|
|
}
|
|
}
|
|
</style>
|
|
<style>
|
|
vr {
|
|
flex-direction: column;
|
|
align-items: flex-start; /* Aligns items to the left */
|
|
}
|
|
|
|
.button {
|
|
border: 1px solid #ccc;
|
|
background-color: rgb(2, 47, 13);
|
|
text-align: center; /* Center the text within each item */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Sneed Group</title>
|
|
<link href="https://unpkg.com/tailwindcss@2.x/dist/tailwind.min.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-green-900 text-red-500">
|
|
<header style="text-align: center;">
|
|
<img alt="sneed-icon" src="sneed.png" style="width: 11%; display: block; margin: 0 auto; height: auto;"/>
|
|
<h1 class="text-3xl font-bold">Sneed Group</h1>
|
|
<nav class="space-x-4">
|
|
<a href="https://sneedgit.nodemixaholic.com" class="button">Contribute code.</a>
|
|
<a href="https://coindrop.to/sneed-group" class="button">Contribute money. (Proceeds will go to creator of Sneed Group.)</a>
|
|
</nav>
|
|
</header>
|
|
<br><br>
|
|
<hr>
|
|
<main class="px-4 py-8">
|
|
<div class="flex items-center space-x-4 mb-6">
|
|
<h2 class="text-3xl font-bold text-red-500">About Us</h2>
|
|
</div>
|
|
<p class="text-lg leading-relaxed text-white/80">Sneed Group is a mostly anonymous group of software programmers who enjoy working together on various projects. We are passionate about creating innovative solutions and pushing the boundaries of what's possible.</p>
|
|
</main>
|
|
<footer>
|
|
<hr>
|
|
<br>
|
|
<p style="text-align: right; color: #737373; font-size: 12px;">© <year></year> Sneed Group. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
<script>
|
|
// Get the current year
|
|
const currentYear = new Date().getFullYear();
|
|
|
|
// Select the <year> tag
|
|
const yearTag = document.querySelector('year');
|
|
|
|
// Set the text content of the <year> tag to the current year
|
|
yearTag.textContent = currentYear;
|
|
</script>
|
|
</html>
|