vac.dev/_layouts/media.html
Maria Rushkova 59b95cdc98 New design (#42) (#45)
* Add new design

* Use yarn instead of npm

* Add 404 page style

* Update "See VAC Openings" CTA

* Change VAC to Vac

* Change specs link

* Keep post categories

* Change code formatting

* Update images

* Update media links

* Add media image default

* Update package.json

* Add twitter cards meta data

* Add media section back

* Remove images

* Comment script for form

* Change media urls to https

* Import font locally

* Add Anonymous font

* Change inner page layout

* Change pre code style

* Add font preloading

* Change post content styles

* Add alt attribute

* Change footer research links

* Update gitignore

* Add Fathom analytics

* Update links

* Change gif to video

* Add work cards links back

* Change footer spacing

* Change logo size

* Fix header

* Centered section join

* Make cards clickable

* Align left section join

* Remove graphic & video section about

* Return logo size

* Add post for Waku v1 vs Waku v2 bandwidth comparison (#43)

* Add post for Waku v1 vs Waku v2 bandwidth comparison

* Addressing PR comments

* Added future work. Minor changes to intro.

(cherry picked from commit 007696cfc9898178a03a34123c59176913de3463)

* Add <code> styles

* Add Hanno page

* Add opinion piece on ethics in surveillance tech (#44)

* Add opinion piece on ethics in surveillance tech

* Change published date. Added preface.

* wrong date - today is 3rd

(cherry picked from commit c64f5a889e48525a24313b17be808411620d1622)

* Add circe page

Co-authored-by: Hanno Cornelius <68783915+jm-clius@users.noreply.github.com>
Co-authored-by: thecirce <95408261+thecirce@users.noreply.github.com>

Co-authored-by: Hanno Cornelius <68783915+jm-clius@users.noreply.github.com>
Co-authored-by: thecirce <95408261+thecirce@users.noreply.github.com>
2022-01-13 00:02:14 +09:00

23 lines
1.0 KiB
HTML

---
layout: default
---
<section class="media container max-w-screen-xl flex flex-col items-center pt-10 pb-8 lg:py-10">
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<h1 class="text-xl md:text-xxl mb-5 lg:mb-16 sm:max-w-md lg:max-w-xl">Media</h1>
<div class="media__cards container mx-auto lg:mx-0 flex flex-col flex-wrap sm:flex-row sl:justify-between">
{% for mediapost in site.data.media %}
<div class="media__card flex flex-col w-full sl:max-w-48 mb-5 sm:mb-0 group">
<a href="{{ mediapost.link }}" target="_blank" rel="noopener noreferrer">
<img src="{{ mediapost.image }}" class="w-full mb-2 group-hover:opacity-75" alt="Media preview image" />
<li class="flex flex-col w-full mb-5 lg:mb-8">
<time class="text-xxs opacity-75">{{ mediapost.date | date: '%B %d, %Y' }}</time>
<p class="text-xs lg:text-base font-semibold group-hover:underline">{{ mediapost.title }}</p>
</li>
</a>
</div>
{% endfor %}
</div>
</div>
</section>