qwik/qwik-website
Archived
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'main' of https://git.qwik.space/BurnyLlama/qwik-website

Browse Source
This commit is contained in:
BurnyLlama 2021-07-25 23:46:01 +02:00
commit e22bd13a8a
4 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -109,7 +109,7 @@
<p>burnyllama@chat.qwik.space</p>
<p class="contact-type">matrix</p>
<p>@burnyllama:matrix.org</p>
<p class="contact-size">@burnyllama:matrix.org</p>
</div>
</div>
@ -118,7 +118,7 @@
<div class="contact-options">
<p class="contact-type">XMPP</p>
<p>furo@chat.qwik.space</p>
<p class="contact-size">furo@chat.qwik.space</p>
</div>
</div>
</div>

9
styles/main.css
View File

@ -127,14 +127,14 @@ header {
h1 {
color: var(--primary);
font-size: 2rem;
font-size: 2.5rem;
margin-top: 3rem;
}
h2 {
color: var(--accent);
font-size: 1.15rem;
font-size: 1.5rem;
}
a {
@ -240,6 +240,7 @@ p {
}
.contact-type {
font-size: 1rem;
color: var(--accent);
margin-right: 1rem;
}
@ -248,6 +249,10 @@ p {
padding: .5rem 0;
}
.contact-size {
font-size: 1rem;
}

26
styles/scaling.css
View File

@ -4,67 +4,67 @@
@media screen and (min-width: 1px) {
:root {
font-size: 10px;
font-size: 12px;
}
}
@media screen and (min-width: 300px) {
:root {
font-size: 11pt;
font-size: 13pt;
}
}
@media screen and (min-width: 400px) {
:root {
font-size: 12pt;
font-size: 14pt;
}
}
@media screen and (min-width: 500px) {
:root {
font-size: 13pt;
font-size: 15pt;
}
}
@media screen and (min-width: 600px) {
:root {
font-size: 14pt;
font-size: 16pt;
}
}
@media screen and (min-width: 700px) {
:root {
font-size: 15pt;
font-size: 17pt;
}
}
@media screen and (min-width: 802px) {
:root {
font-size: 10pt;
font-size: 12pt;
}
}
@media screen and (min-width: 1000px) {
:root {
font-size: 11pt;
font-size: 13pt;
}
}
@media screen and (min-width: 1200px) {
:root {
font-size: 12pt;
font-size: 14pt;
}
}
@media screen and (min-width: 1500px) {
:root {
font-size: 13pt;
font-size: 15pt;
}
}
@media screen and (min-width: 1800px) {
:root {
font-size: 14pt;
font-size: 16pt;
}
}
@media screen and (min-width: 2500px) {
:root {
font-size: 15pt;
font-size: 17pt;
}
}
@media screen and (min-width: 3000px) {
:root {
font-size: 16pt;
font-size: 19pt;
}
}