From 4b225930e9b17b2ac4e071710ab51d48cf3df762 Mon Sep 17 00:00:00 2001 From: giraudremi92 Date: Sat, 21 Aug 2021 00:34:31 +0200 Subject: [PATCH 1/5] First commit Add responsiv grids --- src/components/Banner.js | 18 ++--- src/components/Sensors.js | 40 +++++++---- src/styles/App.scss | 6 +- src/styles/Landing.scss | 138 ++++++++++++++++++-------------------- 4 files changed, 109 insertions(+), 93 deletions(-) diff --git a/src/components/Banner.js b/src/components/Banner.js index b35db3b..d456531 100644 --- a/src/components/Banner.js +++ b/src/components/Banner.js @@ -7,15 +7,15 @@ const Banner = () => { return (
-
-
-

Pyrrha

-
-
-
-

{t("bannerMission")}

-
-
+
+
+

Pyrrha

+
+

{t("bannerMission")}

+
+
+
+ ); }; diff --git a/src/components/Sensors.js b/src/components/Sensors.js index 790c829..a537d22 100644 --- a/src/components/Sensors.js +++ b/src/components/Sensors.js @@ -97,7 +97,7 @@ const SensorInfo = () => { alt="pyrrha testing pic" > -
+

{t("actionDescription2")}

  1. {t("actionDescription3")}
    2. @@ -106,7 +106,7 @@ const SensorInfo = () => {

-
+

{t("actionDescription6")}

  1. {t("actionDescription7")}
    2. @@ -136,41 +136,57 @@ const DashboardInfo = () => { - -
    + +
    Salomé Valero -
    +

    Salomé Valero

    Chief Executive Officer

    Co-Founder

    -
    + + + + + +
    Marco Emilio Rodríguez Serrano -
    +

    Marco Emilio Rodríguez Serrano

    Chief Technology Officer

    Co-Founder

    -
    + + + + + +
    Joan Herrera -
    +

    Joan Herrera

    Chief Operating Officer

    Co-Founder

    -
    + + + + + +
    Artur Álvarez -
    +

    Artur Álvarez

    Media Producer

    Co-Founder

    - + + ); diff --git a/src/styles/App.scss b/src/styles/App.scss index 6e48a54..09c9bd3 100644 --- a/src/styles/App.scss +++ b/src/styles/App.scss @@ -2,10 +2,14 @@ @import "~carbon-components/scss/globals/scss/vendor/@carbon/layout/scss/breakpoint.scss"; @import "~carbon-components/scss/globals/scss/typography.scss"; @import "~carbon-components/scss/globals/scss/vars.scss"; +@import 'carbon-components/scss/globals/grid/grid'; + $small: 320px; $medium: 992px; - +$tablet: 800px; +$smartphone: 400px; +$mediumscreen: 1100; *, *::after, *::before { diff --git a/src/styles/Landing.scss b/src/styles/Landing.scss index b45e0d4..50e9d1f 100644 --- a/src/styles/Landing.scss +++ b/src/styles/Landing.scss @@ -13,83 +13,75 @@ right: 95px; } +// New Banner Responsive + .landing__banner { - display: flex; - flex-wrap: wrap; - margin: 1rem 1rem 0 1rem; + display: block; + height:100vh; + width:100%; background-image: url(../content/assets/pyrrha-hero.jpg); - background-size: cover; + background-position-y: 0px; + background-repeat: no-repeat; background-attachment: fixed; color: white; + background-size: cover; + margin-top: 7rem; + margin-bottom: 7rem; - @media screen and (min-width: $medium) { - height: 50vh; - margin: 7rem auto; - height: 35rem; - } - .landing__pyrrha { - flex: 0 0 100%; +@media only screen and (max-width: 800px){ + height: 60vh; +} - @media screen and (min-width: $medium) { - flex: 0 0 50%; - display: flex; - align-items: center; - padding: 6rem 0 19.5rem 8rem; - } +@media only screen and (max-width: 550px){ + margin-bottom:5rem; +} - .landing__pyrrhaWrapper { - position: relative; - background-image: url(../content/assets/pyrrha-hero.jpg); - - h1 { - @include carbon--type-style("expressive-heading-06"); - font-size: 10rem; - position: absolute; - top: 5px; - left: 105px; - - @media screen and (min-width: $medium) { - width: 7rem; - top: -1px; - left: 90px; - } - } + } - img { - width: 5rem; - margin-bottom: 1rem; +// Banner Grid - @media screen and (min-width: $medium) { - width: 6rem; - } - } +.col__banner__title{ + padding-top:15%; +} - @media screen and (min-width: $medium) { - display: flex; - } - } - } +.col__banner__subtitle{ + padding-top:15%; + +@media only screen and (max-width: 1100px){ + display: none; +} - .landing__mission { - margin-top: 1rem; +} - @media screen and (min-width: $medium) { - flex: 0 0 50%; - display: flex; - align-items: center; - padding: 0rem; - } +// Banner Title Responsive - h2 { - @include carbon--type-style("expressive-heading-05"); - border-left: 4px solid; - padding-left: 2rem; - font-size: 2.5rem; - } - } +.BannerTitle{ + @include carbon--type-style("expressive-heading-06"); + display:block; + font-size: 10rem; + position: absolute; + +@media only screen and (max-width: 550px){ + font-size: 6rem; +} + +} + +// Banner Subtitle Responsive + +.BannerSubtitle{ + font-weight: 400; + line-height: 1.25; + letter-spacing: 0; + border-left: 4px solid; + padding-left: 2rem; + font-size: 2.5rem; } + + + .landing__diagram { display: flex; justify-content: center; @@ -184,25 +176,25 @@ .sensor-image { margin-top: 2vw; margin-bottom: 1.5vw; - width: 150%; + width: 100%; } .device { margin-top: 1vw; margin-bottom: 1.5vw; - width: 250%; + width: 100%; } .dash { margin-top: 1vw; margin-bottom: 4vw; - width: 400%; + width: 100%; } .testing { margin-top: 1vw; margin-bottom: 1.5vw; - width: 260%; + width: 100%; } .archdescrip { @@ -219,7 +211,6 @@ background-color: inherit; border: 2px solid #cc3d3d; } -} // Dashboard information section .dashboard-image { @@ -228,20 +219,25 @@ } //alignment for the team images/text + +//Responsiv Column Team section + +.col__media{ + padding-right:0; +} + .gallery { - margin: 20px 50px -100px 50px; +margin-top:3rem; float: left; - width: 15%; padding: 0 43px 0 0; } .desc { - padding: 10px; text-align: center; @include carbon--type-style("body-short-02"); - width: 200%; + padding-top:1rem; +} } - footer { background-color: #cc3d3d; border-top: 1px solid #cc3d3d; From 9acba775af8eb81cf9863dcc29c17b927a91612c Mon Sep 17 00:00:00 2001 From: giraudremi92 Date: Sat, 21 Aug 2021 01:01:42 +0200 Subject: [PATCH 2/5] Banner image not fixed for mobile and tablet for better responsivness --- src/styles/.Landing.scss.swp | Bin 0 -> 20480 bytes src/styles/Landing.scss | 5 +++++ 2 files changed, 5 insertions(+) create mode 100644 src/styles/.Landing.scss.swp diff --git a/src/styles/.Landing.scss.swp b/src/styles/.Landing.scss.swp new file mode 100644 index 0000000000000000000000000000000000000000..02e88cd6d45dcf50ebd1b6224d3f8445111a114a GIT binary patch literal 20480 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 z Date: Sat, 21 Aug 2021 01:19:43 +0200 Subject: [PATCH 3/5] variables mobile tablet mediumscreen --- src/styles/.App.scss.swp | Bin 0 -> 12288 bytes src/styles/.Landing.scss.swp | Bin 20480 -> 20480 bytes src/styles/App.scss | 4 ++-- src/styles/Landing.scss | 8 ++++---- 4 files changed, 6 insertions(+), 6 deletions(-) create mode 100644 src/styles/.App.scss.swp diff --git a/src/styles/.App.scss.swp b/src/styles/.App.scss.swp new file mode 100644 index 0000000000000000000000000000000000000000..6ae8e258075fbaff4391702799c3ad3dbe06ea7c GIT binary patch literal 12288 zcmeI2zi-n(6vtl?TWLWsupXgOQB}urN=xcURkI)=iqwT41IszSB&N2{y1P^jl=2U- zF#-b%e+oMY{tXcS0ndrufuTXb0{Wix$;Ef?y}SE(igHow!JT`e(+r5)C8AHag#6Ik zqj#@}jLMR7cwQ^xyiSn0Ie{l-pucbQ6XmSGKQU$`{oC3c1l5E0P(?Oz%D1NPTQ^CS z^?OCpw0&#m)W$Rnz`z*>#%|zsmT03Lw92UKjcek{<@;wOU}u67{M1*E=wJW_U;qYS00v+H24DaNU;qYS00#a+12QIhyhQYw zDgXbkfB(O~NOYH3WIiqvy=C4oubG$3F_SWnm>#pk++=Pr%ghC4kvY$N=i1+xuhlwV z%C*p700v+H24DaNU;qYS00v+H2L9N$H-oI2mWQ zZzp(V#YTG?PE;RcwJ%Mi zbFZ)YV7bcq_IP8Em{$8L74$S8SG=p=W4r8Mu9Z`7B*rf+^Avm`y;^be4r_nQC! literal 0 HcmV?d00001 diff --git a/src/styles/.Landing.scss.swp b/src/styles/.Landing.scss.swp index 02e88cd6d45dcf50ebd1b6224d3f8445111a114a..05ebe4b2f93f1ff13c8a713a9d92d1aca2c54ba0 100644 GIT binary patch delta 1923 zcmYk+e@xVM9LMqZam3F%jv!$yh?Bdr8+Qsu8#UV^*-9-yuR2PFK+Xg4I0uK7Sa+#t z!)rrtxHeA(o!T;8c(K@Yk_GJ;RJPP;vPMynNzS@I$U@fhle+cU9-q(qkI(n}$NT&K zzWm)9f49b1Tkztt=ZwV*3x$;`QdDfL`Lgj@=?RK7JKYU?dd`<91)IUc`>YC`17k!UlEoGDb0iVMH*5LGvn&5&B8JI~BiQ-R8 z<1|8O$40EiaumRdd}LxSp8NO}Q$Dr{9788whYQP4j2sAN<3#>J6l1uEZ*T@j5kMQZ zpcW;tz=S-^+#~WG#t^|NbiwxqTPr+hLIoDVf(Kzj9<+$Yij3n5M$w18*o-Pv;(6Fn z0xQy>!7V0n7B_GO=kcLdtnvZH3G^TUFV>+NRal87V1?f@btVQw<;lU0e3RDf_Ndcf zZgJN%dpFg4nw*w4kzj$%5pVX^)NXWo!vWiCF}`-b_76;q8v2U=Uc}@WL@wcLT)+U1 z;|LC;3vGB6UbLVd4iqB`^Kc)cDSShGfpa*EGuVf&6h^$2!V4E(fE}ywG#slRa(QH)_wS1Ixd#Q^%z1ND>cL_6Mu3*}gW zr*kc~N7 zbqmwDi~*pq z5TD@$y08_E*nm|iL>AJKhAE z)g;3}V+*a;oLMO*t}-9x3yUlxEmRCcH^hAQIc3m+&-wrE;hb~t{hiVXGZ#yXX?Zq+fZGCIqa@$V91 zx7VcG>#&+9TGg~{v7~tj*)1G%Ll?%ECZ_u|mL7B`hvi#IKV!>VJll$z$E&RM=m*BxzmqeKOgfh zYbm9eXPC@Da_CAX_wz>+-^s3o-4@ocm}v~AKmEv~1MO)?jPrMdaD?4_K_x4gM9c<(s)=|LjlCc-gM}eq~)UTGb4{FOkwQE2K;< znC5WYGG|utypp-oGYg9fX3gjsFDZVytZU}@8f&ieJ;&KbEtQn>da7|RQ>>(vS&U*N zBN#*$x4diTIma1JvYQR8p@b<+W<2@yq9@UN+>T^o1pe}ePqDxGz!1Jxe8ny*S<7l( zVHtCoz!*j|ln2Nl>Rej$npoqXn%4Z<>ts@*V7g9vFb7OW)Y8h^Exn~B$JoVs-ew&Y zl=BA5S;l;(Fo}r_pc~mVra?z8agjf{z)_Aw?W|Ko?Oeb_`q7uRBoQNUQyXsZ3sE}{ z@(EE(U#5sC1|Oj}|Fttuol6FHaYYACu#aucrAMuzoCJ$`mI5X+p0Px&%qN$d;_D21 zsbdd2SxOP(=tC5B_Y&iVp}o#ozGEk!vOQrJW#4lY@EEzYCxr`Q>M#e1qOFc9HnEY_ zlrov&45K@3xGJU^sAn(lQ$+;{W=88syTSA&pELqj#nfdQsOK1UL{Yby^(-ffyCG!p zAf3pd4L8KrX`-n6mV-o*x0%;?@s5xmUQj$wF_RfY53 Date: Mon, 23 Aug 2021 13:14:41 +0200 Subject: [PATCH 4/5] Subtitle Responsivness --- src/components/Banner.js | 4 ++- src/styles/.App.scss.swp | Bin 12288 -> 0 bytes src/styles/.Landing.scss.swp | Bin 20480 -> 0 bytes src/styles/Landing.scss | 50 ++++++++++++++++++++++++++++++++++- 4 files changed, 52 insertions(+), 2 deletions(-) delete mode 100644 src/styles/.App.scss.swp delete mode 100644 src/styles/.Landing.scss.swp diff --git a/src/components/Banner.js b/src/components/Banner.js index d456531..50550c1 100644 --- a/src/components/Banner.js +++ b/src/components/Banner.js @@ -10,7 +10,9 @@ const Banner = () => {

    Pyrrha

    -
    +

    {t("bannerMission")}

    + +

    {t("bannerMission")}

    diff --git a/src/styles/.App.scss.swp b/src/styles/.App.scss.swp deleted file mode 100644 index 6ae8e258075fbaff4391702799c3ad3dbe06ea7c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12288 zcmeI2zi-n(6vtl?TWLWsupXgOQB}urN=xcURkI)=iqwT41IszSB&N2{y1P^jl=2U- zF#-b%e+oMY{tXcS0ndrufuTXb0{Wix$;Ef?y}SE(igHow!JT`e(+r5)C8AHag#6Ik zqj#@}jLMR7cwQ^xyiSn0Ie{l-pucbQ6XmSGKQU$`{oC3c1l5E0P(?Oz%D1NPTQ^CS z^?OCpw0&#m)W$Rnz`z*>#%|zsmT03Lw92UKjcek{<@;wOU}u67{M1*E=wJW_U;qYS00v+H24DaNU;qYS00#a+12QIhyhQYw zDgXbkfB(O~NOYH3WIiqvy=C4oubG$3F_SWnm>#pk++=Pr%ghC4kvY$N=i1+xuhlwV z%C*p700v+H24DaNU;qYS00v+H2L9N$H-oI2mWQ zZzp(V#YTG?PE;RcwJ%Mi zbFZ)YV7bcq_IP8Em{$8L74$S8SG=p=W4r8Mu9Z`7B*rf+^Avm`y;^be4r_nQC! diff --git a/src/styles/.Landing.scss.swp b/src/styles/.Landing.scss.swp deleted file mode 100644 index 05ebe4b2f93f1ff13c8a713a9d92d1aca2c54ba0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 20480 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 X4(Q^Sy)R1 Date: Mon, 23 Aug 2021 13:17:37 +0200 Subject: [PATCH 5/5] Readme : add Yarn install --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 8b81351..23971a3 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,10 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo In the project directory, you can run: +### `yarn install` + +Install all dependencies you need for the project. + ### `yarn start` Runs the app in the development mode.\