diff options
| -rw-r--r-- | _includes/footer.html | 6 | ||||
| -rw-r--r-- | _includes/head.html | 6 | ||||
| -rw-r--r-- | _includes/header.html | 2 | ||||
| -rw-r--r-- | _layouts/default.html | 81 | ||||
| -rw-r--r-- | _layouts/post.html | 11 | ||||
| -rw-r--r-- | assets/css/main.css | 5 | ||||
| -rw-r--r-- | index.md | 2 |
7 files changed, 53 insertions, 60 deletions
diff --git a/_includes/footer.html b/_includes/footer.html index e69de29..7e96291 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -0,0 +1,6 @@ + </main> + <footer> + © Ben Sanders, 2026 + </footer> + </body> +</html>
\ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html index 7f5a2f2..0e0d0df 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,6 +1,10 @@ +<!DOCTYPE html> +<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ben Sanders Online Space</title> <link rel="stylesheet" href="/assets/css/main.css"> -</head>
\ No newline at end of file +</head> +<body> + <main>
\ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html index a3d791f..891a40e 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -3,7 +3,7 @@ <nav> <a class="logo" href="/"><h1>Ben Sanders</h1></a> <div class="nav-link"> - <a href="">Home</a> + <a href="/">Home</a> <a href="#about">About</a> <a href="#gear">Gear</a> <a href="#blog">Blog</a> diff --git a/_layouts/default.html b/_layouts/default.html index 49e2eb5..d66ca04 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,23 +1,5 @@ -<!DOCTYPE html> -<html lang="en"> {% include head.html %} -<body> - <main> - <header> - <div class="wrap"> - <nav> - <a class="logo" href="/"><h1>Ben Sanders</h1></a> - <div class="nav-link"> - <a href="">Home</a> - <a href="#about">About</a> - <a href="#gear">Gear</a> - <a href="#blog">Blog</a> - <a href="#photos">Photos</a> - <a href="#donate">Donate</a> - </div> - </nav> - </div> - </header> +{% include header.html %} <section id="about"> <div class="wrap about-grid"> <div class="profile"> @@ -75,41 +57,30 @@ </section> <section id="blog"> <div class="wrap"> - <article> - <h2>Article Title</h2> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse! - </p> - </article> - <article> - <h2>Article Title</h2> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse! - </p> - </article> - <article> - <h2>Article Title</h2> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse! - </p> - </article> - <article> - <h2>Article Title</h2> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse! - </p> - </article> - <article> - <h2>Article Title</h2> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse! - </p> - </article> + <h2>Blog</h2> + <ul> + {% for post in site.posts %} + <li> + <a href="{{ post.url }}">{{ post.title }}</a> + </li> + {% endfor %} + </ul> + </div> + </section> + <section id="photos"> + <div class="wrap photos-grid"> + <h2>Photos</h2> + <p>Section Coming soon:tm:</p> + </div> + </section> + <section id="donate"> + <div class="wrap donate-grid"> + <h2>Donate</h2> + <p> + If I have ever spoke with your online and helped you in a way that made you want to donate to me. + First off, thank you and secondly I have a few places you throw a few bucks my way. + </p> + <a href="https://www.paypal.com/paypalme/thebensanders">PayPal Me</a> </div> </section> - </main> - <footer> - © Ben Sanders, 2026 - </footer> -</body> -</html>
\ No newline at end of file +{% include footer.html %}
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html index e02a27c..99db393 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1 +1,10 @@ -{{ content }}
\ No newline at end of file +{% include head.html %} +{% include header.html %} +<section id="post"> + <div class="wrap article-grid"> + <h2>{{ page.title }}</h2> + <p class="meta">{{ page.author }} | {{ page.date | date_to_long_string }} | {{ page.catagories }}</p> + {{ content }} + </div> +</section> +{% include footer.html %}
\ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css index fffdb45..c09344d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -131,8 +131,11 @@ nav { grid-template-columns: 1fr 1fr 1fr; } +.wrap.article-grid p { + padding: 1em 0 1em 0; +} + footer { - background: blue; width: 100%; max-width: 1070px; margin: 0 auto; @@ -1,3 +1,3 @@ --- layout: default ----
\ No newline at end of file +--- |