walkah/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

💄 add tailwindcss (#1)

Browse Source 
Reviewed-on: #1
This commit is contained in:
James Walker
2022-06-13 20:51:44 -04:00
parent 475def08ca
commit 1e23aa628c
8 changed files with 2074 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
_includes/layouts/default.njk
View File

@ -9,27 +9,14 @@
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
</head>
<body>
<header>
<h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
<nav>
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}">
<a href="{{ entry.url | url }}">{{ entry.title }}</a>
</li>
{%- endfor %}
</ul>
</nav>
</header>
<main>
{% block content %}
{% endblock content %}
</main>
<footer>
&copy;
</footer>
</body>
<body class="bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<div class="container max-w-2xl mb-24 mt-8 mx-auto">
<div class="px-5 md:px-8">
<main id="main">
{% block content %}
{% endblock content %}
</main>
</div>
</div>
</body>
</html>

20
_includes/layouts/post.njk
View File

@ -5,17 +5,21 @@
{% set codeinjection_foot = post.codeinjection_foot %}
{% block content %}
<article class="content">
<article class="h-entry prose lg:prose-lg dark:prose-invert" role="article">
<header>
<h1 class="p-name">{{ title }}</h1>
<time class="dt-published" datetime={{ post.published_at }} pubdate><a class="u-url text-gray-500 text-sm" href={{ post.url }}>{{ post.published_at }}</a></time>
</header>
{% if post.feature_image %}
<figure class="post-feature-image">
<img src="{{ post.feature_image }}" alt="{{ title }}">
<figure class="md:-mx-12">
<img class="u-featured rounded-md shadow-md w-full" src="{{ post.feature_image }}" alt="{{ title }}">
</figure>
{% endif %}
<section class="post-full-content">
<h1 class="content-title">{{ title }}</h1>
<section class="content-body load-external-scripts">
{{ content | safe }}
</section>
<section class="e-content load-external-scripts">
{{ content | safe}}
</section>
<footer class="flex flex-row not-prose">
</footer>
</article>
{% endblock %}