sneed-group.github.io/index.html
The Ghost of FOSS' Future db0ae624cb
Update index.html
2024-10-03 15:59:40 -05:00

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;">&copy; <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>