uuupah/11ty_neocities
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implement a super basic visual layout

Browse Source
This commit is contained in:
jonathan
2023-02-24 19:08:47 +10:30
parent 7c955e9809
commit f433710c3a
8 changed files with 144 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/_includes/layout/base.njk
View File

@ -17,16 +17,14 @@
</head>
<body>
<main>
<header>{% include 'partials/header.njk' %}
<nav>{% include 'partials/navigation.njk' %}</nav>
</header>
<header>{% include 'partials/header.njk' %}</header>
<article>
<h1>{{ title }}</h1>
{{ content | safe }}
</article>
<footer>{% include 'partials/footer.njk' %}</footer>
</main>
<div class="aside">{% include 'partials/sidebar.njk' %}</div>
<aside>{% include 'partials/sidebar.njk' %}</aside>
</div>
</div>
</body>

2
src/_includes/partials/header.njk
View File

@ -1 +1 @@
<h1>Welcome to my Homepage</h1>
<h1>welcome to my sick twisted mind</h1>

13
src/_includes/partials/navigation.njk
View File

@ -1,7 +1,8 @@
<a href="/">Home</a>
<a href="/about/">About</a>
<a href="/links/">Links</a>
<a href="/blog/">Blog</a>
<a href="/contact/">Contact</a>
<nav>
<a href="/">Home</a><br/>
<a href="/blog/">Blog</a><br/>
<a href="/about/">About</a><br/>
<a href="/links/">Links</a><br/>
<a href="/contact/">Contact</a>
</nav>
{#INFO: It's important to stucture your links with the slashes / on either side of the href /about/ to ensure the links are always from the root of the site.#}

5
src/_includes/partials/sidebar.njk
View File

@ -1,3 +1,4 @@
<div>
sidebar
<img class="profile-img" src="/img/cropped.png"/>
<div class="sidebar-contents">
{% include 'partials/navigation.njk' %}
</div>