monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-22 16:26:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

added watch video ad as a way to support monkeytype

Browse source
This commit is contained in:
Miodec 2022-07-18 11:47:18 +02:00
parent 8cceaa2d4d
commit df79d5320f
3 changed files with 24 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/styles/popups.scss
View file

@ -1131,14 +1131,14 @@
.buttons {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
.button {
display: block;
width: 100%;
height: 100%;
padding: 2rem 0;
padding: 1rem 0;
display: grid;
gap: 1rem;
text-decoration: none;
@ -1149,8 +1149,8 @@
color: var(--bg-color);
}
.icon {
font-size: 5rem;
line-height: 5rem;
font-size: 3rem;
line-height: 3rem;
}
}
}

3
frontend/src/styles/z_media-queries.scss
View file

@ -483,11 +483,12 @@
.buttons {
grid-template-columns: none !important;
.button {
grid-template-columns: auto auto;
grid-template-columns: auto 1fr;
align-items: center;
.icon {
font-size: 2rem !important;
line-height: 2rem !important;
margin-left: 2rem;
}
}
}

24
frontend/static/html/popups.html
View file

@ -816,16 +816,24 @@
</div>
<div class="buttons">
<div class="button ads">
<div class="icon"><i class="fas fa-ad"></i></div>
<div class="icon"><i class="fas fa-fw fa-ad"></i></div>
<div class="text">Enable Ads</div>
</div>
<div class="button watchVideoAd">
<div class="icon"><i class="fas fa-fw fa-ad"></i></div>
<div class="text">
Watch
<br />
a Video Ad
</div>
</div>
<a
class="button"
href="https://ko-fi.com/monkeytype"
target="_blank"
rel="noreferrer"
>
<div class="icon"><i class="fas fa-donate"></i></div>
<div class="icon"><i class="fas fa-fw fa-donate"></i></div>
<div class="text">Donate</div>
</a>
<a
@ -834,7 +842,7 @@
target="_blank"
rel="noreferrer"
>
<div class="icon"><i class="fab fa-patreon"></i></div>
<div class="icon"><i class="fab fa-fw fa-patreon"></i></div>
<div class="text">
Become
<br />
@ -847,7 +855,7 @@
target="_blank"
rel="noreferrer"
>
<div class="icon"><i class="fas fa-tshirt"></i></div>
<div class="icon"><i class="fas fa-fw fa-tshirt"></i></div>
<div class="text">Buy Merch</div>
</a>
<a
@ -856,8 +864,12 @@
target="_blank"
rel="noreferrer"
>
<div class="icon"><i class="fas fa-keyboard"></i></div>
<div class="text">Buy a DAS Keyboard</div>
<div class="icon"><i class="fas fa-fw fa-keyboard"></i></div>
<div class="text">
Buy
<br />
a DAS Keyboard
</div>
</a>
</div>
</div>