diff options
| author | 53hornet <53hornet@gmail.com> | 2019-04-04 17:05:43 -0400 |
|---|---|---|
| committer | 53hornet <53hornet@gmail.com> | 2019-04-04 17:05:43 -0400 |
| commit | a187a89bc60994f9bd58b6c31f6f3f4275bcb195 (patch) | |
| tree | ea47686df4e8f49df0cce5d2e2719a9f4a3622b7 /_layouts | |
| parent | 5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055 (diff) | |
| download | cobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.tar.xz cobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.zip | |
Finished index layout, page layout; split out common includes.
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/index.liquid | 135 | ||||
| -rw-r--r-- | _layouts/page.liquid | 146 |
2 files changed, 36 insertions, 245 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 5e65fbf..20ec588 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -4,6 +4,7 @@ <meta charset="utf-8"> <title>{{ page.title }}</title> <link rel="stylesheet" href="bulma.css"> + <link rel="stylesheet" href="animate.css"> </head> <body> @@ -16,116 +17,24 @@ "> <!-- 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> + {% include "nav.liquid" %} </div> - <!-- end hero header --> + <!-- end hero head --> <!-- 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 --> + <!-- begin content --> + <div class="column"> + <h1 class="title"> + {{ page.title }} + </h1> + {{ page.content }} </div> + <!-- end content --> + </div> </div> <!-- end hero body --> @@ -133,27 +42,7 @@ </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 --> - + {% include "footer.liquid" %} </body> </html> 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> |