diff --git a/_config.yml b/_config.yml index ff70661fdc..4a736e1c56 100644 --- a/_config.yml +++ b/_config.yml @@ -14,6 +14,7 @@ url: https://hackforla.github.io/website/ collections: projects: output: true + hero: defaults: - scope: diff --git a/_data/navigation/main.yml b/_data/navigation/main.yml new file mode 100644 index 0000000000..2a59ca7feb --- /dev/null +++ b/_data/navigation/main.yml @@ -0,0 +1,25 @@ +- name: Hack Nights + link: hack-nights + listClassName: + iconUrl: /svg/icon-hacknights.svg + iconClass: icon icon-hack-nights nav-icon +- name: Projects + link: projects + listClassName: + iconUrl: /svg/icon-projects.svg + iconClass: icon icon-hack-nights nav-icon icon icon-projects nav-icon +- name: Press + link: press + listClassName: + iconUrl: /svg/icon-press.svg + iconClass: icon icon-hack-nights nav-icon icon icon-projects nav-icon icon icon-press nav-icon +- name: About + link: about + listClassName: + iconUrl: /svg/icon-about.svg + iconClass: icon icon-hack-nights nav-icon icon icon-projects nav-icon icon icon-about nav-icon +- name: Contact Us + link: contact + listClassName: hide-mobile + iconUrl: + iconClass: diff --git a/_data/navigation/social.yml b/_data/navigation/social.yml new file mode 100644 index 0000000000..e210807c98 --- /dev/null +++ b/_data/navigation/social.yml @@ -0,0 +1,35 @@ +- name: Meetup + link: https://www.meetup.com/hackforla/ + iconUrl: /svg/icon-meetup + header: false + footer: true + +- name: Github + link: https://github.com/hackforla + iconUrl: /svg/icon-github + header: true + footer: true + +- name: Slack + link: https://hackforla-slack.herokuapp.com/ + iconUrl: /svg/icon-slack + header: true + footer: true + +- name: Facebook + link: https://hackforla-slack.herokuapp.com/ + iconUrl: /svg/icon-facebook + header: true + footer: true + +- name: Medium + link: https://medium.com/hack-for-la + iconUrl: /svg/icon-medium + header: true + footer: true + +- name: Twitter + link: https://twitter.com/HackForLA + iconUrl: /svg/icon-twitter + header: false + footer: true diff --git a/_hero/hero.md b/_hero/hero.md new file mode 100644 index 0000000000..31233478bd --- /dev/null +++ b/_hero/hero.md @@ -0,0 +1,8 @@ +--- +title: You can change LA for the better! +message: + Can you design, write, or code? Are you an activist with an idea? You can help Los Angeles + live up to its potential at + Hack for LA. Everyone is welcome! +--- + diff --git a/_includes/forms/hero-signup.html b/_includes/forms/hero-signup.html new file mode 100644 index 0000000000..b7046eff4d --- /dev/null +++ b/_includes/forms/hero-signup.html @@ -0,0 +1,9 @@ +
+
+ + +
+ +
diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000000..d052c463f2 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,9 @@ +
+
+
+
Hack for LA
+ {% include svg/logo-hfla.svg %} +
+ {% include main-nav.html %} {% include social.html %} +
+
diff --git a/_includes/hero.html b/_includes/hero.html new file mode 100644 index 0000000000..c43c20c1e5 --- /dev/null +++ b/_includes/hero.html @@ -0,0 +1,12 @@ +
+
+ {% for item in site.hero %} +

{{ item.title }}

+

{{ item.message }}

+ {% endfor %} + {% include forms/hero-signup.html %} +

+ +

