cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: remove tailwind

Browse source
This commit is contained in:
Cory Dransfeldt 2023-12-28 08:28:31 -08:00
parent 447e3b417d
commit 9b2d0883e5
No known key found for this signature in database
56 changed files with 1541 additions and 3862 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/_includes/partials/webmentions/comments.liquid
View file

@ -1,18 +1,18 @@
{% if mentions['in-reply-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Comments</h2>
<div class="mt-4 mb-4 flex flex-col items-center not-prose">
<h2>Comments</h2>
<div class="interaction__wrapper comments">
{% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
<div class="group flex flex-row space-between items-center">
<div class="comment__wrapper">
<div class="comment__wrapper--interior">
<a href={{mention.url}}>
<div class="bg-gray-900 dark:bg-white h-14 w-14 border-4 border-white dark:border-gray-900 transition-all ease-in-out duration-300 group-hover:border-blue-800 dark:group-hover:border-blue-200 rounded-full overflow-hidden">
{% image mention.author.photo, mention.author.name %}
<div class="avatar__wrapper">
{% image mention.author.photo, mention.author.name, 'avatar__wrapper-image' %}
</div>
</a>
<div class="ml-3">
<a class="text-gray-700 dark:text-white" href={{mention.url}}>
<p class="text-sm group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.content.text }}</p>
<p class="mt-1 text-xs group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.published | isoDateOnly }}</p>
<div class="comment">
<a href={{mention.url}}>
<p>{{ mention.content.text }}</p>
<time>{{ mention.published | isoDateOnly }}</time>
</a>
</div>
</div>

2
src/_includes/partials/webmentions/container.liquid
View file

@ -1,5 +1,5 @@
{% if webmentions %}
<div class="border-t border-gray-200 mt-12 pt-12 dark:border-gray-700">
<div class="webmentions__wrapper">
{% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %}
{% render "partials/webmentions/interaction.liquid", mentions: mentions, type: 'repost-of' %}
{% render "partials/webmentions/interaction.liquid", mentions: mentions, type: 'like-of' %}

12
src/_includes/partials/webmentions/interaction.liquid
View file

@ -6,14 +6,14 @@
{% endif %}
{% endcapture -%}
{% if mentions[type].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">{{ title }}</h2>
<div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row flex-wrap">
<h2>{{ title }}</h2>
<div class="interaction__wrapper">
<ul>
{% for mention in mentions[type] %}
<li class="-ml-3 inline">
<li>
<a href={{mention.url}}>
<div class="bg-gray-900 dark:bg-white h-14 w-14 border-4 border-white dark:border-gray-900 transition-all ease-in-out duration-300 hover:border-blue-800 dark:hover:border-blue-200 rounded-full overflow-hidden">
{% image mention.author.photo, mention.author.name %}
<div class="avatar__wrapper">
{% image mention.author.photo, mention.author.name, 'avatar__wrapper-image' %}
</div>
</a>
</li>

10
src/_includes/partials/webmentions/links.liquid
View file

@ -1,10 +1,10 @@
{% if mentions['link-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Links</h2>
<div class="mt-2.5 flex flex-col not-prose">
<ul class="list-inside list-disc pl-5 md:pl-10">
<h2>Links</h2>
<div class="interaction__wrapper">
<ul>
{% for mention in mentions['link-to'] %}
<li class="mt-1.5 mb-2">
<a href="{{ mention.url }}" class="text-blue-600 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-200">
<li>
<a href="{{ mention.url }}">
{{ mention.name }}
</a>
</li>