From 481f82d291dc8e4564b581e7f0a967bbb8d3ab10 Mon Sep 17 00:00:00 2001 From: Veronica Date: Wed, 24 Mar 2021 18:45:36 -0500 Subject: [PATCH] I have already finished the mobile, tablet and Desktop design --- assets/images/DO_Logo_Vertical_Black.png | Bin 0 -> 6021 bytes assets/images/DO_Logo_Vertical_White.png | Bin 0 -> 6928 bytes assets/images/car-key.png | Bin 0 -> 14203 bytes assets/styles/components/Footer.scss | 34 +++++++ assets/styles/components/Header.scss | 25 +++++ assets/styles/components/_main.scss | 40 +++++++- assets/styles/modules/_breakpoints.scss | 42 ++++++++- assets/styles/modules/_variables.scss | 16 ++++ assets/styles/styles.css | 112 ++++++++++++++++++++++- assets/styles/styles.css.map | 2 +- assets/styles/styles.scss | 16 ++-- index.html | 88 ++++++++++++++++-- 12 files changed, 351 insertions(+), 24 deletions(-) create mode 100644 assets/images/DO_Logo_Vertical_Black.png create mode 100644 assets/images/DO_Logo_Vertical_White.png create mode 100644 assets/images/car-key.png create mode 100644 assets/styles/components/Footer.scss create mode 100644 assets/styles/components/Header.scss diff --git a/assets/images/DO_Logo_Vertical_Black.png b/assets/images/DO_Logo_Vertical_Black.png new file mode 100644 index 0000000000000000000000000000000000000000..541f38f459096cf52b065b7d2359be36fd3fd0db GIT binary patch literal 6021 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 literal 0 HcmV?d00001 diff --git a/assets/images/car-key.png b/assets/images/car-key.png new file mode 100644 index 0000000000000000000000000000000000000000..e61a4fba2fa4cb06c435a4ef7ad901722762ca5f GIT binary patch literal 14203 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 a{ + text-decoration: none; + color:gray; + } + #article-footer p > a:hover{ + color:$colorLight; + } + + + + + +} \ No newline at end of file diff --git a/assets/styles/components/Header.scss b/assets/styles/components/Header.scss new file mode 100644 index 0000000..e17b446 --- /dev/null +++ b/assets/styles/components/Header.scss @@ -0,0 +1,25 @@ + +.container-header { + width: $width; + padding: 100px 0; + display: grid; + text-align: center; + + article { + h1{ + display: inline-block; + font-weight:bolder; + font-size: $font-size; + margin: 0; + } + + h3 { + font-weight: lighter; + font-size: 1.5em; + } + } + + #figure-header h3{ + padding: $paddingp; + } +} diff --git a/assets/styles/components/_main.scss b/assets/styles/components/_main.scss index 9c2069a..fef22bb 100644 --- a/assets/styles/components/_main.scss +++ b/assets/styles/components/_main.scss @@ -1,3 +1,39 @@ -h1 { - color: $colorDark; +body { + section { + width: $width; + height: $heightOthers; + padding: 20px 50px; + display: grid; + justify-content: center; + background-color: rgba(10, 10, 10, .10); + + article { + h2 { + text-align: center; + font-size: $font-size; + } + } + } + + h1 { + color: $colorDark; + } + + p{ + font-size: $font-sizep; + line-height: $line-heightp; + text-align: center; + + } + + figure{ + padding:$paddingp; + + img{ + width: $width; + max-width:$max-width; + border-radius: $borderRadius; + } + } } + diff --git a/assets/styles/modules/_breakpoints.scss b/assets/styles/modules/_breakpoints.scss index 24a485a..c706783 100644 --- a/assets/styles/modules/_breakpoints.scss +++ b/assets/styles/modules/_breakpoints.scss @@ -1,7 +1,43 @@ //BREAKPOINTS MOBILE FIRST - +@import "variables"; // Medium devices (tablets, 768px and up) -@media (min-width: 768px) {} +@media (min-width: 768px) { + article p{ + text-align: center; + } + #mainSection{ + + display: grid; + align-self: center; + article{ + align-self: center; + } + } + +} // Large devices (desktops, 992px and up) -@media (min-width: 992px) {} +@media (min-width: 992px) { + .container-header{ + display: grid; + grid-template-columns: 1fr 1fr; + article { + align-self: center; + } + } + section{ + display: grid; + grid-template-columns: 1fr 1fr; + article { + align-self: center; + p{ + text-align: center; + } + } + } + #mainSection { + display: grid; + grid-template-columns: 1fr 10px; + justify-content: center; + } +} diff --git a/assets/styles/modules/_variables.scss b/assets/styles/modules/_variables.scss index 62b9166..0c9bb69 100644 --- a/assets/styles/modules/_variables.scss +++ b/assets/styles/modules/_variables.scss @@ -1,2 +1,18 @@ + $colorLight: #fff; $colorDark: #000; +$width: 100%; +$borderRadius: 20px; +$paddingH: 100px; +$paddingp: 1em 1em 0 1em; +$justify-content: center; +$height: 100vh; +$heightOthers: 75vh; +$font-size: 42px; +$text-align: center; +$font-sizeSub: 80px; +$font-sizep: 16px; +$line-heightp: 1.6em; +$text-alignp: center; +$max-width: 800px; + diff --git a/assets/styles/styles.css b/assets/styles/styles.css index b24e8b5..a9d31b6 100644 --- a/assets/styles/styles.css +++ b/assets/styles/styles.css @@ -8,6 +8,45 @@ text-rendering: optimizeLegibility; } +@media (min-width: 768px) { + article p { + text-align: center; + } + + #mainSection { + display: grid; + align-self: center; + } + #mainSection article { + align-self: center; + } +} +@media (min-width: 992px) { + .container-header { + display: grid; + grid-template-columns: 1fr 1fr; + } + .container-header article { + align-self: center; + } + + section { + display: grid; + grid-template-columns: 1fr 1fr; + } + section article { + align-self: center; + } + section article p { + text-align: center; + } + + #mainSection { + display: grid; + grid-template-columns: 1fr 10px; + justify-content: center; + } +} html { font-family: "Inter", sans-serif; } @@ -17,8 +56,79 @@ html { font-family: "Inter var", sans-serif; } } -h1 { +body section { + width: 100%; + height: 75vh; + padding: 20px 50px; + display: grid; + justify-content: center; + background-color: rgba(10, 10, 10, 0.1); +} +body section article h2 { + text-align: center; + font-size: 42px; +} +body h1 { color: #000; } +body p { + font-size: 16px; + line-height: 1.6em; + text-align: center; +} +body figure { + padding: 1em 1em 0 1em; +} +body figure img { + width: 100%; + max-width: 800px; + border-radius: 20px; +} + +.container-header { + width: 100%; + padding: 100px 0; + display: grid; + text-align: center; +} +.container-header article h1 { + display: inline-block; + font-weight: bolder; + font-size: 42px; + margin: 0; +} +.container-header article h3 { + font-weight: lighter; + font-size: 1.5em; +} +.container-header #figure-header h3 { + padding: 1em 1em 0 1em; +} + +.footer { + width: 100%; + height: 75vh; + padding: 20px 50px; + display: grid; + justify-content: center; + background-color: #000; +} +.footer #article-footer { + align-self: center; +} +.footer #article-footer p { + text-align: center; + font-size: 16px; + line-height: 1.6em; + padding: 1em 1em 0 1em; + color: #fff; +} +.footer #article-footer p > a { + text-decoration: none; + color: gray; +} +.footer #article-footer p > a:hover { + color: #fff; +} /*# sourceMappingURL=styles.css.map */ diff --git a/assets/styles/styles.css.map b/assets/styles/styles.css.map index b8df8d2..2be85b4 100644 --- a/assets/styles/styles.css.map +++ b/assets/styles/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["modules/_typography.scss","modules/_app.scss","components/_main.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;EACA;EACA;EACA;EACA;;;ADLF;EAAO;;;AACP;EACE;IAAO;;;AEHT;EACE","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["modules/_typography.scss","modules/_app.scss","modules/_breakpoints.scss","components/_main.scss","modules/_variables.scss","components/Header.scss","components/Footer.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;EACA;EACA;EACA;EACA;;;ACHF;EACE;IACE;;;EAEF;IAEE;IACA;;EACA;IACE;;;AAON;EACI;IACI;IACA;;EACA;IACE;;;EAGR;IACI;IACA;;EACA;IACE;;EACA;IACC;;;EAIP;IACE;IACA;IACA;;;AFvCJ;EAAO;;;AACP;EACE;IAAO;;;AGFP;EACE,OCCI;EDAJ,QCMW;EDLX;EACA;EACA;EACA;;AAGE;EACE;EACA,WCFI;;ADOV;EACE,OChBQ;;ADmBV;EACE,WCTS;EDUT,aCTW;EDUX;;AAIF;EACE,SCvBO;;ADyBP;EACE,OC7BE;ED8BF,WCjBM;EDkBN,eC9BS;;;ACHf;EACE,ODCM;ECAN;EACA;EACA;;AAGE;EACE;EACA;EACA,WDDM;ECEN;;AAGF;EACE;EACA;;AAIJ;EACE,SDhBO;;;AENX;EACE,OFEM;EEDN,QFOa;EENb;EACA;EACA,iBFEgB;EEDhB,kBFJU;;AEMV;EACE;;AAIF;EACE,YFCU;EEAV,WFFS;EEGT,aFFW;EEGX,SFXO;EEYP,OFjBS;;AEoBX;EACE;EACA;;AAEH;EACG,OFzBS","file":"styles.css"} \ No newline at end of file diff --git a/assets/styles/styles.scss b/assets/styles/styles.scss index 8909608..f2eb0d3 100644 --- a/assets/styles/styles.scss +++ b/assets/styles/styles.scss @@ -1,10 +1,12 @@ // CONFIG MODULES -@import "modules/app"; -@import "modules/breakpoints"; -@import "modules/mixins"; -@import "modules/typography"; -@import "modules/variables"; +@import "modules/app.scss"; +@import "modules/breakpoints.scss"; +@import "modules/mixins.scss"; +@import "modules/typography.scss"; +@import "modules/variables.scss"; // COMPONENTS -@import "components/main"; -@import "components/hero"; +@import "components/main.scss"; +@import "components/hero.scss"; +@import "components/Header.scss"; +@import "components/Footer.scss"; \ No newline at end of file diff --git a/index.html b/index.html index 5ac1c71..40eaa91 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,81 @@ - - - - - Sass Project - - -

Hello world!

- - + + + + + + + Sass Project + + +
+
+

Lorem Picsum

+

The Lorem Ipsum for photos.

+
+
+ image +
+
+
+
+

Easy to use, stylish placeholders

+

Just add your desired image size (width & height) after our url, + and you'll get a random image.

+
+
+
+
+

Specific Image

+

Get a specific image by adding /id/{image} to the start of the url.

+
+
+ image +
+
+
+
+ image +
+
+

Static Random Image

+

Get the same random image every time based on a seed, by adding /seed/{seed} to the start of the url.

+
+
+
+
+

Grayscale

+

Get a grayscale image by appending ?grayscale to the end of the url.

+
+
+ image +
+
+
+
+ image +
+
+

Blur

+

Get a blurred image by appending ?blur to the end of the url.

+
+
+
+
+

Advanced Usage

+

Get a specific image by adding /id/{image} to the start of the url.

+
+
+ image +
+
+ +