diff options
Diffstat (limited to '_layouts/index.liquid')
-rw-r--r-- | _layouts/index.liquid | 80 |
1 files changed, 57 insertions, 23 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 6b53922..39c0084 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -1,21 +1,17 @@ <!DOCTYPE html> <html> <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>{{ page.title }}</title> - <link rel="stylesheet" href="/bulma.css"> - <link rel="stylesheet" href="/animate.css"> + {% include "head.liquid" %} + <link rel="stylesheet" href="/public/css/animate.css"> </head> <body> <!-- begin hero --> - <section class=" - hero - is-primary - is-fullheight - is-fullheight-with-navbar - "> + <section class="hero + is-primary + is-fullheight + is-fullheight-with-navbar + "> <!-- begin hero head --> <div class="hero-head"> {% include "nav.liquid" %} @@ -24,38 +20,76 @@ <!-- begin hero body --> <div class="hero-body"> - <div class="container is-fluid"> + <div class="container"> <div class="columns"> - <div class="column"> + <div class="column is-two-fifths"> <!-- begin content --> <div class="column"> - <h1 class="title animated fadeInLeft"> - {{ page.title }} - </h1> + <p class="subtitle is-3"> + Greetings, my name is + </p> + <p class="title is-1"> + Adam Carpenter + </p> - <div class="content animated fadeInLeft"> - {{ page.content }} + <div class="content"> + <p> + and I am a... + <ul> + <li> + Computer programmer at ADP + </li> + <li> + Amateur Hudson driver, mechanic, and caretaker + </li> + <li> + Loving fiancé and puppy parent + </li> + </ul> + </p> </div> + + <p> + and this is my website. + </p> + + <p class="has-text-centered animated jello delay-1s"> + ↓ Keep reading below ↓ + </p> </div> <!-- end content --> </div> <div class="column"> - <div class="box animated delay-1s fadeInRight"> - <img src="https://nextcloud.53hor.net/s/WA4MokYXXGJHf6n/preview"> + <div class="box animated fadeIn"> + <figure class="image"> + <img src="https://nextcloud.53hor.net/s/JybL4rc3AQZb3Hk/preview"> + </figure> </div> </div> </div> - </div> + </div> </div> <!-- end hero body --> </section> <!-- end hero --> - {% include "footer.liquid" %} - </body> + <!-- begin main content --> + <section class="section"> + <div class="container"> + <div class="content"> + {{ page.content }} + </div> + </div> + </section> + <!-- end main content --> + + <footer class="footer"> + {% include "footer.liquid" %} + </footer> + </body> </html> |