summaryrefslogtreecommitdiff
path: root/_layouts/page.liquid
diff options
context:
space:
mode:
author53hornet <53hornet@gmail.com>2019-04-04 17:05:43 -0400
committer53hornet <53hornet@gmail.com>2019-04-04 17:05:43 -0400
commita187a89bc60994f9bd58b6c31f6f3f4275bcb195 (patch)
treeea47686df4e8f49df0cce5d2e2719a9f4a3622b7 /_layouts/page.liquid
parent5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055 (diff)
downloadcobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.tar.xz
cobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.zip
Finished index layout, page layout; split out common includes.
Diffstat (limited to '_layouts/page.liquid')
-rw-r--r--_layouts/page.liquid146
1 files changed, 24 insertions, 122 deletions
diff --git a/_layouts/page.liquid b/_layouts/page.liquid
index 7dc01b7..3d5e1ef 100644
--- a/_layouts/page.liquid
+++ b/_layouts/page.liquid
@@ -9,145 +9,47 @@
<body>
<!-- begin hero -->
<section class="
- hero
- is-primary
- is-fullheight
- ">
+ hero
+ is-primary
+ ">
<!-- 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">
- Home
- </a>
- <a class="navbar-item">
- '53 Hornet
- </a>
- <a class="navbar-item">
- Technology
- </a>
- </div>
- <!-- end start -->
-
- <!-- begin end -->
- <div class="navbar-end">
- <a class="navbar-item">
- About
- </a>
- </div>
- <!-- end end -->
-
- </div>
- <!-- end menu -->
-
- </nav>
- <!-- end navbar -->
-
- </div>
+ {% include "nav.liquid" %}
</div>
- <!-- end hero header -->
+ <!-- end hero head -->
<!-- begin hero body -->
<div class="hero-body">
<div class="container">
- <h2 class="title">
+ <h1 class="title">
{{ page.title }}
- </h2>
-
- {{ page.content }}
+ </h1>
</div>
</div>
<!-- end hero body -->
- <!-- begin hero footer -->
- <div class="
- hero-foot
- animated
- fadeInUp
- ">
- <div class="
- container
- has-text-centered
- ">
- <div class="
- buttons
- has-addons
- is-centered
- ">
- <a class="
- button
- is-rounded
- is-light
- is-outlined
- ">
- <span>
- Facebook
- </span>
- </a>
- <a class="
- button
- is-rounded
- is-light
- is-outlined
- ">
- <span>
- LinkedIn
- </span>
- </a>
- <a class="
- button
- is-rounded
- is-light
- is-outlined
- ">
- <span>
- RSS
- </span>
- </a>
- </div>
- </div>
- </div>
- <!-- end hero footer -->
-
</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>
+ <!-- begin main content -->
+ <section class="section">
+ <div class="container">
+ <div class="columns">
+
+ <div class="column">
+ {{ page.content }}
+ </div>
+
+ <div class="column is-narrow">
+ {% include "toc.liquid" %}
+ </div>
+
+ </div>
</div>
- </footer>
- <!-- end footer -->
+ </section>
+ <!-- end main content -->
+ {% include "footer.liquid" %}
</body>
</html>