diff --git a/_sass/components/_sitemap.scss b/_sass/components/_sitemap.scss new file mode 100644 index 0000000000..d4efc33723 --- /dev/null +++ b/_sass/components/_sitemap.scss @@ -0,0 +1,188 @@ +//mobile view +@mixin mobile { + @media #{$bp-below-tablet} { + @content; + } +} + + +.header-container--sitemap { + display: flex; + flex-direction: row; + justify-content: center; + background: #fff; + padding: 64px; + height: fit-content; + margin: 37px auto 0; + font-family: "Roboto"sans-serif; + font-style: normal; + font-weight: normal; + text-align: center; + + + img{ + max-width: 252.14px; + } + @include mobile{ + flex-direction: column; + align-items: center; + padding: 32px; + } +} + +// .header-container{ +// @include mobile{ +// padding: 32px auto ; +// } +// } + +.header-text-margin--sitemap { + display: flex; + flex-direction: column; + margin-right: 80px; + p{ + font-size: 18px; + max-width: 508px; + margin-top: 8px; + text-align: left; + } + h1 { + font-size: 48px; + } + @include mobile{ + margin: auto; + margin-bottom: 36px; + h1{ + font-size: 24px; + margin-bottom: 20px; + } + + } +} + + +.sitemap-page { + background: #f7f5f5; + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + + h3{ + font-size: 24px; + margin-bottom: 32px; + } + p{ + font-size: 16px; + max-width: 477px; + margin: auto; + margin-bottom: 40px; + + } + @include mobile{ + + h3{ + font-size: 20px; + } + p{ + font-size: 16px; + max-width: 300px; + } + + } + +} +.card-width{ + width: 100%; + +} +.card-body{ + + text-align: left; + img{ + margin: auto; + margin-left: auto; + } + .card-mobile-icon{ + display: none; + } + @include mobile{ + h3{ + text-align: center; + } + .card-desktop-icon{ + display: none; + } + .card-mobile-icon{ + display: flex; + margin: 58px auto; + } + a{ + display: flex; + justify-content: center; + } + } +} + + +/*--------------------------- +| Base Page Card +---------------------------*/ +.page-card { + border-radius: 20px; + overflow: hidden; + background: $color-white; +} + +/*--------------------------- +| Card Color +---------------------------*/ +// White +.card-primary { + background: $color-white; +} + +/*--------------------------- +| Page Card Size +---------------------------*/ +//Large +.page-card-lg { + max-width: 896px; + box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.2); + padding: 48px; + margin: 16px auto; + // NEW MOBILE FRIENDLY RULES + @media #{$bp-below-tablet} { + padding: 32px 16px; + margin: 12px auto; + } + } + + + @media #{$bp-tablet-up}{ + .page-card-lg:nth-child(1n+2){ + padding-left: 0; +} +} + +/* Page-specific button */ + +.btn--site-map-suggest { + width: 224px; + height: 40px; + font-size: 1rem; + text-align: center; + margin: 0 !important; + border-radius: 20px; +} + +/* Medium Long Button - more padding */ + +.btn-md-long-2 { + height: 40px; + padding: 0 44px; + border-radius: 20px; + font-size: 1rem; +} + diff --git a/_sass/main.scss b/_sass/main.scss index 61ea0b3ea0..1660298e9b 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -58,6 +58,7 @@ @import 'components/guide-pages/2FA.scss'; @import 'components/toolkit.scss'; @import 'components/wins-page.scss'; +@import 'components/sitemap.scss'; //Guide Pages (Within Components) @import 'components/guide-pages/github-issue-guide.scss'; diff --git a/assets/images/sitemap/lightbulb.svg b/assets/images/sitemap/lightbulb.svg new file mode 100644 index 0000000000..0788dfcfaf --- /dev/null +++ b/assets/images/sitemap/lightbulb.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/sitemap/site.svg b/assets/images/sitemap/site.svg new file mode 100644 index 0000000000..a69c83aa73 --- /dev/null +++ b/assets/images/sitemap/site.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/sitemap/sitemap-planning.svg b/assets/images/sitemap/sitemap-planning.svg new file mode 100644 index 0000000000..91146b86cc --- /dev/null +++ b/assets/images/sitemap/sitemap-planning.svg @@ -0,0 +1,579 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/sitemap/sitemap.jpg b/assets/images/sitemap/sitemap.jpg new file mode 100644 index 0000000000..de8394459d Binary files /dev/null and b/assets/images/sitemap/sitemap.jpg differ diff --git a/sitemap.html b/sitemap.html new file mode 100644 index 0000000000..eac633504d --- /dev/null +++ b/sitemap.html @@ -0,0 +1,73 @@ +--- +layout: default +title: Site Map +--- + + +
+
+

Site Map

+

+ The Hack for LA website is growing. We started with a one page + website and we have been steadily adding content and features + to accomodate our fully remote brigade. +

+
+ image of a person using a computer and mapping out a website +
+ + +
+
+
+

Sitemap as of 10/22/20

+ + + + +
+
+ +
+ +
+

Suggest Site Content

+ +

+ Have you thought of something that you wish was on + the Hack for LA site but don’t see it in the works? + Please let us know what you would like added by opening + a new issue with as much detail as you can. You will need + a GitHub account to open an issue. If you don’t have one, + you can always use the buttons on our Join page. +

+ + + +
+
+ +
+ +
+

Help Us Add Sections to the Website

+ +

+ We are looking for volunteers across all + disciplines (UI/UX, Development, Data Science, + Product, etc.) to help us improve the Hack for + LA website! If you have ideas on how we can + enhance the experience and/or are passionate + about web development, please consider joining + our team. +

+ + +
+ +
+
\ No newline at end of file