summaryrefslogtreecommitdiff
path: root/_layouts
diff options
context:
space:
mode:
author53hornet <53hornet@gmail.com>2019-04-02 22:18:50 -0400
committer53hornet <53hornet@gmail.com>2019-04-02 22:18:50 -0400
commit5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055 (patch)
treef27977b3966296db08c31757c5f96c36b92df1fe /_layouts
parent37d27f2679d8bfbb1f0221eb24862287762ebeef (diff)
downloadcobalt-site-5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055.tar.xz
cobalt-site-5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055.zip
Fixed weird column issue; added TOC.
Diffstat (limited to '_layouts')
-rw-r--r--_layouts/index.liquid96
1 files changed, 53 insertions, 43 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid
index 76bc2a8..5e65fbf 100644
--- a/_layouts/index.liquid
+++ b/_layouts/index.liquid
@@ -68,54 +68,64 @@
<!-- begin hero body -->
<div class="hero-body">
- <div class="columns">
+ <div class="container">
+ <div class="columns">
- <!-- begin content -->
- <div class="column">
- <div class="container">
- <h2 class="title">
+ <!-- begin content -->
+ <div class="column">
+ <h1 class="title is-1">
{{ page.title }}
- </h2>
- <p>
- This is a paragraph.
- </p>
+ </h1>
</div>
- </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 %}
- </li>
- </ul>
- <p class="menu-label">
- Technology
- </p>
-
- <p class="menu-label">
- Life
- </p>
- </aside>
+ <!-- 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>
- </div>
- <!-- end TOC -->
+ <!-- end TOC -->
+ </div>
</div>
</div>
<!-- end hero body -->