diff options
Diffstat (limited to '_layouts/index.liquid')
| -rw-r--r-- | _layouts/index.liquid | 122 |
1 files changed, 59 insertions, 63 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid index c79017a..76bc2a8 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -9,10 +9,11 @@ <body> <!-- begin hero --> <section class=" - hero - is-primary - is-fullheight - "> + hero + is-primary + is-fullheight + is-fullheight-with-navbar + "> <!-- begin hero head --> <div class="hero-head"> <div class="container"> @@ -22,7 +23,7 @@ <!-- begin brand --> <div class="navbar-brand"> <a class="navbar-item" href="/"> - Logo Here + <img src="logo.png"> </a> </div> <!-- end brand --> @@ -33,21 +34,24 @@ <!-- begin start --> <div class="navbar-start"> <a class="navbar-item"> - Home + YouTube </a> + <a class="navbar-item"> - '53 Hornet + GitLab </a> + <a class="navbar-item"> - Technology + LinkedIn </a> + </div> <!-- end start --> <!-- begin end --> <div class="navbar-end"> <a class="navbar-item"> - About + Subscribe to RSS Feed </a> </div> <!-- end end --> @@ -64,65 +68,57 @@ <!-- begin hero body --> <div class="hero-body"> - <div class="container"> - <h2 class="title"> - {{ page.title }} - </h2> + <div class="columns"> - {{ page.content }} - </div> - </div> - <!-- end hero body --> + <!-- begin content --> + <div class="column"> + <div class="container"> + <h2 class="title"> + {{ page.title }} + </h2> + <p> + This is a paragraph. + </p> + </div> + </div> + <!-- end content --> - <!-- begin hero footer --> - <div class=" - hero-foot - animated - fadeInUp - "> - <div class=" - container - has-text-centered - "> + <!-- begin TOC --> <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> + 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> + </div> </div> + <!-- end TOC --> + </div> </div> - <!-- end hero footer --> + <!-- end hero body --> </section> <!-- end hero --> @@ -132,7 +128,7 @@ <div class="content has-text-centered"> <p> This static site was built using Cobalt.rs, Bulma.io, - Animate.css, Nginx + Animate.css, and is self-hosted with Nginx </p> <p> See a problem? |