7
1
mirror of https://gitlab.com/ansol/web-ansol.org.git synced 2024-11-03 21:39:57 +00:00

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

This commit is contained in:
Hugo Peixoto 2023-03-31 15:47:57 +01:00
parent 8231f0cd7c
commit 8aee7b43c8
6 changed files with 60 additions and 8 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -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)

View File

@ -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 ul { display: flex; margin: 0px; padding: 0px; }
nav.main li { list-style-type: none; padding: 0px; font-size: 1.2rem; display: flex; }
nav.main img { filter: invert(100%); width: 200px; padding: 10px 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.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 { margin-top: 40px; max-width: 660px; }
.about { max-width: 660px; }
article.article {
color: #333;

View File

@ -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>

View File

@ -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 -}}