+
+
diff --git a/_includes/main-nav.html b/_includes/main-nav.html new file mode 100644 index 0000000000..c33c57098b --- /dev/null +++ b/_includes/main-nav.html @@ -0,0 +1,14 @@ + diff --git a/_includes/social.html b/_includes/social.html new file mode 100644 index 0000000000..f4fcfe40db --- /dev/null +++ b/_includes/social.html @@ -0,0 +1,15 @@ +
+ +
diff --git a/_includes/svg/icon-about.svg b/_includes/svg/icon-about.svg new file mode 100644 index 0000000000..0d5136f928 --- /dev/null +++ b/_includes/svg/icon-about.svg @@ -0,0 +1 @@ + diff --git a/_includes/svg/icon-facebook.svg b/_includes/svg/icon-facebook.svg new file mode 100644 index 0000000000..89923067d8 --- /dev/null +++ b/_includes/svg/icon-facebook.svg @@ -0,0 +1,6 @@ + + Facebook icon + + diff --git a/_includes/svg/icon-github.svg b/_includes/svg/icon-github.svg new file mode 100644 index 0000000000..a276181cf4 --- /dev/null +++ b/_includes/svg/icon-github.svg @@ -0,0 +1,6 @@ + + GitHub icon + + diff --git a/_includes/svg/icon-hacknights.svg b/_includes/svg/icon-hacknights.svg new file mode 100644 index 0000000000..d1949c3341 --- /dev/null +++ b/_includes/svg/icon-hacknights.svg @@ -0,0 +1 @@ + diff --git a/_includes/svg/icon-medium.svg b/_includes/svg/icon-medium.svg new file mode 100644 index 0000000000..f0b65303c6 --- /dev/null +++ b/_includes/svg/icon-medium.svg @@ -0,0 +1,6 @@ + + Medium icon + + diff --git a/_includes/svg/icon-meetup.svg b/_includes/svg/icon-meetup.svg new file mode 100644 index 0000000000..8b8c7986e1 --- /dev/null +++ b/_includes/svg/icon-meetup.svg @@ -0,0 +1,16 @@ + + + + meetup-logo + Created with Sketch. + + + + + + + diff --git a/_includes/svg/icon-press.svg b/_includes/svg/icon-press.svg new file mode 100644 index 0000000000..2b783a83df --- /dev/null +++ b/_includes/svg/icon-press.svg @@ -0,0 +1 @@ + diff --git a/_includes/svg/icon-projects.svg b/_includes/svg/icon-projects.svg new file mode 100644 index 0000000000..4ec55677fb --- /dev/null +++ b/_includes/svg/icon-projects.svg @@ -0,0 +1 @@ + diff --git a/_includes/svg/icon-slack.svg b/_includes/svg/icon-slack.svg new file mode 100644 index 0000000000..6d651e2914 --- /dev/null +++ b/_includes/svg/icon-slack.svg @@ -0,0 +1,6 @@ + + Slack icon + + diff --git a/_includes/svg/icon-twitter.svg b/_includes/svg/icon-twitter.svg new file mode 100644 index 0000000000..b384ec74fb --- /dev/null +++ b/_includes/svg/icon-twitter.svg @@ -0,0 +1,6 @@ + + Twitter icon + + diff --git a/_includes/svg/logo-hfla.svg b/_includes/svg/logo-hfla.svg new file mode 100644 index 0000000000..4a87e12ade --- /dev/null +++ b/_includes/svg/logo-hfla.svg @@ -0,0 +1 @@ + diff --git a/_layouts/default.html b/_layouts/default.html index 16092cb2ce..6d7fd27880 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,9 +1,17 @@ - {% include head.html %} - -
- {{ content }} -
- +{% include head.html %} + + +
+ + {%- include header.html -%} +
+ {{ content }} +
+
+ + diff --git a/_sass/components/_hero.scss b/_sass/components/_hero.scss index f304c09723..ff0b318385 100644 --- a/_sass/components/_hero.scss +++ b/_sass/components/_hero.scss @@ -1,5 +1,5 @@ .hero { - background: $color-blue-dark url("/assets/images/hacknight-women.jpg") center + background: $color-blue-dark url("/assets/images/hero/hacknight-women.jpg") center center no-repeat; background-size: cover; display: flex; diff --git a/index.html b/index.html index ceee186d43..4bc1834cd5 100644 --- a/index.html +++ b/index.html @@ -1,23 +1,23 @@ --- --- - +{%- include hero.html -%}
-

Current Projects

+

Current Projects

- - {% endfor %} + + {% endfor %}