From 362ce5543d5f783a91681b2426fcc8a9eb9b8cd6 Mon Sep 17 00:00:00 2001 From: Aszmel Date: Tue, 15 Jan 2019 23:09:06 +0100 Subject: [PATCH 1/6] initial commit --- index.css | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 43 ++++++++++++++++++++++++ 2 files changed, 142 insertions(+) create mode 100644 index.css create mode 100644 index.html diff --git a/index.css b/index.css new file mode 100644 index 0000000..99d7a19 --- /dev/null +++ b/index.css @@ -0,0 +1,99 @@ +body { + margin: 0px; + color: whitesmoke; + font-family: Lato; + height: 100vh; +} + +.container { + /* height: 200vh; */ + text-align: center; + background-image: linear-gradient(lightgreen 15%, green); +} + +.svg-section { + position: relative; +} + +.ribbon { + position: absolute; + top: 0px; + right: 0px; +} + +h1 { + text-align: center; + letter-spacing: 30px; + font-size: 3rem; + margin-top: -10px; +} + +h3 { + letter-spacing: 5px; + font-size: 1.5rem; +} + +.submit, .email { + height: 10vh; + width: 300px; + border-radius: 5px; + font-family: Lato; +} + +.form { + overflow: hidden; + box-sizing: border-box; +} + +.email { + padding-left: 10px; +} + +.submit { + margin: 10px; + height: 12vh; + font-size: 1.2rem; + border: none; + color: white; + background: rgb(14, 59, 156); +} + +.submit:hover { + box-shadow: darkslategrey 0px 3px 3px 3px; +} + +.footnote { + margin-top: 200px; + margin-bottom: -15px; + font-size: 1rem; +} + +@media only screen and (max-width: 800px) { + .form { + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 80px; + } + h1 { + margin-left: 20px; + font-size: 2rem; + letter-spacing: 0px; + } + .email { + margin-bottom: 20px; + } + h3 { + font-size: 1rem; + } + .footnote { + font-size: 0.8rem; + margin-bottom: 0px; + line-height: 80%; + margin-top: auto; + margin-bottom: 0px; + } + .ribbon { + display: none; + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..945fe8e --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + + Academy Challenge + + +
+
+ + +
+ +

CODE ACADEMY

+

Leave your email

+
+ + +
+
+
+

Aszmel © 2019.

+

Made with in Poland.

+

We're using cookies to improve your experience.

+
+
+
+ + From 984e37ee855e94ef930b8edf613fc5281943f3aa Mon Sep 17 00:00:00 2001 From: Aszmel Date: Wed, 16 Jan 2019 20:23:22 +0100 Subject: [PATCH 2/6] css --- index.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/index.css b/index.css index 99d7a19..be8523b 100644 --- a/index.css +++ b/index.css @@ -1,14 +1,14 @@ body { margin: 0px; color: whitesmoke; - font-family: Lato; - height: 100vh; + font-family: Lato, 'Courier New', Courier, monospace; + min-height: 100%; } .container { - /* height: 200vh; */ text-align: center; background-image: linear-gradient(lightgreen 15%, green); + min-height: 100%; } .svg-section { @@ -89,9 +89,8 @@ h3 { .footnote { font-size: 0.8rem; margin-bottom: 0px; - line-height: 80%; + line-height: 60%; margin-top: auto; - margin-bottom: 0px; } .ribbon { display: none; From 4590c0b3232683b54ec70aae902230119b907a3b Mon Sep 17 00:00:00 2001 From: Aszmel Date: Sat, 19 Jan 2019 17:24:07 +0100 Subject: [PATCH 3/6] simple stuff --- index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.css b/index.css index be8523b..e364013 100644 --- a/index.css +++ b/index.css @@ -8,7 +8,7 @@ body { .container { text-align: center; background-image: linear-gradient(lightgreen 15%, green); - min-height: 100%; + min-height: 100vh; } .svg-section { From 086d34e7e96d69fbbb2828fd5f4a8fb5e76f4d31 Mon Sep 17 00:00:00 2001 From: Aszmel Date: Sun, 20 Jan 2019 19:53:40 +0100 Subject: [PATCH 4/6] resolving issues from comments --- index.css | 6 +++--- index.html | 17 ++++++++++------- 2 files changed, 13 insertions(+), 10 deletions(-) diff --git a/index.css b/index.css index e364013..8180752 100644 --- a/index.css +++ b/index.css @@ -1,7 +1,7 @@ body { margin: 0px; color: whitesmoke; - font-family: Lato, 'Courier New', Courier, monospace; + font-family: 'Lato', 'Courier New', Courier, monospace; min-height: 100%; } @@ -37,11 +37,10 @@ h3 { height: 10vh; width: 300px; border-radius: 5px; - font-family: Lato; + font-family: 'Lato'; } .form { - overflow: hidden; box-sizing: border-box; } @@ -50,6 +49,7 @@ h3 { } .submit { + text-transform: uppercase; margin: 10px; height: 12vh; font-size: 1.2rem; diff --git a/index.html b/index.html index 945fe8e..4cb1a87 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,10 @@ + Academy Challenge @@ -29,14 +33,13 @@

Leave your email

placeholder="email@example.com" autofocus /> - + -