Sunset Hackaton landing page and style ajustments (#16)

* landing page for sunset hackathon and style adjustements

* fixed video max height

Makefile

@@ -10,6 +10,8 @@ init: ## Initialize the theme submodule and npm dependencies.
 
 run: ## Servers the site for development.
 	hugo serve -D --noHTTPCache
+run.prod:
+	hugo serve --minify
 
 build: ## Build the site.
 	hugo --minify --environment production
@@ -49,4 +51,4 @@ help: # Show help for each of the Makefile recipes.
 	  } \
 	  /^[a-zA-Z0-9_-]+:.*?##/ { printf "  ${FORMATTING_BEGIN_BLUE}%-34s${FORMATTING_END} %s\n", $$1, $$2 } \
 	  /^.?.?##~/              { printf "   %-46s${FORMATTING_BEGIN_YELLOW}%-46s${FORMATTING_END}\n", "", substr($$1, 6) } \
-	  /^##@/                  { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)
+	  /^##@/                  { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)

assets/scss/_typography.scss

@@ -3,7 +3,7 @@
 body {
     font-size: 0.875em; // 14px.
     @media (min-width: 500px) {
-        font-size: 1em; // 16px.
+        font-size: 1.25em; // 16px.
     }
     font-weight: 400;
     color: var(--text-color);

assets/scss/_variables.scss

@@ -16,7 +16,7 @@
   --footer-link-color: var(--white);
   --footer-link-color-hover: var(--primary-400);
   --gutter: 25px;
-  --container-width: 1200px;
+  --container-width: 900px;
   --content-width: 895px;
 
   --primary-400: #79b8e5;

config/_default/languages.yaml

@@ -49,12 +49,6 @@ en:
       name: "Projects"
       url: "/projects/"
       weight: 2
-    - identifier: "about-sessions"
-      name: "Sessions 🎫"
-      url: "/about-sessions"
-      weight: 1
-      post: "Informal events around the topic of product, innovation and technology."
-      parent: "projects"
     - identifier: "sunset-hackathon"
       name: "Sunset Hackathon 🌅"
       url: "/hackathons/"
@@ -67,26 +61,26 @@ en:
       weight: 3
       post: "A maker space open to you and your projects."
       parent: "projects"
-    - identifier: "companies-directory"
-      name: "Companies Directory 📁"
-      url: "/companies-directory"
-      weight: 4
-      post: "A list of portuguese companies that we have been assembling for the past years."
-      parent: "projects"
-    - identifier: "other-projects"
-      name: "Other Projects"
-      url: "/projects/"
-      weight: 5
-      post: "We have been here for a while. Check our older projects!"
-      parent: "projects"
+    # - identifier: "companies-directory"
+    #   name: "Companies Directory 📁"
+    #   url: "/companies-directory"
+    #   weight: 4
+    #   post: "A list of portuguese companies that we have been assembling for the past years."
+    #   parent: "projects"
+    # - identifier: "other-projects"
+    #   name: "Other Projects"
+    #   url: "/projects/"
+    #   weight: 5
+    #   post: "We have been here for a while. Check our older projects!"
+    #   parent: "projects"
     - identifier: "sessions"
       name: "Sessions"
       url: "/sessions/"
       weight: 3
-    - identifier: "faq"
-      name: "FAQs"
-      url: "/faq/"
-      weight: 4
+    # - identifier: "faq"
+    #   name: "FAQs"
+    #   url: "/faq/"
+    #   weight: 4
     - identifier: "blog"
       name: "Blog"
       url: "/blog/"

content/en/hackathons/_index.md

@@ -3,6 +3,11 @@ title: Sunset Hackathon
 description:
 ---
 
-    TODO:
-    - Contextualizar o projeto dos hackathons.
-    - Explicar que anualmente tentamos fazer pelo menos o sunset hackathon.
+![](logo.png)
+
+The Sunset Hackathon is a technological marathon that is unique in its format. For 3 days, participants are put to the test by developing proofs of concept that solve the challenges proposed by the Challengers.
+It is an informal environment, with lots of creativity, collaboration and open to innovate and create great things.
+
+{{< youtube x2qVKxY77KE >}}
+
+![](houses.png)

content/en/hackathons/nos-hackathon-iot-2019.md → content/en/hackathons/nos-hackaton-iot-2019.md

@@ -2,6 +2,7 @@
 title: "NOS Hackathon IoT by Hardware City"
 description: This is the demo site for Dot Org Theme. The title description and images front matter is required for meta og content.
 date: 2019-04-25
+draft: true
 ---
 
 ## NOS Hackathon IoT by Hardware City
@@ -19,4 +20,4 @@ Sabe mais aqui (http://hackathon.nos.pt)
 Atualiza-te no Facebook da Hardware City (http://facebook.com/hardwarecity.org)
 
 
-Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.387884062027162/1324780147660534
+Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.387884062027162/1324780147660534

content/en/hackathons/sunset-hackahton-2017.md → content/en/hackathons/sunset-hackaton-2017.md

@@ -2,6 +2,7 @@
 title: "Hardware City: Sunset Hackathon 2017"
 description: This is the demo site for Dot Org Theme. The title description and images front matter is required for meta og content.
 date: 2017-09-03
+draft: true
 ---
 
 {{< toc >}}
@@ -17,5 +18,12 @@ O grande objectivo deste evento passa por promover o contacto directo entre empr
 Se te interessas pelo desenvolvimento de novas tecnologias ou design de produto, se gostas de hardware ou software, se és um hacker ou um maker, vem criar novas soluções com um pé na areia, no Cais Criativo da Costa Nova, no município de Ílhavo!
 Os interessados devem inscrever-se individualmente, e claro, convidar os amigos, para atacar desafios propostos por empresas de várias áreas tecnológicas com o intuito de resolver problemas reais e desenvolver Provas de Conceito criativas!
 
-Discussão: 
-Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.1191021214359859/898736826931537
+Discussão:
+Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.1191021214359859/898736826931537
+
+{{< youtube EMmLAb42Sm4 >}}
+
+{{< youtube 7sjQPYxl3ho >}}
+
+{{< youtube lMcfdliGcn0 >}}
+

content/en/hackathons/sunset-hackahton-2018.md → content/en/hackathons/sunset-hackaton-2018.md

@@ -1,6 +1,7 @@
 ---
 title: "Hardware City: Sunset Hackathon 2018"
 description: This is the demo site for Dot Org Theme. The title description and images front matter is required for meta og content.
+draft: true
 ---
 
 {{< toc >}}
@@ -40,4 +41,8 @@ Foto da empresa: https://www.facebook.com/hardwarecity.org/photos/gm.27332886990
 
 Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.271551643412908/1111079929030558
 
-Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.412209419308607/1191692427635974
+Foto do evento: https://www.facebook.com/hardwarecity.org/photos/gm.412209419308607/1191692427635974
+
+{{< youtube THlr9saOcTY >}}
+
+{{< youtube HE9qfbwvqyY >}}

content/en/hackathons/sunset-hackahton-2019.md → content/en/hackathons/sunset-hackaton-2019.md

@@ -1,6 +1,7 @@
 ---
 title: "Hardware City: Sunset Hackathon 2019"
 description: This is the demo site for Dot Org Theme. The title description and images front matter is required for meta og content.
+draft: true
 ---
 
 {{< toc >}}

content/en/sessions/_index.md

@@ -1,4 +1,6 @@
 ---
 title: "Hardware City: Sessions"
-description: This is the demo site for Dot Org Theme. The title description and images front matter is required for meta og content.
+description: Informal events around the topic of product, innovation and technology.
 ---
+
+## Informal events around the topic of product, innovation and technology.

layouts/_default/baseof.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="{{ .Language.Lang }}">
+    {{- partial "head.html" . -}}
+    <body class="{{ urlize .Type }} page-{{ .Kind }}">
+        {{- partial "accessibility.html" . -}}
+        {{- partial "header.html" . -}}
+        <section id="content" class="container wrap">
+            {{ if ne .Params.showHeader false }}
+            <header>
+                {{ if and (eq .Kind "page") (ne .Section "") }}
+                {{- partial "breadcrumb.html" . -}}
+                {{ end }}
+                {{/*  <h1 class="title">{{ .Title }}</h1>  */}}
+            </header>
+            {{ end }}
+            {{ if or (eq .Kind "section") (eq .Kind "home") }}
+            <div class="content">
+            {{ else }}
+            <article class="content">
+            {{ end }}
+            {{- block "main" . }}{{ .Content }}{{- end }}
+            {{ if or (eq .Kind "section") (eq .Kind "home") }}
+            </div>
+            {{ else }}
+            </article>
+            {{ end }}
+        </section>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>

layouts/index.html

@@ -15,13 +15,17 @@
 
     video {
       width: 100%;
-      height: 480px;
+      max-height: 700px;
       object-fit: cover;
       position: absolute;
       z-index: -1;
       top: 60px;
       left: 0;
-      filter: brightness(50%);
+      filter: brightness(65%);
+    }
+
+    main {
+      padding-top: 200px;
     }
   </style>