24 дня индивеба: События

Если кратко: Микроформат h-eventпозволяет публиковать события, на которые могут откликаться другие люди.

Одним из типов контента, который люди публикуют в Фейсбуке и ВКонтакте, являются события: объявление о том, что тогда-то и тогда-то там-то и там-то случится то-то и то-то.

В целом организация событий — дело непростое, требующее много сил и времени. Но просто рассказать друзьям о том, что ты планируешь куда-то пойти или что-то организовать — не так сложно.

В движении микроформатов для этого придумали микроформат h-event.

Выглядит это как-то так:


<div class="h-event">
<a class="u-url p-name" href="https://marinintim.com/2019/hwc/">HWC: встреча про Индивеб</a>
<p>
Начало <time class="dt-start" datetime="2019-12-22T15:00:00.000Z">22 декабря (вс), 18:00</time>,
и до <time class="dt-end" datetime="2019-12-22T18:00:00.000Z">девяти вечера</time>
<p>
Адрес:
<span class="p-location h-card">
<a class="u-url p-name p-org" href="https://vk.com/in1oogramm_bar">бар «Ин100грам»</a>,
<span class="p-street-address">Ул. Декабристов, 7</span>,
<span class="p-locality">Санкт-Петербург</span>,
<span class="p-country-name">Россия</span>
</span>
</p>
</div>

Главные свойства — это u-url, в котором лежит ссылка на событие, dt-start, который описывает время начала, p-location, в котором описано, где же пройдёт событие.

У <time> есть много вариантов, как может быть представлена дата

Конечно, помимо этих свойств может быть описание события, и всё остальное, что тебе придёт в голову. Но эти свойства — машиночитаемы, и поверх них можно сделать RSVP.

RSVP: ответ на событие

Как же сделать для индисобытия кнопку «Пойду»? Конечно же, при помощи микроформатов и Webmention!

Такой вид поста называется RSVP (неожиданно из французского).

На своём сайте нужно опубликовать пост-ответ со специальным полем p-rsvp. Возможные ответы: yes, no, maybe, interested, поэтому чтобы писать на русском, нужно использовать тег data, и нужный вариант положить в атрибут value. Например, так:


<div class="h-entry">
<span class="p-author h-card">
<a class="u-url" href="https://marinintim.com">
Тимофей Маринин
</a>
</span>:
<data class="p-rsvp" value="yes">приду</span>
на <a href="https://marinintim.com/2019/hwc/"
class="u-in-reply-to">HWC: встречу при Индивеб</a>
</div>

Указание автора в p-author здесь особенно важно, чтобы организаторы понимали, кто придёт

После этого нужно отправить вебменшен от этого поста по обычным правилам.


Кстати, да! Событие в примерах выше — реальное. 22 декабря я буду рад встретиться и поговорить про индивеб вживую в баре Ин100грам на Декабристов, 7. Присылайте RSVP и приходите.

День 11: follow me · День 13: Webmention.app

Тим опубликовал

Если понравился этот пост, то подпишись на мой Патреон