Fixing structure

This commit is contained in:
kolaente 2018-10-13 20:37:51 +02:00
parent 458f20e40d
commit 29af34ad60
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
12 changed files with 203 additions and 7 deletions

9
src/content/index.md Normal file
View File

@ -0,0 +1,9 @@
---
date: 2018-10-13T19:26:34+02:00
title: "Home"
draft: false
type: "home"
url: "en"
---
# Vikunja

View File

@ -1,2 +1,6 @@
+++
+++
---
date: 2018-10-13T19:26:34+02:00
title: "Title"
weight: 10
draft: false
---

View File

@ -0,0 +1,7 @@
---
date: 2018-10-13T19:26:34+02:00
title: "Title"
weight: 10
toc: true
draft: false
---

View File

@ -0,0 +1,7 @@
---
date: 2018-10-13T19:26:34+02:00
title: "Title"
weight: 10
toc: true
draft: false
---

View File

@ -0,0 +1,7 @@
---
date: 2018-10-13T19:26:34+02:00
author: "go-gitea"
title: "Title"
tags: ["tag"]
draft: false
---

View File

@ -2,7 +2,7 @@
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class=" content">
<div class="content">
{{ .Content }}
</div>
</div>

View File

@ -7,7 +7,7 @@
{{ partial "menu" . }}
</div>
<div class="column">
<div class=" content">
<div class="content">
{{ .Content }}
</div>
</div>

View File

@ -0,0 +1,36 @@
{{ partial "header.html" . }}
<section class="hero is-primary homepage-hero">
<!-- Hero head: will stick at the top -->
<div class="hero-head">
{{ partial "navbar.html" . }}
</div>
<!-- Hero content: will be in the middle -->
<div class="hero-body">
<div class="container has-text-centered">
{{ .Content }}
</div>
</div>
<div class="hero-foot">
<img src="{{ .Site.BaseURL }}/images/screenshot.jpg"/>
</div>
</section>
<section class="hero is-link feature-shoutout">
<div class="hero-body">
<div class="container">
<div class="columns">
{{ range $index, $element := .Data.Pages }}
{{ if eq .Section "features" }}
<div class="column">
{{ .Content }}
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</section>
{{ partial "footer.html" . }}

View File

@ -7,7 +7,7 @@
{{ partial "menu" . }}
</div>
<div class="column">
<div class=" content">
<div class="content">
{{ .Content }}
</div>
</div>

View File

@ -2,7 +2,7 @@
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="{{ .Site.BaseURL }}">
<img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}">
<img src="{{ .Site.BaseURL }}images/vikunja-logo.svg" alt="{{ .Site.Title }}">
</a>
<span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span></span>

View File

@ -1,4 +1,4 @@
<span class="navbar-item logo"><img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}"></span>
<span class="navbar-item logo"><img src="{{ .Site.BaseURL }}images/vikunja-logo.svg" alt="{{ .Site.Title }}"></span>
{{ $currentNode := . }}{{ range .Site.Menus.page }}
<a class="navbar-item" href="{{ .URL }}">
<i class="fa fa-{{ .Pre }}"></i>&nbsp;

View File

@ -0,0 +1,126 @@
*, *:hover, *:active, *:focus{
outline: none;
}
@import '../node_modules/bulmaswatch/materia/variables';
@import "../node_modules/bulma/bulma";
@import '../node_modules/bulmaswatch/materia/overrides';
.homepage-hero{
height: 100vh;
min-height: 700px;
overflow: hidden;
.hero-body .container{
padding: 3em 0 1em;
.button:first-child{
margin-right: 1em;
}
}
.hero-foot img {
max-width: 100vw;
width: 1000px;
display: block;
margin: 0 auto;
}
}
.feature-shoutout {
font-size: 1.2em;
svg{
height: 36px;
vertical-align: middle;
padding-right: 5px;
fill: #fff;
}
a{
color: darken($turquoise, 20%) !important;
}
}
.page{
margin: 2em auto;
.card{
margin-bottom: 2em;
background-color: #fff;
box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
border: none;
border-radius: 0.2em;
.media-content a{
display: block;
}
}
}
// Mobile Styles
.navbar-background{
-webkit-transition: opacity ease 300ms;
transition: opacity ease 300ms;
opacity: 0;
}
.navbar-menu{
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
}
@media screen and (max-width:1087px){
.navbar-menu{
position: fixed;
bottom: 0;
top: 0;
left: -160px;
z-index: 2;
opacity: 1;
display: block;
}
}
.navbar-menu .logo{
display: none;
}
.navbar-menu.is-active{
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
left: 0;
.navbar-item{
padding: 0.5em 2em 0.5em 1.5em;
}
.logo{
display: block;
}
}
.navbar-burger.burger{
position: fixed;
top: 0;
right: 0;
z-index: 3;
}
.navbar-background.is-active{
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 1;
}