Skip to content
Snippets Groups Projects
Commit 7554547a authored by fmk17's avatar fmk17
Browse files

Ajeita leiaute para ser mais responsivo

parent e91124e2
Branches
No related tags found
No related merge requests found
baseURL = 'http://caad.inf.ufpr.br/' baseURL = 'https://caad.inf.ufpr.br/'
languageCode = 'pt-br' languageCode = 'pt-br'
defaultContentLanguage = 'pt-br' defaultContentLanguage = 'pt-br'
title = 'CAAD UFPR' 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" theme = "github.com/nodejh/hugo-theme-mini"
......
<nav> <nav>
<img src="/img/caad_horiz.png"></img> <div class="logo">
<a href="{{ "/" | relURL }}"><img src="/img/caad_horiz.png"></img></a>
<span class="fill"></span> </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 }} {{ if not .IsHome }}
<a href="{{ "/" | relURL }}"> <span class="arrow"></span>{{ with .Site.Params.home }}{{ . }}{{ else }}{{ i18n "home" }}{{ end }}</a> <a href="{{ "/" | relURL }}"> <span class="arrow"></span>{{ with .Site.Params.home }}{{ . }}{{ else }}{{ i18n "home" }}{{ end }}</a>
{{ end }} {{ end }}
...@@ -16,4 +19,5 @@ ...@@ -16,4 +19,5 @@
{{ if .Site.Params.enableRSS }} {{ if .Site.Params.enableRSS }}
<a class="button" href="{{ .Site.RSSLink }}">{{ with .Site.Params.subscribe }}{{ . }}{{ else }}{{ i18n "subscribe" }}{{ end }}</a> <a class="button" href="{{ .Site.RSSLink }}">{{ with .Site.Params.subscribe }}{{ . }}{{ else }}{{ i18n "subscribe" }}{{ end }}</a>
{{ end }} {{ end }}
</div>
</nav> </nav>
nav { nav {
display: flex;
padding: 10px 20px 0; padding: 10px 20px 0;
background: #fff; background: #fff;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
margin: 0 auto; margin: 0 auto;
z-index: 100; display: grid;
align-items: center; grid-template: "logo link"
"desc desc";
} }
nav h1 { nav img {
margin: 0; margin: 0.7rem 0;
max-width: 100%;
} }
nav .fill { nav .logo { grid-area: logo; }
flex: 1; 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; padding: 8px 12px;
color: #5badf0; color: #5badf0;
font-size: 13px; font-size: 13px;
line-height: 1.35; line-height: 1.35;
border-radius: 3px; border-radius: 3px;
text-align: center;
} }
.timeline-heading { .timeline-heading {
...@@ -60,3 +69,11 @@ img { ...@@ -60,3 +69,11 @@ img {
display: block; display: block;
margin: 0.7rem auto; margin: 0.7rem auto;
} }
@media (max-width: 1050px) {
nav {
grid-template: "logo logo"
"desc desc"
"link link";
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment