Update

HAWK-GT1191 · Feb 19, 2024 · 70db5da · 70db5da
1 parent 41a9581
commit 70db5da
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -7,12 +7,12 @@
   "author": "macx <[email protected]>",
   "license": "MIT",
   "scripts": {
-    "dev": "npx yarn watch:css & npx yarn serve",
+    "dev": "yarn watch:css & yarn serve",
     "serve": "browser-sync start --server public --files public --open",
-    "watch:css": "sass --watch src/sass:public/css",
-    "postcss": "postcss public/css/*.css -u autoprefixer cssnano -r --no-map",
-    "build": "npx yarn build:css && npx yarn postcss",
-    "build:css": "sass src/sass:public/css"
+    "watch:css": "npx sass --watch src/sass:public/css",
+    "postcss": "npx postcss public/css/*.css -u autoprefixer cssnano -r --no-map",
+    "build": "yarn build:css && yarn postcss",
+    "build:css": "npx sass src/sass:public/css"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.17",

diff --git a/public/index.html b/public/index.html
@@ -3,10 +3,18 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>GT 1191 Starterkit Mini</title>
     <link rel="stylesheet" href="css/styles.css" />
   </head>
   <body>
-    Hallo Welt!
+    <main>
+      <h1>GT 1191 Starterkit Mini</h1>
+
+      <a
+        href="https://github.com/HAWK-GT1191/gt1191-starterkit-mini"
+        class="button"
+        >Dokumentation</a
+      >
+    </main>
   </body>
 </html>
diff --git a/src/sass/_presets.scss b/src/sass/_presets.scss
@@ -0,0 +1,5 @@
+body {
+  background: ghostwhite;
+  color: black;
+  font-family: system-ui;
+}
diff --git a/src/sass/styles.scss b/src/sass/styles.scss
@@ -1,7 +1,25 @@
+@use 'presets';
+
+/*
+┌──────────────────────────────────┐
+  NUR ZUR DEMO. BITTE LÖSCHEN!
+└──────────────────────────────────┘
+*/
+
 body {
-  background: firebrick;
-  color: ghostwhite;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  display: grid;
+  place-items: center;
+  min-height: 100dvh;
+  text-align: center;
+}
+
+.button {
+  all: unset;
+  display: inline-block;
+  background-color: black;
+  color: white;
+  line-height: 1;
+  padding-block: 0.5rem;
+  padding-inline: 1.5rem;
+  cursor: pointer;
 }