monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-26 15:54:35 +08:00
Code Issues Projects Releases Packages Wiki Activity

added a message that ads can be disabled

Browse source
This commit is contained in:
Miodec 2022-07-21 17:49:50 +02:00
parent b5d5e1452c
commit 7444393a40
2 changed files with 37 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/styles/ads.scss
View file

@ -28,7 +28,7 @@
display: grid;
grid-template-areas: "col";
div {
& > div {
grid-area: col;
}
@ -61,3 +61,25 @@
display: none;
}
}
#ad-result-wrapper {
.iconAndText {
display: grid;
grid-template-columns: auto 1fr;
gap: 1rem;
justify-content: center;
justify-self: center;
align-items: center;
.icon {
width: unset;
height: unset;
}
.text {
color: var(--sub-color);
font-size: 1rem;
.smalltext {
font-size: 0.7rem;
}
}
}
}

15
frontend/static/html/pages/test.html
View file

@ -304,7 +304,20 @@
</div>
</div>
<div id="ad-result-wrapper" class="ad advertisement ad-h">
<div class="icon"><i class="fas fa-ad"></i></div>
<div class="iconAndText">
<div class="icon"><i class="fas fa-ad"></i></div>
<div class="text">
Using an ad blocker? No worries.
<div class="smalltext">
The ads support the project, but we understand they can be
annoying.
<br />
You can
<i>disable all ads</i>
in the settings.
</div>
</div>
</div>
<div id="ad-result"></div>
</div>
<div id="ad-result-small-wrapper" class="ad advertisement ad-h-s">