monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-21 07:46:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

updated footer to include new terms

Browse source
This commit is contained in:
Jack 2021-07-27 23:13:04 +01:00
parent 52d35b2bb8
commit 0a700216c9
3 changed files with 41 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/sass/media-queries.scss
View file

@ -29,6 +29,25 @@
}
}
@media only screen and (max-width: 1000px) {
#bottom {
.leftright {
.left {
gap: 0.25rem 1rem;
display: grid;
grid-template-rows: 1fr 1fr;
grid-auto-flow: row;
grid-template-columns: auto auto auto auto;
}
.right {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 0.25rem 1rem;
}
}
}
}
@media only screen and (max-width: 800px) {
.settingsGroup.quickNav {
display: none;
@ -54,21 +73,6 @@
}
}
}
#bottom {
.leftright {
.left {
gap: 0.25rem 1rem;
display: grid;
grid-template-rows: 1fr 1fr;
grid-auto-flow: column;
}
.right {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 0.25rem 1rem;
}
}
}
.pageAbout .section .supporters,
.pageAbout .section .contributors {
@ -210,7 +214,8 @@
gap: 0.25rem 1rem;
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-auto-flow: column;
grid-template-columns: auto auto auto;
grid-auto-flow: row;
}
.right {
display: grid;

6
src/sass/style.scss
View file

@ -1832,8 +1832,10 @@ key {
.right a {
display: grid;
grid-auto-flow: column;
gap: 0.5rem;
align-items: center;
gap: 0.25rem;
align-items: baseline;
width: min-content;
width: -moz-fit-content;
&:hover {
color: var(--text-color);
cursor: pointer;

26
static/index.html
View file

@ -3731,9 +3731,7 @@
</div>
<div class="section showLiveAcc">
<h1>live accuracy</h1>
<div class="text">
Displays live accuracy during the test.
</div>
<div class="text">Displays live accuracy during the test.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">
hide
@ -4431,6 +4429,10 @@
</div>
<div class="leftright">
<div class="left">
<a href="mailto:jack@monkeytype.com" target="_blank">
<i class="fas fa-fw fa-envelope"></i>
<div class="text">Support</div>
</a>
<a href="https://github.com/Miodec/monkeytype" target="_blank">
<i class="fas fa-fw fa-code"></i>
<div class="text">GitHub</div>
@ -4447,18 +4449,22 @@
<i class="fab fa-fw fa-twitter"></i>
<div class="text">Twitter</div>
</a>
<a id="supportMeButton">
<i class="fas fa-fw fa-donate"></i>
<div class="text">Donate</div>
<a href="terms-of-service.html" target="_blank">
<i class="fas fa-fw fa-file-contract"></i>
<div class="text">Terms</div>
</a>
<a href="security-policy.html" target="_blank">
<i class="fas fa-shield-alt"></i>
<i class="fas fa-fw fa-shield-alt"></i>
<div class="text">Security</div>
</a>
<a href="privacy-policy.html" target="_blank">
<i class="fas fa-lock"></i>
<i class="fas fa-fw fa-lock"></i>
<div class="text">Privacy</div>
</a>
<a id="supportMeButton">
<i class="fas fa-fw fa-donate"></i>
<div class="text">Donate</div>
</a>
</div>
<div class="right">
<a
@ -4466,11 +4472,11 @@
aria-label="Shift-click to toggle custom theme"
data-balloon-pos="left"
>
<i class="fas fa-palette"></i>
<i class="fas fa-fw fa-palette"></i>
<div class="text">serika dark</div>
</a>
<a class="version">
<i class="fas fa-code-branch"></i>
<i class="fas fa-fw fa-code-branch"></i>
<div class="text">version</div>
</a>
<!-- <div>