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>
<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>

8
src/pages/todos.js
View file

@ -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>