From 31d942d924f84194b30d08bb4664e66d971ef90f Mon Sep 17 00:00:00 2001 From: anderrf Date: Wed, 9 Jun 2021 11:55:14 -0300 Subject: [PATCH 01/11] Initial setup --- project/index.html | 13 +++++++++++++ project/styles/landing.css | 2 ++ project/styles/main.css | 16 ++++++++++++++++ 3 files changed, 31 insertions(+) create mode 100644 project/index.html create mode 100644 project/styles/landing.css create mode 100644 project/styles/main.css diff --git a/project/index.html b/project/index.html new file mode 100644 index 0000000..b2a2608 --- /dev/null +++ b/project/index.html @@ -0,0 +1,13 @@ + + + + + + + DevMagic + + + + + + \ No newline at end of file diff --git a/project/styles/landing.css b/project/styles/landing.css new file mode 100644 index 0000000..d9f6fbe --- /dev/null +++ b/project/styles/landing.css @@ -0,0 +1,2 @@ +@import url('./main.css'); + diff --git a/project/styles/main.css b/project/styles/main.css new file mode 100644 index 0000000..cb5c01f --- /dev/null +++ b/project/styles/main.css @@ -0,0 +1,16 @@ +:root{ + --color-red: #AA1423; + --color-support-text: #777; + --color-line-background: #EEE; +} + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body{ + width: 100vw; + min-height: 100vh; +} \ No newline at end of file From 0c9ffd4c0a016d9a40e174ae76757e1688460918 Mon Sep 17 00:00:00 2001 From: anderrf Date: Wed, 9 Jun 2021 14:12:21 -0300 Subject: [PATCH 02/11] Header and footer layout --- Assets/logo-devmagic.png | Bin 0 -> 8826 bytes project/index.html | 22 +++++++++- project/styles/landing.css | 88 +++++++++++++++++++++++++++++++++++++ project/styles/main.css | 1 + 4 files changed, 110 insertions(+), 1 deletion(-) create mode 100644 Assets/logo-devmagic.png diff --git a/Assets/logo-devmagic.png b/Assets/logo-devmagic.png new file mode 100644 index 0000000000000000000000000000000000000000..eb48a1a98b674b7a6d0894141c0a316aef1abe8d GIT binary patch literal 8826 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 literal 0 HcmV?d00001 diff --git a/project/index.html b/project/index.html index b2a2608..319ac14 100644 --- a/project/index.html +++ b/project/index.html @@ -8,6 +8,26 @@ - +
+ + DevMagic + +
+
+ \ No newline at end of file diff --git a/project/styles/landing.css b/project/styles/landing.css index d9f6fbe..9970db5 100644 --- a/project/styles/landing.css +++ b/project/styles/landing.css @@ -1,2 +1,90 @@ @import url('./main.css'); +body{ + display: flex; + flex-direction: column; +} + +header, footer{ + width: 100vw; + background-color: var(--color-white); +} + +header{ + display: flex; + flex-direction: row; + padding: 1rem 0; +} + +header a{ + margin: auto; + width: 12rem; +} + +header a img{ + width: 100%; +} + +/* +main{ + height: 100vh; +} +*/ + +footer{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 1rem 20vw; +} + +footer .icon-Chaordic{ + width: 6rem; +} + +footer .icon-Chaordic a{ + width: 100%; +} + +footer .icon-Chaordic a img{ + width: 100%; +} + +footer .icon-Facebook-Twitter{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + width: 6rem; +} + +.icon-Facebook-Twitter a{ + width: 2rem; +} + +.icon-Facebook-Twitter a img{ + width: 100%; +} + +@media screen and (max-width: 768px) { + header a{ + width: 8rem; + } + + footer{ + padding: 1rem; + } + + .icon-Chaordic a, .icon-Facebook-Twitter{ + width: 4rem; + } + + .icon-Facebook-Twitter{ + justify-content: space-around; + } + + .icon-Facebook-Twitter a{ + width: 1.8rem; + } +} \ No newline at end of file diff --git a/project/styles/main.css b/project/styles/main.css index cb5c01f..b81199a 100644 --- a/project/styles/main.css +++ b/project/styles/main.css @@ -2,6 +2,7 @@ --color-red: #AA1423; --color-support-text: #777; --color-line-background: #EEE; + --color-white: #FFF; } *{ From ddb71e65b222bc6262d51090b970bda9a3fe1b0e Mon Sep 17 00:00:00 2001 From: anderrf Date: Wed, 9 Jun 2021 15:30:41 -0300 Subject: [PATCH 03/11] Hits area layout --- project/index.html | 12 ++++++- project/styles/landing.css | 73 ++++++++++++++++++++++++++++++++++++-- project/styles/main.css | 4 +++ 3 files changed, 85 insertions(+), 4 deletions(-) diff --git a/project/index.html b/project/index.html index 319ac14..6b81015 100644 --- a/project/index.html +++ b/project/index.html @@ -13,7 +13,17 @@ DevMagic -
+
+
+
+
+
+

HITS

+ 35.731.571 +

Cliques em links

+
+
+