blob: 5e65fbf580e0731062feb5a5d5c0bea2cbf3bd0c (
plain) (
tree)
|
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="bulma.css">
</head>
<body>
<!-- begin hero -->
<section class="
hero
is-primary
is-fullheight
is-fullheight-with-navbar
">
<!-- begin hero head -->
<div class="hero-head">
<div class="container">
<!-- begin navbar -->
<nav class="navbar animated fadeInDown">
<!-- begin brand -->
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="logo.png">
</a>
</div>
<!-- end brand -->
<!-- begin menu -->
<div class="navbar-menu is-active">
<!-- begin start -->
<div class="navbar-start">
<a class="navbar-item">
YouTube
</a>
<a class="navbar-item">
GitLab
</a>
<a class="navbar-item">
LinkedIn
</a>
</div>
<!-- end start -->
<!-- begin end -->
<div class="navbar-end">
<a class="navbar-item">
Subscribe to RSS Feed
</a>
</div>
<!-- end end -->
</div>
<!-- end menu -->
</nav>
<!-- end navbar -->
</div>
</div>
<!-- end hero header -->
<!-- begin hero body -->
<div class="hero-body">
<div class="container">
<div class="columns">
<!-- begin content -->
<div class="column">
<h1 class="title is-1">
{{ page.title }}
</h1>
</div>
<!-- end content -->
<!-- begin TOC -->
<div class="
column
is-narrow
animated
fadeInRight
">
<div class="box">
<aside class="menu">
<p class="menu-label">
Automotive
</p>
<ul class="menu-list">
<li>
{% for post in collections.posts.pages %}
<a href="{{ post.permalink }}">
{{ post.title }}
</a>
{% endfor %}
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
<a>test</a>
</li>
</ul>
<p class="menu-label">
Technology
</p>
<p class="menu-label">
Life
</p>
</aside>
</div>
</div>
<!-- end TOC -->
</div>
</div>
</div>
<!-- end hero body -->
</section>
<!-- end hero -->
<!-- begin footer -->
<footer class="footer">
<div class="content has-text-centered">
<p>
This static site was built using Cobalt.rs, Bulma.io,
Animate.css, and is self-hosted with Nginx
</p>
<p>
See a problem?
<a href="#">
Tell me so I can fix it
</a>
or
<a href="#">
fix it yourself!
</a>
</p>
</div>
</footer>
<!-- end footer -->
</body>
</html>
|