diff options
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/index.liquid | 122 | ||||
| -rw-r--r-- | _layouts/page.liquid | 147 |
2 files changed, 202 insertions, 67 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? diff --git a/_layouts/page.liquid b/_layouts/page.liquid index 26e55c6..7dc01b7 100644 --- a/_layouts/page.liquid +++ b/_layouts/page.liquid @@ -5,10 +5,149 @@ <title>{{ page.title }}</title> <link rel="stylesheet" href="bulma.css"> </head> + <body> - <div> - <h2 class="title">{{ page.title }}</h2> - {{ page.content }} - </div> + <!-- begin hero --> + <section class=" + hero + is-primary + is-fullheight + "> + <!-- 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> + </div> + <!-- end hero header --> + + <!-- begin hero body --> + <div class="hero-body"> + <div class="container"> + <h2 class="title"> + {{ page.title }} + </h2> + + {{ page.content }} + </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> + </div> + </footer> + <!-- end footer --> + </body> + </html> |