Mudança ao menu do site e página de iniciativas

content/licenca.md

@@ -38,3 +38,5 @@ Utilizamos as seguintes bibliotecas:
 ["Staff Management"](https://thenounproject.com/term/staff-management/2013918/) criado por OCHA Visual, dedicado ao [domínio público](https://creativecommons.org/publicdomain/zero/1.0/).
 
 ["certificate"](https://thenounproject.com/term/certificate/2606035/) criado por Vectors Point, da colecção [The Noun Project](thenounproject.com), licenciado sob [CC-BY 3.0](https://creativecommons.org/licenses/by/3.0/pt/legalcode).
+
+["Laptop"](https://thenounproject.com/term/laptop/1388514/) criado por i cons, da coleccçãao [Noun Project](thenounproject.com), licenciado sob [CC-BY-3.0](https://creativecommons.org/licenses/by/3.0/pt/legalcode)

themes/academic/assets/scss/ansol.scss

@@ -69,12 +69,12 @@ a:hover { background-color: #f1ff8e; color: black; }
 
 nav.main { background-color: #041952; color: white; display: flex; }
 nav.main div { display: flex; justify-content: space-between; }
-nav.main img { filter: invert(100%); width: 200px; padding: 15px 0px; }
+nav.main img { filter: invert(100%); width: 200px; padding: 10px 0px; }
-nav.main ul { display: flex; margin: 0px; padding: 0px; }
+nav.main ul { display: flex; margin: 0px; padding: 0px; align-items: center; gap: 10px; }
-nav.main li { list-style-type: none; padding: 0px; font-size: 1.2rem; display: flex; }
+nav.main li { list-style-type: none; padding: 0px; font-size: 1.0rem; display: flex; }
 nav.main a { text-decoration: none; padding: 10px 10px; display: block; }
 nav.main a:not(:hover) { color: white; }
-nav.main li a { padding: 15px 20px; display: flex; align-items: center; }
+nav.main li a { padding: 10px 10px; display: flex; align-items: center; border-radius: 5px; }
 
 nav.main .menu { align-items: center; }
 nav.main .menu img { width: 40px; padding: 0px; }
@@ -86,7 +86,7 @@ nav.main .nav-search {
   padding-left: 60px;
   align-items: center;
   background: var(--search-icon) no-repeat;
-  background-size: 25px 25px;
+  background-size: 20px 20px;
   background-position: 20px center;
 }
 
@@ -112,6 +112,20 @@ nav.main .nav-search:hover {
   line-height: 3rem;
 }
 
+.cta-header {
+  display: block;
+  text-decoration: none;
+  border: none;
+  cursor: pointer;
+  background-color: #c73447;
+  color: white;
+  border-color: #601922;
+  padding: 0px 20px;
+  font-family: Roboto;
+  font-size: 1.0rem;
+  font-weight: 400;
+}
+
 .why-join {
   display: flex;
   flex-wrap: wrap;
@@ -274,6 +288,7 @@ p { margin: 0px; }
 .news-section { background-color: #f7f7f7; }
 .events-section { background-color: #f7f7f7; }
 
+main { padding: 2em 0; }
 main section h2 {
   position: relative;
 }
@@ -296,9 +311,7 @@ main section {
   padding: 40px 0px;
 }
 
-main section.news-section { margin-top: 20px; }
+.about { max-width: 660px; }
-
-.about { margin-top: 40px; max-width: 660px; }
 
 article.article {
   color: #333;

themes/academic/layouts/_default/baseof.html

@@ -37,6 +37,7 @@
           <li><a href="{{ (site.GetPage "politica").Permalink }}">Política</a></li>
           <li><a href="{{ (site.GetPage "Section" "eventos").Permalink }}">Eventos</a></li>
           <li><a href="{{ (site.GetPage "sobre").Permalink }}">Sobre</a></li>
+          <li><div><a class='cta-header' href="{{ (site.GetPage "inscricao").Permalink }}">Inscreve-te</a></div></li>
         </ul>
         <a class='nav-search' href="#" onclick="return showSearch();">Pesquisar</a>
       </div>

themes/academic/layouts/iniciativas/list.html

@@ -0,0 +1,36 @@
+{{- define "main" -}}
+
+{{ partial "page_header.html" . }}
+
+<div class="universal-wrapper body-width">
+  {{ with .Content }}
+  <div class="article-style">{{ . }}</div>
+  {{ end }}
+
+  {{ $paginator := .Paginate .Data.Pages }}
+  {{ range $paginator.Pages }}
+    <div style='display: flex; gap: 2em; margin-top: 2em;'>
+      <div style='width: 200px;'>
+        {{ with (.Resources.ByType "image").GetMatch "*cover*" }}
+          <img class='campaign-cover' src="{{ .Permalink }}" style='max-width: 200px; object-fit: contain;' />
+        {{ end }}
+      </div>
+      <div>
+        <h2><a href="{{.RelPermalink}}">{{ .Title }}</a></h2>
+        <div class="article-style">
+          {{ if .Params.summary }}
+            {{ .Params.summary | plainify | emojify }}
+          {{ else if .Params.abstract }}
+            {{ .Params.abstract | plainify | emojify | truncate 250 }}
+          {{ else if .Summary }}
+            {{ .Summary | plainify | emojify }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  {{ end }}
+
+  {{ partial "pagination" . }}
+</div>
+
+{{- end -}}