Styling, links
This commit is contained in:
parent
ed4172f0f1
commit
2d68c7c4b2
3 changed files with 10 additions and 4 deletions
|
@ -31,6 +31,7 @@ module.exports = function(eleventyConfig) {
|
||||||
eleventyConfig.setLibrary('md', md);
|
eleventyConfig.setLibrary('md', md);
|
||||||
|
|
||||||
eleventyConfig.addPassthroughCopy('img');
|
eleventyConfig.addPassthroughCopy('img');
|
||||||
|
eleventyConfig.addPassthroughCopy('files');
|
||||||
|
|
||||||
eleventyConfig.addCollection(
|
eleventyConfig.addCollection(
|
||||||
"pinned",
|
"pinned",
|
||||||
|
|
|
@ -45,13 +45,18 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
|
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
|
||||||
<div class="flex-shrink-0 flex items-center">
|
<div class="flex-shrink-0 flex items-center">
|
||||||
<img class="h-12 w-12 rounded-full w-auto" src="/img/site/avatar.png" alt="">
|
<a
|
||||||
|
href="/"
|
||||||
|
{% if page.url == navItem.url %}aria-current="page"{% endif %}
|
||||||
|
>
|
||||||
|
<img class="h-12 w-12 rounded-full w-auto" src="/img/site/avatar.png" alt="Home">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
|
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
|
||||||
{%- for navItem in navigation -%}
|
{%- for navItem in navigation -%}
|
||||||
<a
|
<a
|
||||||
href="{{navItem.url}}"
|
href="{{navItem.url}}"
|
||||||
class="{% if page.url == navItem.url %}border-indigo-500 text-gray-900{% else %}border-transparent text-gray-500{% endif %} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
|
class="{% if page.url == navItem.url %}border-pink-700 text-gray-900{% else %}border-transparent hover:border-pink-700 text-gray-500{% endif %} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium focus:outline-link"
|
||||||
{% if page.url == navItem.url %}aria-current="page"{% endif %}
|
{% if page.url == navItem.url %}aria-current="page"{% endif %}
|
||||||
>
|
>
|
||||||
{{navItem.title}}
|
{{navItem.title}}
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
<p class="text-sm text-gray-500">
|
<p class="text-sm text-gray-500">
|
||||||
<time datetime="{{ content.data.date | date('YYYY-MM-DD') }}">{{ content.data.date | date }}</time>
|
<time datetime="{{ content.data.date | date('YYYY-MM-DD') }}">{{ content.data.date | date }}</time>
|
||||||
</p>
|
</p>
|
||||||
<a href="{{ content.url }}" class="mt-2 block">
|
<a href="{{ content.url }}" class="mt-2 block focus:outline-link">
|
||||||
<p class="text-xl font-semibold text-gray-900">
|
<p class="text-xl font-semibold text-gray-900">
|
||||||
{{ content.data.title }}
|
{{ content.data.title }}
|
||||||
</p>
|
</p>
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<div class="mt-3">
|
<div class="mt-3">
|
||||||
<a href="{{ content.url }}" class="text-base font-semibold text-indigo-600 hover:text-indigo-500">
|
<a href="{{ content.url }}" class="text-base font-semibold text-pink-700 hover:underline focus:text-white focus:bg-pink-700 focus:outline-link">
|
||||||
Read more <span class="sr-only">about {{ content.data.title }}</a>
|
Read more <span class="sr-only">about {{ content.data.title }}</a>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Reference in a new issue