vacp2p
/
vac.dev-experimental-old
mirror of https://github.com/vacp2p/vac.dev-experimental-old.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add mobile lists

This commit is contained in:
Maria Rushkova 2021-08-04 15:16:29 +02:00
parent dabfe5a43f
commit 841fe7deb9
3 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
_includes/media-preview.html Normal file
View File

@ -0,0 +1,7 @@
<li class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8">
<time class="text-xxs opacity-75"
>{{ mediapost.date | date: '%B %d, %Y' }}</time
><a href="{{ mediapost.link }}" class="text-xs lg:text-base font-semibold"
>{{ mediapost.title }}</a
>
</li>

8
_includes/post-preview.html Normal file
View File

@ -0,0 +1,8 @@
<li class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8">
<time class="text-xxs opacity-75">{{ post.date | date: '%B %d, %Y' }}</time
><a
href="{{ site.baseurl }}{{ post.url }}"
class="text-xs lg:text-base font-semibold"
>{{ post.title }}</a
>
</li>

42
index.html
View File

@ -480,20 +480,13 @@ layout: default
<div class="info-block w-full sm:w-10/12 lg:w-9/12"> <div class="info-block w-full sm:w-10/12 lg:w-9/12">
<div class="flex flex-col"> <div class="flex flex-col">
<ul class="mb-5 container s:mx-auto flex flex-col flex-wrap sm:flex-row"> <ul class="mb-5 container s:mx-auto flex-row hidden flex-wrap sm:flex">
{% for post in site.posts limit:8 %} {% for post in site.posts limit:8 %} {% include post-preview.html %} {%
<li endfor %}
class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8" </ul>
> <ul class="mb-5 container s:mx-auto flex flex-col sm:hidden">
<time class="text-xxs opacity-75" {% for post in site.posts limit:4 %} {% include post-preview.html %} {%
>{{ post.date | date: '%B %d, %Y' }}</time endfor %}
><a
href="{{ site.baseurl }}{{ post.url }}"
class="text-xs lg:text-base font-semibold"
>{{ post.title }}</a
>
</li>
{% endfor %}
</ul> </ul>
<div class="log__link container flex justify-start"> <div class="log__link container flex justify-start">
@ -527,20 +520,13 @@ layout: default
<div class="info-block w-full sm:w-10/12 lg:w-9/12"> <div class="info-block w-full sm:w-10/12 lg:w-9/12">
<div class="flex flex-col"> <div class="flex flex-col">
<ul class="mb-5 container s:mx-auto flex flex-col flex-wrap sm:flex-row"> <ul class="mb-5 container s:mx-auto flex-row hidden flex-wrap sm:flex">
{% for mediapost in site.data.media limit:8 %} {% for mediapost in site.data.media limit:8 %} {% include
<li media-preview.html %} {% endfor %}
class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8" </ul>
> <ul class="mb-5 container s:mx-auto flex flex-col sm:hidden">
<time class="text-xxs opacity-75" {% for mediapost in site.data.media limit:4 %} {% include
>{{ mediapost.date | date: '%B %d, %Y' }}</time media-preview.html %} {% endfor %}
><a
href="{{ mediapost.link }}"
class="text-xs lg:text-base font-semibold"
>{{ mediapost.title }}</a
>
</li>
{% endfor %}
</ul> </ul>
<div class="media__link container flex justify-start"> <div class="media__link container flex justify-start">