From 9fc20b3b7efafae80ce9dc2ffa0a4bdb583a0d7e Mon Sep 17 00:00:00 2001 From: BurnyLlama Date: Mon, 26 Jul 2021 00:22:15 +0200 Subject: [PATCH 1/3] Fixed forgotten class. --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 97f9db2..8575e85 100644 --- a/index.html +++ b/index.html @@ -114,7 +114,7 @@

XMPP

-

burnyllama@chat.qwik.space

+

burnyllama@chat.qwik.space

matrix

@burnyllama:matrix.org

From 93aa6d38228c7d0ac457d2694bbb0aa24e578dc9 Mon Sep 17 00:00:00 2001 From: BurnyLlama Date: Mon, 26 Jul 2021 00:29:23 +0200 Subject: [PATCH 2/3] Small improvements... --- styles/main.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/styles/main.css b/styles/main.css index 80830ec..3841ad4 100644 --- a/styles/main.css +++ b/styles/main.css @@ -34,7 +34,7 @@ body { } .grid-container { - width: min(95vw, 125ch); + width: min(95vw, 135ch); grid-area: content; display: flex; @@ -165,9 +165,10 @@ p { } .service { - width: min(30ch, 80%); + width: min(35ch, 80%); display: flex; flex-direction: column; + align-items: center; margin: 2rem; padding: 1rem 1.5rem; @@ -182,7 +183,7 @@ p { } .service > p { - margin: 1rem 0; + margin: 1rem auto; } .service > a { From 42d54ca10192c7f04629a76f39579c739153d727 Mon Sep 17 00:00:00 2001 From: BurnyLlama Date: Mon, 26 Jul 2021 01:35:39 +0200 Subject: [PATCH 3/3] Started on graphical profile documentation. --- graphical-profile.html | 32 +- index.html | 2 +- resources/design-text-aligning.svg | 465 +++++++++++++++++++++++++++++ styles/graphical-profile.css | 20 ++ styles/main.css | 10 +- styles/privacy.css | 4 - 6 files changed, 526 insertions(+), 7 deletions(-) create mode 100644 resources/design-text-aligning.svg create mode 100644 styles/graphical-profile.css diff --git a/graphical-profile.html b/graphical-profile.html index 01249d0..f48b5f5 100644 --- a/graphical-profile.html +++ b/graphical-profile.html @@ -15,9 +15,39 @@ + qwik resources - +
+
+ Promotional image for qwik's graphical profile. +

qwik resources

+ graphical profile, guidelines, and resources +
+ + +

Typography

+

+ We only use one font, Manrope. It has 7 weights: +

+
    +
  • Extra Light
    • +
  • Light
    • +
  • Regular
    • +
  • Medium
    • +
  • Semi Bold
    • +
  • Bold
    • +
  • Extra Bold
    • +
+

+ We use Regular as the default weight and for bold text Bold. We use a line height of 1.5 + for better readability. Try to keep the font big enough to be readble. Other weights should only be used in + other material, like posters, images, social media posts, etc. to spice them up.

+ We'd also recommend justifying paragraphs that are wider, wile left-aligning less wide paragraphs. + (See image below.) +

+ An image showing how we align text. +
\ No newline at end of file diff --git a/index.html b/index.html index 8575e85..08a393c 100644 --- a/index.html +++ b/index.html @@ -134,7 +134,7 @@

resources

- A promotional image of qwik's graphical material. + A promotional image of qwik's graphical material.

We provide qwik's resources here. Right now qwik is in early stages of its development, as such many changes may happen. diff --git a/resources/design-text-aligning.svg b/resources/design-text-aligning.svg new file mode 100644 index 0000000..a7f609e --- /dev/null +++ b/resources/design-text-aligning.svg @@ -0,0 +1,465 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/styles/graphical-profile.css b/styles/graphical-profile.css new file mode 100644 index 0000000..e28ccb8 --- /dev/null +++ b/styles/graphical-profile.css @@ -0,0 +1,20 @@ +body { + padding-bottom: 25vh; +} + +header { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 5vh; +} + +header > h1 { + font-size: 4rem; + margin: 0; +} + +header > i { + display: block; + color: var(--accent); +} \ No newline at end of file diff --git a/styles/main.css b/styles/main.css index 3841ad4..876e0d3 100644 --- a/styles/main.css +++ b/styles/main.css @@ -125,6 +125,7 @@ header { grid-area: desc; width: min(40ch, 45vmin); margin-left: 1rem; + text-align: left; } @@ -153,6 +154,12 @@ b { p { margin: 0 auto; width: min(70ch, 90%); + text-align: justify; +} + +ul { + padding: .5rem 2rem; + width: min(70ch, 90%); } @@ -184,6 +191,7 @@ p { .service > p { margin: 1rem auto; + text-align: left; } .service > a { @@ -262,7 +270,7 @@ p { -.promo-image { +.image { width: min(55ch, 100%); margin: 2rem 0; diff --git a/styles/privacy.css b/styles/privacy.css index e8a2aa2..240278a 100644 --- a/styles/privacy.css +++ b/styles/privacy.css @@ -18,10 +18,6 @@ h2 { margin-top: 1.5rem; } -ul { - margin: .5rem 2rem; -} - p { margin: 0; width: auto;