diff --git a/config.toml b/config.toml index 35617fc4b4ad7eda81ef7d07639eec6184a2f982..d90c4f28464ba356733bf75ee08eae2af48b2b77 100644 --- a/config.toml +++ b/config.toml @@ -1,7 +1,8 @@ -baseURL = 'http://caad.inf.ufpr.br/' +baseURL = 'https://caad.inf.ufpr.br/' languageCode = 'pt-br' defaultContentLanguage = 'pt-br' title = 'CAAD UFPR' +description = 'Centro Acadêmico de Bacharelado em Ciência da Computação da Universidade Federal do Paraná' theme = "github.com/nodejh/hugo-theme-mini" diff --git a/layouts/partials/navigation.html b/layouts/partials/navigation.html index fb9ab820756125a61c71edf255ac4601cd188380..d87a20b2dd1075fe465516872e0b6fdafc6ab9fd 100644 --- a/layouts/partials/navigation.html +++ b/layouts/partials/navigation.html @@ -1,19 +1,23 @@ <nav> - <img src="/img/caad_horiz.png"></img> + <div class="logo"> + <a href="{{ "/" | relURL }}"><img src="/img/caad_horiz.png"></img></a> + </div> + <div class="description"> + Centro Acadêmico Alexandre Direne do curso de <a href="https://web.inf.ufpr.br/bcc/">Bacharelado em Ciência da Computação</a> da <a href="https://ufpr.br">Universidade Federal do Paraná</a> + </div> + <div class="links"> + {{ if not .IsHome }} + <a href="{{ "/" | relURL }}"> <span class="arrow">←</span>{{ with .Site.Params.home }}{{ . }}{{ else }}{{ i18n "home" }}{{ end }}</a> + {{ end }} + <a href="{{ "/posts" | relURL }}">{{ with .Site.Params.archive }}{{ . }}{{ else }}{{ i18n "archive" }}{{ end }}</a> + <a href="{{ "/categories" | relURL }}">{{ with .Site.Params.tags }}{{ . }}{{ else }}{{ i18n "categories" }}{{ end }}</a> - <span class="fill"></span> + {{ range $element := .Site.Params.Links }} + <a href="{{ $element.path }}">{{ $element.name }}</a> + {{ end }} - {{ if not .IsHome }} - <a href="{{ "/" | relURL }}"> <span class="arrow">←</span>{{ with .Site.Params.home }}{{ . }}{{ else }}{{ i18n "home" }}{{ end }}</a> - {{ end }} - <a href="{{ "/posts" | relURL }}">{{ with .Site.Params.archive }}{{ . }}{{ else }}{{ i18n "archive" }}{{ end }}</a> - <a href="{{ "/categories" | relURL }}">{{ with .Site.Params.tags }}{{ . }}{{ else }}{{ i18n "categories" }}{{ end }}</a> - - {{ range $element := .Site.Params.Links }} - <a href="{{ $element.path }}">{{ $element.name }}</a> - {{ end }} - - {{ if .Site.Params.enableRSS }} - <a class="button" href="{{ .Site.RSSLink }}">{{ with .Site.Params.subscribe }}{{ . }}{{ else }}{{ i18n "subscribe" }}{{ end }}</a> - {{ end }} + {{ if .Site.Params.enableRSS }} + <a class="button" href="{{ .Site.RSSLink }}">{{ with .Site.Params.subscribe }}{{ . }}{{ else }}{{ i18n "subscribe" }}{{ end }}</a> + {{ end }} + </div> </nav> diff --git a/static/css/nav.css b/static/css/nav.css index bdcf6696eda281f00a510c372b5ab7c0bf77c66d..475a8b9e9b7ff9de43f0dd28480184f6d2913a60 100644 --- a/static/css/nav.css +++ b/static/css/nav.css @@ -1,27 +1,36 @@ nav { - display: flex; padding: 10px 20px 0; background: #fff; background: rgba(255, 255, 255, 0.9); margin: 0 auto; - z-index: 100; - align-items: center; + display: grid; + grid-template: "logo link" + "desc desc"; } -nav h1 { - margin: 0; +nav img { + margin: 0.7rem 0; + max-width: 100%; } -nav .fill { - flex: 1; +nav .logo { grid-area: logo; } +nav .links { + grid-area: link; + display: flex; + align-items: center; + justify-content: end; + margin: 16px 0; + flex-wrap: wrap; } +nav .description { grid-area: desc; } -nav a { +nav .links a { padding: 8px 12px; color: #5badf0; font-size: 13px; line-height: 1.35; border-radius: 3px; + text-align: center; } .timeline-heading { @@ -60,3 +69,11 @@ img { display: block; margin: 0.7rem auto; } + +@media (max-width: 1050px) { + nav { + grid-template: "logo logo" + "desc desc" + "link link"; + } +}