From 7951e2b1e56b71b02228c780a59752aa085d0ade Mon Sep 17 00:00:00 2001 From: FiliusPatris Date: Sat, 27 Mar 2021 16:06:02 +0100 Subject: [PATCH 1/4] Move hero and introduction into welcome The styling is a bit less big and bold. --- index.html | 28 +++++++++++----------------- styles/index.css | 1 + styles/welcome.css | 32 ++++++++++++++++++++++++++++++++ 3 files changed, 44 insertions(+), 17 deletions(-) create mode 100644 styles/welcome.css diff --git a/index.html b/index.html index 915b6bc..76dc5d8 100644 --- a/index.html +++ b/index.html @@ -8,25 +8,19 @@ -
-
-

/dev.space

-

- The digital hackerspace -

-
-
-
-
-

- /dev.space is a platform providing online services for - developers to collectively learn and grow. +
+
+

+ /dev.space

-

- Whether you're freshly starting out, or you are just looking - to connect with likeminded people. We help you turn your - project ideas into reality. +

+ Where developers can collectively learn an grow.

+

+ Whether you're freshly starting out, or you are just looking + to connect with likeminded people. Our suite of online services + help you turn your project ideas into reality. +

diff --git a/styles/index.css b/styles/index.css index 62ffa3e..c15af23 100644 --- a/styles/index.css +++ b/styles/index.css @@ -4,6 +4,7 @@ /* Components */ @import url("./hero.css"); @import url("./introduction.css"); +@import url("./welcome.css"); @import url("./services.css"); body { diff --git a/styles/welcome.css b/styles/welcome.css new file mode 100644 index 0000000..968d1ed --- /dev/null +++ b/styles/welcome.css @@ -0,0 +1,32 @@ +.welcome { + align-items: center; + display: flex; + justify-content: center; + font-family: "Work Sans", sans-serif; +} + +.welcome__container { + margin-top: 8vh; + text-align: center; +} + +.welcome__text-area__heading { + font-size: 5rem; + margin: 1rem; + text-align: center; +} + +.welcome__text-area__subheading { + font-size: 2rem; + text-align: center; + margin-top: 0; + margin-bottom: 2em; +} + +.welcome__text-area__description { + font-size: 1.5rem; + /* font-weight: 350; */ /* Can't try out, I don't have multiple weights installed. */ + text-align: center; + margin-left: 12vw; + margin-right: 12vw; +} \ No newline at end of file -- 2.30.3 From bd2689d2a7821a579191bee58ac240567ec25c2a Mon Sep 17 00:00:00 2001 From: FiliusPatris Date: Sat, 27 Mar 2021 16:10:36 +0100 Subject: [PATCH 2/4] Tweak hights and font sizes of .services Now everything fits on one page (at least on my screen / browser) --- styles/services.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/styles/services.css b/styles/services.css index 60fc15c..0490c4b 100644 --- a/styles/services.css +++ b/styles/services.css @@ -3,11 +3,13 @@ display: flex; justify-content: center; text-align: center; - margin-bottom: 10rem; + margin-top: 2rem; } .services__heading { - font-size: 5rem; + font-size: 3.3rem; + font-weight: bold; + margin-bottom: 1rem; } .services__offers { @@ -18,7 +20,6 @@ } .services__offers__card { - margin-top: 1.5rem; width: 15rem; } .services__offers__card__heading { -- 2.30.3 From 243b8e00c47f07e2c19d274faff653c16d5b3b1a Mon Sep 17 00:00:00 2001 From: FiliusPatris Date: Sat, 27 Mar 2021 16:14:18 +0100 Subject: [PATCH 3/4] Fix typo --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 76dc5d8..e706795 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@

Whether you're freshly starting out, or you are just looking to connect with likeminded people. Our suite of online services - help you turn your project ideas into reality. + helps you turn your project ideas into reality.

-- 2.30.3 From 17487c5d876b4efe86e30c3a94fbd4160007f471 Mon Sep 17 00:00:00 2001 From: FiliusPatris Date: Sat, 27 Mar 2021 16:14:29 +0100 Subject: [PATCH 4/4] Delete unused styles --- styles/hero.css | 38 -------------------------------------- styles/index.css | 2 -- styles/introduction.css | 15 --------------- 3 files changed, 55 deletions(-) delete mode 100644 styles/hero.css delete mode 100644 styles/introduction.css diff --git a/styles/hero.css b/styles/hero.css deleted file mode 100644 index c993f65..0000000 --- a/styles/hero.css +++ /dev/null @@ -1,38 +0,0 @@ -.hero { - align-items: center; - display: flex; - height: 100vh; - justify-content: center; - font-family: "Work Sans", sans-serif; -} - -.hero__text-area__container { - text-align: center; -} - -.hero__text-area__heading { - font-size: 4rem; - margin: 1rem; -} - - -.hero__text-area__subheading { - font-size: 2rem; -} - -@media (min-width: 800px) { - .hero__text-area__heading { - font-size: 10rem; - } - - .hero__text-area__subheading { - font-size: 3rem; - } -} - -.hero__scroll-arrow { - font-size: 6rem; - font-weight: lighter; - position: absolute; - bottom: 1rem; -} diff --git a/styles/index.css b/styles/index.css index c15af23..023752a 100644 --- a/styles/index.css +++ b/styles/index.css @@ -2,8 +2,6 @@ @import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap"); /* Components */ -@import url("./hero.css"); -@import url("./introduction.css"); @import url("./welcome.css"); @import url("./services.css"); diff --git a/styles/introduction.css b/styles/introduction.css deleted file mode 100644 index fc5d1c9..0000000 --- a/styles/introduction.css +++ /dev/null @@ -1,15 +0,0 @@ -.introduction { - align-items: center; - display: flex; - justify-content: center; - text-align: center; - margin-bottom: 10rem; -} - -.introduction__container__heading { - font-size: 2.5rem; -} - -.introduction__container__subheading { - font-size: 1.5rem; -} -- 2.30.3