albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style fixes for "thanks.html"

Browse source
This commit is contained in:
ndaniel1102 2021-03-22 20:52:33 +01:00
parent d95fb364f9
commit 91eb5cd839
2 changed files with 28 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/pages/thanks.html
View file

@ -3,13 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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! - Qmining | Frylabs.net</title>
<title>Thank you!</title>
<style> <style>
@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
:root{ :root{
--size: 100px; --size: 100px;
--bgcolor: #222426; --bgcolor: #222426;
--color: #fcff4f; --color: #f2f2f2;
--shadow: rgba(30,2,5,.2); --shadow: rgba(30,2,5,.2);
} }
.surface { .surface {
@ -51,21 +51,28 @@
html,body{ html,body{
height:100vh; height: 95vh;
overflow: hidden; overflow: hidden;
} }
body { body {
font-family: 'Kameron', serif;
font-family: 'Overpass Mono', monospace;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: var(--bgcolor); background-color: var(--bgcolor);
cursor: default;
} }
#qminer {
color: #f2cb05;
}
#text{ #text{
font-family: 'Quicksand', sans-serif; font-weight: 100;
color: white; font-size: 25px;
font-size: 24px; color: #f2f2f2;
text-shadow: 1px 1px 2px rgba(0,0,0,0.6); text-shadow: 1px 1px 2px black;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -74,16 +81,19 @@
} }
#backbutton{ #backbutton{
text-decoration: none; text-decoration: none;
color: white; color: azure;
cursor: pointer; cursor: pointer;
margin: 10px; margin: 25px;
background-color: #4bb9bd; background-color: #f2cb05;
box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
border-radius: 3px; border-radius: 3px;
padding: 3px 10px; 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{ #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 { .coincontainer {
position: relative; position: relative;
@ -103,12 +113,11 @@
<div class="shadow"></div> <div class="shadow"></div>
</div></div> </div></div>
<center> <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> </center>
<div class="coincontainer"><div class="surface"> <div class="coincontainer"><div class="surface">
<div class="coin"></div> <div class="coin"></div>
<div class="shadow"></div> <div class="shadow"></div>
</div></div> </div></div>
</body> </body>
</html> </html>

8
src/pages/todos.js
View file

@ -64,6 +64,10 @@ export default function contribute() {
<Head> <Head>
<title>Todos - Qmining | Frylabs.net</title> <title>Todos - Qmining | Frylabs.net</title>
</Head> </Head>
<div className={styles.description}>
Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
segítenél
</div>
<div className={styles.description}> <div className={styles.description}>
Egy kártyára kattintva nézheted meg a részleteket, vagy szavazhatsz. 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 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. lettek kiadva frissítésként. Ami az In Prod táblázatban van az van kint.
</div> </div>
<Todos /> <Todos />
<div className={styles.description}>
Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
segítenél
</div>
{renderNewTaskArea()} {renderNewTaskArea()}
<Sleep /> <Sleep />
</div> </div>