diff options
| author | 53hornet <53hornet@gmail.com> | 2019-03-31 08:50:54 -0400 |
|---|---|---|
| committer | 53hornet <53hornet@gmail.com> | 2019-03-31 08:50:54 -0400 |
| commit | 99e7f9ef139798e8947def7b5b7ad25a8f4573ff (patch) | |
| tree | 60f86ab853b842dacb9cff6ced0f69ceef00b5fd /_layouts | |
| parent | bf42c13deaf39fca740c3a10c6d252a01a691671 (diff) | |
| download | cobalt-site-99e7f9ef139798e8947def7b5b7ad25a8f4573ff.tar.xz cobalt-site-99e7f9ef139798e8947def7b5b7ad25a8f4573ff.zip | |
Added animate, basic bulma styling to index, removed bulma data.
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/index.liquid | 147 |
1 files changed, 143 insertions, 4 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 26e55c6..c79017a 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.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="/"> + Logo Here + </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, 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> |