Add poem creation dates and remove Обман.

Surface dates in lists and poem pages, and sort standalone poems by newest first.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: nopears

src/data/standalone.ts

@@ -4,6 +4,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'temnota',
     title: 'В темноте',
+    createdAt: '2022-09-29',
     format: 'verse',
     stanzas: [
       [
@@ -29,6 +30,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'boketto',
     title: 'Бокетто',
+    createdAt: '2022-04-11',
     format: 'verse',
     stanzas: [
       [
@@ -55,6 +57,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'mrak',
     title: 'Во мраке тихой темной ночи',
+    createdAt: '2022-08-29',
     format: 'verse',
     stanzas: [
       [
@@ -80,6 +83,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'night',
     title: 'Ночь',
+    createdAt: '2022-08-14',
     format: 'verse',
     stanzas: [
       [
@@ -98,6 +102,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'moon',
     title: 'Луна',
+    createdAt: '2022-04-27',
     format: 'verse',
     stanzas: [
       [
@@ -123,6 +128,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'stay',
     title: 'Постой',
+    createdAt: '2022-04-28',
     format: 'verse',
     stanzas: [
       [
@@ -142,6 +148,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'moment',
     title: '…',
+    createdAt: '2022-09-12',
     format: 'verse',
     stanzas: [
       [
@@ -168,34 +175,10 @@ export const standalonePoems: Poem[] = [
       ],
     ],
   },
-  {
-    slug: 'obman',
-    title: 'Обман',
-    format: 'verse',
-    stanzas: [
-      [
-        'Ты веришь только в ложь,',
-        'Глаза не видят правды,',
-        'Твой мозг уже плывет,',
-        'Сознание тихо умирает.',
-      ],
-      [
-        'Но ты и дальше смотришь ящик,',
-        'Все так же веря в бычий глаз.',
-        'Теперь ты словно зомби,',
-        'Что над собой утерял власть.',
-      ],
-      [
-        'И каждый аргумент',
-        'Проходит вскользь твоих ушей,',
-        'Ведь сознанием управляет',
-        'Полумертвый кощей.',
-      ],
-    ],
-  },
   {
     slug: 'pristan',
     title: 'На старой пристани',
+    createdAt: '2022-04-20',
     format: 'verse',
     stanzas: [
       [
@@ -227,6 +210,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'ty',
     title: 'Ты',
+    createdAt: '2022-04-19',
     format: 'verse',
     stanzas: [
       [
@@ -246,6 +230,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'soldat',
     title: 'Маленький солдат',
+    createdAt: '2022-02-23',
     format: 'verse',
     stanzas: [
       [
@@ -319,6 +304,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'marsh',
     title: 'Партызанскі марш',
+    createdAt: '2022-08-04',
     format: 'verse',
     lang: 'be',
     stanzas: [
@@ -348,6 +334,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'pyt',
     title: 'Ты адкажы мне на пытаньне',
+    createdAt: '2022-02-25',
     format: 'verse',
     lang: 'be',
     stanzas: [
@@ -375,6 +362,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'prison',
     title: 'Prison',
+    createdAt: '2024-02-21',
     format: 'verse',
     lang: 'en',
     stanzas: [
@@ -395,6 +383,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'doroga',
     title: 'Дорога',
+    createdAt: '2025-10-08',
     format: 'verse',
     stanzas: [
       [
@@ -420,6 +409,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'nol',
     title: '0°С',
+    createdAt: '2025-06-10',
     format: 'verse',
     stanzas: [
       [
@@ -445,6 +435,7 @@ export const standalonePoems: Poem[] = [
   {
     slug: 'slovo',
     title: 'Слово',
+    createdAt: '2023-01-21',
     format: 'verse',
     stanzas: [
       [

src/data/types.ts

@@ -3,6 +3,7 @@ export type PoemFormat = 'verse' | 'prose'
 export interface Poem {
   slug: string
   title: string
+  createdAt: string
   format: PoemFormat
   stanzas: string[][]
   prose?: string
@@ -16,3 +17,12 @@ export interface Collection {
   description?: string
   poems: Poem[]
 }
+
+export function formatPoemDate(iso: string): string {
+  const [year, month, day] = iso.split('-').map(Number)
+  return new Intl.DateTimeFormat('ru-RU', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+  }).format(new Date(year, month - 1, day))
+}

src/data/zerkalo.ts

@@ -4,6 +4,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'passazhir',
     title: 'Пассажир',
+    createdAt: '2022-01-17',
     format: 'verse',
     stanzas: [
       [
@@ -17,6 +18,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'mil',
     title: 'Насильно мил, увы, не будешь',
+    createdAt: '2022-01-12',
     format: 'verse',
     stanzas: [
       [
@@ -43,6 +45,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'temnica',
     title: 'Темница',
+    createdAt: '2022-01-03',
     format: 'verse',
     stanzas: [
       [
@@ -63,6 +66,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'plyvia',
     title: '…',
+    createdAt: '2022-01-03',
     format: 'verse',
     stanzas: [
       [
@@ -93,6 +97,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'gorod',
     title: 'Город-фальшь',
+    createdAt: '2022-02-05',
     format: 'verse',
     stanzas: [
       [
@@ -124,6 +129,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'otshelnik',
     title: 'Отшельник',
+    createdAt: '2021-12-27',
     format: 'verse',
     stanzas: [
       [
@@ -156,6 +162,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'soul',
     title: 'Душа',
+    createdAt: '2022-01-24',
     format: 'verse',
     stanzas: [
       [
@@ -175,6 +182,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'rassvet',
     title: 'Рассвет',
+    createdAt: '2022-02-23',
     format: 'verse',
     stanzas: [
       [
@@ -200,6 +208,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'polet',
     title: 'В полёте',
+    createdAt: '2022-01-03',
     format: 'verse',
     stanzas: [
       [
@@ -225,6 +234,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'pustota',
     title: 'Пустота',
+    createdAt: '2022-02-06',
     format: 'verse',
     stanzas: [
       [
@@ -254,6 +264,7 @@ export const zerkaloPoems: Poem[] = [
   {
     slug: 'monolog',
     title: 'Последний монолог',
+    createdAt: '2022-08-20',
     format: 'prose',
     stanzas: [],
     prose:

src/styles/main.css

@@ -218,6 +218,29 @@ ul {
   color: var(--mist-dim);
 }
 
+.poem-link__meta {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.65rem;
+  flex-shrink: 0;
+}
+
+.poem-link__date {
+  font-size: 0.72rem;
+  letter-spacing: 0.04em;
+  color: var(--mist-dim);
+  white-space: nowrap;
+}
+
+.poem-date {
+  margin: 0 0 2.25rem;
+  text-align: center;
+  font-size: 0.78rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--mist-dim);
+}
+
 .topbar {
   display: flex;
   align-items: center;
@@ -282,7 +305,7 @@ ul {
 }
 
 .poem-title {
-  margin-bottom: 2.25rem;
+  margin-bottom: 0.75rem;
   font-family: var(--font-poem);
   font-size: clamp(2rem, 6vw, 3rem);
   font-style: italic;

src/views/CollectionView.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import { RouterLink, useRouter } from 'vue-router'
 import { getCollection } from '@/data/catalog'
+import { formatPoemDate } from '@/data/types'
 
 const props = defineProps<{ id: string }>()
 const router = useRouter()
@@ -38,7 +39,10 @@ if (!collection.value) {
             <span class="index">{{ String(index + 1).padStart(2, '0') }}</span>
             {{ poem.title }}
           </span>
-          <span v-if="poem.format === 'prose'" class="poem-link__lang">послесловие</span>
+          <span class="poem-link__meta">
+            <span v-if="poem.format === 'prose'" class="poem-link__lang">послесловие</span>
+            <span class="poem-link__date">{{ formatPoemDate(poem.createdAt) }}</span>
+          </span>
         </RouterLink>
       </li>
     </ol>

src/views/HomeView.vue

@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router'
 import { author, bookTitle, collections, standalonePoems } from '@/data/catalog'
+import { formatPoemDate } from '@/data/types'
+import { computed } from 'vue'
+
+const poems = computed(() =>
+  [...standalonePoems].sort((a, b) => b.createdAt.localeCompare(a.createdAt)),
+)
 </script>
 
 <template>
@@ -34,11 +40,14 @@ import { author, bookTitle, collections, standalonePoems } from '@/data/catalog'
     <section class="section" aria-labelledby="poems-label">
       <h2 id="poems-label" class="section-label">Стихотворения</h2>
       <ul class="poem-list">
-        <li v-for="poem in standalonePoems" :key="poem.slug">
+        <li v-for="poem in poems" :key="poem.slug">
           <RouterLink class="poem-link" :to="{ name: 'poem', params: { slug: poem.slug } }">
             <span class="poem-link__title">{{ poem.title }}</span>
-            <span v-if="poem.lang === 'be'" class="poem-link__lang">бел</span>
-            <span v-else-if="poem.lang === 'en'" class="poem-link__lang">en</span>
+            <span class="poem-link__meta">
+              <span v-if="poem.lang === 'be'" class="poem-link__lang">бел</span>
+              <span v-else-if="poem.lang === 'en'" class="poem-link__lang">en</span>
+              <span class="poem-link__date">{{ formatPoemDate(poem.createdAt) }}</span>
+            </span>
           </RouterLink>
         </li>
       </ul>

src/views/PoemView.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import { RouterLink, useRouter } from 'vue-router'
 import { getCollection, getPoemInCollection, getStandalonePoem } from '@/data/catalog'
+import { formatPoemDate } from '@/data/types'
 
 const props = defineProps<{
   slug: string
@@ -54,6 +55,7 @@ if (!context.value) {
 
     <article class="poem-shell">
       <h1 class="poem-title">{{ context.poem.title }}</h1>
+      <p class="poem-date">{{ formatPoemDate(context.poem.createdAt) }}</p>
 
       <div v-if="context.poem.format === 'prose'" class="prose">
         {{ context.poem.prose }}