From 070aefd59d5b2c4e46d1550c48e9cc3502798907 Mon Sep 17 00:00:00 2001 From: Ethan Hoover <51389138+Cireimu@users.noreply.github.com> Date: Fri, 27 Sep 2019 07:35:53 -0700 Subject: [PATCH 1/2] added back in about.less --- css/index.css | 15 ++---- less/about.less | 120 +++++++++++++++++++++++++++++++++++++++++++ less/navigation.less | 6 ++- 3 files changed, 130 insertions(+), 11 deletions(-) create mode 100644 less/about.less diff --git a/css/index.css b/css/index.css index 26d505e..601bdfe 100644 --- a/css/index.css +++ b/css/index.css @@ -184,6 +184,11 @@ h3 { margin-left: 0; } } +@media (max-width:530px) { + .navigation .kickstarter-success-logo { + margin-left: 4rem; + } +} .navigation .kickstarter-success-logo img { width: 6rem; margin: auto; @@ -763,11 +768,6 @@ footer { background: linear-gradient(90.4deg, #74d5ab 0.21%, #abd7c4 99.73%); padding-bottom: 10rem; } -@media (max-width: 1550px) { - .about-upper-portion { - padding-bottom: 0rem; - } -} @media (max-width:530px) { .about-upper-portion { padding-bottom: 8rem; @@ -780,11 +780,6 @@ footer { margin: 0 auto; padding: 5rem; } -@media (max-width: 1550px) { - .about-upper-portion .about-us { - padding: 5rem 0; - } -} @media (max-width:530px) { .about-upper-portion .about-us { width: 100%; diff --git a/less/about.less b/less/about.less new file mode 100644 index 0000000..f22c2a7 --- /dev/null +++ b/less/about.less @@ -0,0 +1,120 @@ + +.about-upper-portion{ + background: linear-gradient(90.4deg, #74d5ab 0.21%, #abd7c4 99.73%); + padding-bottom: 10rem; + + @media @mobile{ + padding-bottom: 8rem; + } + .about-us{ + display:flex; + flex-flow: column wrap; + align-items: center; + margin:0 auto; + padding: 5rem; + + @media @mobile{ + width: 100%; + } + .about-info{ + width: 40%; + line-height: 5rem; + @media @mobile{ + width: 100%; + } + h1{ + text-align: center; + font-size: 6rem; + padding-bottom: 2rem; + @media @mobile{ + font-size: 5rem; + padding-top: 2rem; + } + } + + p{ + font-size: 3rem; + text-align: center; + font-weight: 400; + + @media @mobile{ + font-size:2.5rem; + } + } + } + } +} + +.meet-the-team{ + margin: 0 auto; + display:flex; + flex-flow: column wrap; + align-items: center; + padding: 2rem 0; + font-size: 3rem; + + @media @mobile{ + padding: 3rem; + } + h2{ + text-align: center; + font-size: 2.5rem; + } +} + +.team-profiles{ + display: flex; + flex-wrap: wrap; + width: 80%; + padding: 1rem 0; + + + + + .team-profile{ + width: 30vw; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex: 1 1 0; + padding: 8rem; + border-radius: 6px; + background: whitesmoke; + color: #6e6e6e; + box-shadow: 2px 2px 2px rgba(0,0,0,0.85); + margin: 1rem; + @media @mobile{ + padding: 4rem; + } + + .team-profile-img{ + width: 150px; + height: 150px; + justify-self: center; + border-radius: 50%; + box-shadow: 2px 2px 2px #a7a6a6; + + img{ + width: 100%; + border-radius: 50%; + align-self: center; + filter: grayscale(40%); + } + } + + .team-role{ + padding: 2rem; + text-align: center; + font-size: 1.5rem; + } + .github-link{ + align-self: center; + i{ + font-size: 3rem; + color: @main-bg-color; + } + } + } + + } diff --git a/less/navigation.less b/less/navigation.less index 257777e..c072194 100644 --- a/less/navigation.less +++ b/less/navigation.less @@ -21,8 +21,12 @@ margin-left: 5rem; @media @laptop{ - margin-left: 0; + margin-left: 0; + + } + @media @mobile{ + margin-left: 4rem; } img{ From 11b916aaa5224e8f502d483333cdcff285f6f9b2 Mon Sep 17 00:00:00 2001 From: Ethan Hoover <51389138+Cireimu@users.noreply.github.com> Date: Fri, 27 Sep 2019 10:49:18 -0700 Subject: [PATCH 2/2] refined my end of things for my MVP --- README.md | 14 +++++++++++++- about.html | 2 +- css/index.css | 29 ++++++++++++++++++----------- img/Jordan Ireland.jpg | Bin 0 -> 9524 bytes img/jordan-ireland.jpg | Bin 1535 -> 0 bytes less/about.less | 8 +++++--- less/home-page.less | 10 ++++------ less/navigation.less | 17 ++++++++++++----- less/variables.less | 1 + 9 files changed, 54 insertions(+), 27 deletions(-) create mode 100644 img/Jordan Ireland.jpg delete mode 100644 img/jordan-ireland.jpg diff --git a/README.md b/README.md index ae576a9..ebef998 100644 --- a/README.md +++ b/README.md @@ -1 +1,13 @@ -# Web-UI \ No newline at end of file +# Web-UI + +This is the marketing page for KickStarter Success and consist of a the Landing(Home) and the Meet The Team(Team) page with a link to the react through the login button. + +## Less +Less is being used for styling in which everything is compiled into the index.css file by importing all less files into the index.less. + +Navigation, footer, and global are in their own less files and are used accross the site. + +### Variables + +Variables reside within their own less file titled variables.less + diff --git a/about.html b/about.html index e408072..2ac3b2a 100644 --- a/about.html +++ b/about.html @@ -41,7 +41,7 @@

Meet The Team

- A picture of a DE + A picture of a DE
    diff --git a/css/index.css b/css/index.css index 601bdfe..57fdda1 100644 --- a/css/index.css +++ b/css/index.css @@ -186,7 +186,8 @@ h3 { } @media (max-width:530px) { .navigation .kickstarter-success-logo { - margin-left: 4rem; + margin-left: -1rem; + width: 100%; } } .navigation .kickstarter-success-logo img { @@ -197,15 +198,21 @@ h3 { } @media (max-width:530px) { .navigation .kickstarter-success-logo img { - width: 12%; + width: 5rem; align-content: center; - margin-left: 6rem; + margin-left: auto; } } .navigation .kickstarter-success-logo p { font-size: 3rem; font-weight: 400; } +@media (max-width:530px) { + .navigation .kickstarter-success-logo p { + font-size: 3rem; + margin-left: 1rem; + } +} .navigation nav { margin: auto; display: flex; @@ -236,7 +243,6 @@ h3 { text-align: center; align-items: center; font-size: 3rem; - margin-left: 3rem; } } footer { @@ -331,16 +337,15 @@ footer { .intro-section img { width: 50%; } -@media (max-width: 1550px) { +@media screen and (max-width: 1550px) and (min-width: 531px) { .intro-section img { width: 70%; - padding-left: 12rem; + padding-left: 15rem; } } @media (max-width:530px) { .intro-section img { - width: 100vw; - padding-bottom: 5rem; + width: 100%; } } .body-content { @@ -770,7 +775,8 @@ footer { } @media (max-width:530px) { .about-upper-portion { - padding-bottom: 8rem; + padding-bottom: 4rem; + width: 100%; } } .about-upper-portion .about-us { @@ -783,6 +789,7 @@ footer { @media (max-width:530px) { .about-upper-portion .about-us { width: 100%; + padding: 4rem; } } .about-upper-portion .about-us .about-info { @@ -801,7 +808,7 @@ footer { } @media (max-width:530px) { .about-upper-portion .about-us .about-info h1 { - font-size: 5rem; + font-size: 4rem; padding-top: 2rem; } } @@ -812,7 +819,7 @@ footer { } @media (max-width:530px) { .about-upper-portion .about-us .about-info p { - font-size: 2.5rem; + font-size: 2rem; } } .meet-the-team { diff --git a/img/Jordan Ireland.jpg b/img/Jordan Ireland.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e4b99eeb3369bf6c20afc35ef96c762b35614935 GIT binary patch literal 9524 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 literal 0 HcmV?d00001 diff --git a/img/jordan-ireland.jpg b/img/jordan-ireland.jpg deleted file mode 100644 index bebd9b74d3a1ce4acde7c2313c79f667c4e4ff14..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1535 zcmeAS@N?(olHy`uVBq!ia0y~yU|a&i985rwk9x*6I>l7nSg`ZXjtUpHQudG}s1&zb20dH-^IKJq`f{Wsp0A%Sfpv(OPf4*_ch$2Scu zwB>Be)Zg1*d@K6$oAu9Mac=q1uUCANku!;1r9*atLYYI;jp4_+{fe>v_HT=D{~b5~ zRjr#>u>AdRhnQ!Z=ojYnid%GhDtZjV@)>?uOdqyU3rx2;m*cABpKsZ|>}LG=tHSS| zNdK+dcQI9u9(f5pyy=pG;g+@>mq`A~*3duf^Dli1rw_sm4FCT>=8|9Rp_dLU-WeD? MUHx3vIVCg!06yaJnE(I) diff --git a/less/about.less b/less/about.less index f22c2a7..1602a3d 100644 --- a/less/about.less +++ b/less/about.less @@ -4,7 +4,8 @@ padding-bottom: 10rem; @media @mobile{ - padding-bottom: 8rem; + padding-bottom: 4rem; + width: 100%; } .about-us{ display:flex; @@ -15,6 +16,7 @@ @media @mobile{ width: 100%; + padding: 4rem; } .about-info{ width: 40%; @@ -27,7 +29,7 @@ font-size: 6rem; padding-bottom: 2rem; @media @mobile{ - font-size: 5rem; + font-size: 4rem; padding-top: 2rem; } } @@ -38,7 +40,7 @@ font-weight: 400; @media @mobile{ - font-size:2.5rem; + font-size:2rem; } } } diff --git a/less/home-page.less b/less/home-page.less index 5723a20..40315bb 100644 --- a/less/home-page.less +++ b/less/home-page.less @@ -34,7 +34,7 @@ justify-content: space-between; - @media @laptop{ + @media @laptop { flex-flow: row nowrap; width: 30%; } @@ -95,15 +95,13 @@ width: 50%; - @media @laptop{ + @media screen and (max-width: 1550px) and (min-width: 531px) { width: 70%; - padding-left: 12rem; + padding-left: 15rem; } @media @mobile{ - width: 100vw; - - padding-bottom: 5rem; + width: 100%; } } } diff --git a/less/navigation.less b/less/navigation.less index c072194..b11ed6b 100644 --- a/less/navigation.less +++ b/less/navigation.less @@ -26,7 +26,9 @@ } @media @mobile{ - margin-left: 4rem; + margin-left: -1rem; + width: 100%; + } img{ @@ -36,9 +38,10 @@ font-size: 4rem; @media @mobile{ - width: 12%; + width: 5rem; align-content: center; - margin-left: 6rem; + margin-left: auto; + } } @@ -46,6 +49,10 @@ font-size: 3rem; font-weight: 400; + @media @mobile{ + font-size: 3rem; + margin-left: 1rem; + } } } @@ -65,7 +72,7 @@ width: 100%; text-align: center; justify-content: space-evenly; - + } @@ -82,7 +89,7 @@ text-align: center; align-items: center; font-size: 3rem; - margin-left: 3rem; + } } } diff --git a/less/variables.less b/less/variables.less index 88e1d13..9ccf39e 100644 --- a/less/variables.less +++ b/less/variables.less @@ -23,6 +23,7 @@ @mobile: ~'(max-width:530px)'; @laptop: ~'(max-width: 1550px)'; + //Fonts @lato: 'Lato', sans-serif; \ No newline at end of file