Basic website placeholder

ThisIsMissEm · ThisIsMissEm · commit 51920410a2e2 · 2023-11-05T19:05:22.000+01:00
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/assets/style.css b/assets/style.css
@@ -0,0 +1,67 @@
+@import url(https://fonts.bunny.net/css?family=roboto:500,700);
+
+html {
+  font-size: 16px;
+}
+
+body {
+  background: rgb(199,21,133);
+  background: linear-gradient(180deg, rgba(199,21,133,1) 0%, rgba(128,0,128,1) 100%); 
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  color: white;
+  height: 100%;
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  font-family: 'Roboto', sans-serif;
+  /* improves legibility of the white text on the pink/purple background */
+  text-shadow: 1px 1px 1px rgba(112, 0, 112, 0.8);
+}
+
+main {
+  margin-top: -10rem;
+  text-align: center;
+}
+
+main h1 {
+  font-size: 4rem;
+  font-weight: 700;
+  margin: 0 0 0.5rem;
+}
+
+main h2 {
+  font-size: 2.5rem;
+  font-weight: 500;
+  margin: 0;
+}
+
+main ul {
+  margin: 2rem 0 0 0;
+  padding: 0;
+  list-style: none;
+  display: inline-flex;
+}
+
+main ul li {
+  margin: 0 0.5rem;
+}
+
+main ul li a {
+  display: block;
+  font-size: 1.5rem;
+  padding: 0.8rem 1.4rem;
+  background: white;
+  color: rgb(199,21,133);
+  text-decoration: none;
+  text-shadow: none;
+  box-shadow: 1px 1px 1px rgba(112, 0, 112, 0.8);
+  border-radius: 0.5rem;
+  transition: transform 0.2s ease-in-out;
+}
+
+main ul li a:hover, 
+main ul li a:focus {
+  color: rgba(128,0,128,1);
+  transform: translateY(-1px);
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>FediMod &ndash; Moderation Tools for the Fediverse</title>
+  <link rel="stylesheet" href="./assets/style.css">
+  <link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
+</head>
+
+<body>
+  <main>
+    <h1>FediMod</h1>
+    <h2>Moderation Tools for the Fediverse</h2>
+    <ul>
+      <li><a href="https://mastodon.social/@FediMod" rel="me" title="FediMod on Mastodon">@FediMod</a></li>
+      <li><a href="https://github.com/FediMod" title="FediMod on GitHub">Source Code</a></li>
+    </ul>
+  </main>
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "fedimod-website",
+  "private": true,
+  "version": "1.0.0",
+  "description": "Website for FediMod",
+  "license": "MIT",
+  "scripts": {
+    "start": "python3 -m http.server 3000 -b 127.0.0.1"
+  }
+}
