From 91eb5cd83923893f72e9209ffa60dc27016aa7dd Mon Sep 17 00:00:00 2001
From: ndaniel1102 <ndani2276@gmail.com>
Date: Mon, 22 Mar 2021 20:52:33 +0100
Subject: [PATCH] Style fixes for "thanks.html"

---
 src/pages/thanks.html | 39 ++++++++++++++++++++++++---------------
 src/pages/todos.js    |  8 ++++----
 2 files changed, 28 insertions(+), 19 deletions(-)
diff --git a/src/pages/thanks.html b/src/pages/thanks.html
index 16cb060..ada1db9 100644
--- a/src/pages/thanks.html
+++ b/src/pages/thanks.html
@@ -3,13 +3,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
-    <title>Thank you!</title>
+    <title>Thank you! - Qmining | Frylabs.net</title>
     <style>
+	@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
         :root{
     --size: 100px;
     --bgcolor: #222426;
-    --color: #fcff4f;
+    --color: #f2f2f2;
     --shadow: rgba(30,2,5,.2);
     }
     .surface {
@@ -51,21 +51,28 @@
 
 
     html,body{
-        height:100vh;
+        height: 95vh;
         overflow: hidden;
     }
     body {
+		font-family: 'Kameron', serif;
+		font-family: 'Overpass Mono', monospace;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         background-color: var(--bgcolor);
+		cursor: default;
     }
+	#qminer {
+		color: #f2cb05;
+		
+	}
     #text{
-        font-family: 'Quicksand', sans-serif;
-        color: white;
-        font-size: 24px;
-        text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
+		font-weight: 100;
+        font-size: 25px;
+		color: #f2f2f2;
+        text-shadow: 1px 1px 2px black;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -74,16 +81,19 @@
     }
     #backbutton{
         text-decoration: none;
-        color: white;
+        color: azure;
         cursor: pointer;
-        margin: 10px;
-        background-color: #4bb9bd;
-        box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
+        margin: 25px;
+        background-color: #f2cb05;
         border-radius: 3px;
         padding: 3px 10px;
+		padding-top: 4px;
+		transition: width 0.5s, height 0.5s, ease-in 0.5s;
+		text-shadow: 1px 1px 2px black;
     }
     #backbutton:hover{
-        box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
+        transition: width 0.5s, height 0.5s, ease-out 0.5s;
+		background-color: #96810b;
     }
     .coincontainer {
         position: relative;
@@ -103,12 +113,11 @@
         <div class="shadow"></div>
     </div></div>
     <center>
-    <div id="text"><span>Thanks for the gold, kind question miner!</span><a id="backbutton" href="<%= siteurl %>">Return</a></div>
+    <div id="text"><span>Thanks for the gold, kind <span id="qminer"><b>question miner</b></span>!</span><a id="backbutton" href="<%= siteurl %>">Return</a></div>
     </center>
     <div class="coincontainer"><div class="surface">
         <div class="coin"></div>
         <div class="shadow"></div>
     </div></div>
-
 </body>
 </html>
diff --git a/src/pages/todos.js b/src/pages/todos.js
index 80f2871..2a622eb 100644
--- a/src/pages/todos.js
+++ b/src/pages/todos.js
@@ -64,6 +64,10 @@ export default function contribute() {
       <Head>
         <title>Todos - Qmining | Frylabs.net</title>
       </Head>
+      <div className={styles.description}>
+        Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
+        segítenél
+      </div>
       <div className={styles.description}>
         Egy kártyára kattintva nézheted meg a részleteket, vagy szavazhatsz.
         Minél több szavazat érkezik egy kártyára, annál magasabb lesz a
@@ -72,10 +76,6 @@ export default function contribute() {
         lettek kiadva frissítésként. Ami az In Prod táblázatban van az van kint.
       </div>
       <Todos />
-      <div className={styles.description}>
-        Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
-        segítenél
-      </div>
       {renderNewTaskArea()}
       <Sleep />
     </div>
