|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 113 B After Width: | Height: | Size: 113 B |
|
Before Width: | Height: | Size: 105 B After Width: | Height: | Size: 105 B |
|
Before Width: | Height: | Size: 113 B After Width: | Height: | Size: 113 B |
|
Before Width: | Height: | Size: 122 B After Width: | Height: | Size: 122 B |
|
Before Width: | Height: | Size: 115 B After Width: | Height: | Size: 115 B |
|
Before Width: | Height: | Size: 120 B After Width: | Height: | Size: 120 B |
|
Before Width: | Height: | Size: 140 B After Width: | Height: | Size: 140 B |
|
Before Width: | Height: | Size: 104 B After Width: | Height: | Size: 104 B |
|
Before Width: | Height: | Size: 94 B After Width: | Height: | Size: 94 B |
|
Before Width: | Height: | Size: 102 B After Width: | Height: | Size: 102 B |
|
Before Width: | Height: | Size: 123 B After Width: | Height: | Size: 123 B |
|
Before Width: | Height: | Size: 111 B After Width: | Height: | Size: 111 B |
|
Before Width: | Height: | Size: 100 B After Width: | Height: | Size: 100 B |
|
Before Width: | Height: | Size: 109 B After Width: | Height: | Size: 109 B |
|
Before Width: | Height: | Size: 132 B After Width: | Height: | Size: 132 B |
|
Before Width: | Height: | Size: 341 B After Width: | Height: | Size: 341 B |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 552 B After Width: | Height: | Size: 552 B |
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "خلال الأسبوع الماضي، <1>{{userCount}}</1> مستخدم قاموا بإرسال <1>{{postCount}}</1> منشور",
|
||||
"board_stats_month": "خلال الشهر الماضي، <1>{{userCount}}</1> مستخدم قاموا بإرسال <1>{{postCount}}</1> منشور",
|
||||
"board_stats_all": "منذ ذلك الحين، <1>{{userCount}}</1> مستخدم قاموا بإرسال <1>{{postCount}}</1> منشور",
|
||||
"board_created": "منتدى تم إنشاؤه"
|
||||
"board_created": "منتدى تم إنشاؤه",
|
||||
"settings": "الإعدادات",
|
||||
"home": "الصفحة الرئيسية",
|
||||
"subscribe": "اشتراك",
|
||||
"unsubscribe": "إلغاء الاشتراك",
|
||||
"close_post_form": "إغلاق نموذج المشاركة",
|
||||
"catalog": "فهرس",
|
||||
"all": "الكل",
|
||||
"subscriptions": "الاشتراكات",
|
||||
"board": "منتدى"
|
||||
}
|
||||
@@ -6,7 +6,7 @@
|
||||
"no_global_rules_info": "কোন গ্লোবাল নিয়ম নেই, প্রতিটি বোর্ড সম্পূর্ণভাবে স্বতন্ত্র এবং তার মালিক কীভাবে/যদি তা নিয়ন্ত্রণ করতে চায় তা নির্ধারণ করে।",
|
||||
"boards": "বোর্ডসমূহ",
|
||||
"popular_threads": "জনপ্রিয় থ্রেডগুলি",
|
||||
"options": "বিকল্পগুলি",
|
||||
"options": "বিকল্পসমূহ",
|
||||
"stats": "পরিসংখ্যান",
|
||||
"about": "সম্পর্কিত",
|
||||
"whitepaper": "হোয়াইট পেপার",
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "গত সপ্তাহে, <1>{{userCount}}</1> ব্যবহারকারী <1>{{postCount}}</1> পোস্ট করেছেন",
|
||||
"board_stats_month": "গত মাসে, <1>{{userCount}}</1> ব্যবহারকারী <1>{{postCount}}</1> পোস্ট করেছেন",
|
||||
"board_stats_all": "তারপর থেকে, <1>{{userCount}}</1> ব্যবহারকারী <1>{{postCount}}</1> পোস্ট করেছেন",
|
||||
"board_created": "বোর্ড তৈরি হয়েছে"
|
||||
"board_created": "বোর্ড তৈরি হয়েছে",
|
||||
"settings": "সেটিংস",
|
||||
"home": "হোম",
|
||||
"subscribe": "সাবস্ক্রাইব",
|
||||
"unsubscribe": "অনুসংধান করতে পারবেন না",
|
||||
"close_post_form": "পোস্ট ফর্ম বন্ধ করুন",
|
||||
"catalog": "ক্যাটালগ",
|
||||
"all": "সব",
|
||||
"subscriptions": "সাবস্ক্রিপশন",
|
||||
"board": "বোর্ড"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "V posledním týdnu <1>{{userCount}}</1> uživatelů napsalo <1>{{postCount}}</1> příspěvků",
|
||||
"board_stats_month": "V posledním měsíci <1>{{userCount}}</1> uživatelů napsalo <1>{{postCount}}</1> příspěvků",
|
||||
"board_stats_all": "Od té doby <1>{{userCount}}</1> uživatelů napsalo <1>{{postCount}}</1> příspěvků",
|
||||
"board_created": "Fórum vytvořeno"
|
||||
"board_created": "Fórum vytvořeno",
|
||||
"settings": "Nastavení",
|
||||
"home": "Domovská stránka",
|
||||
"subscribe": "Přihlásit se k odběru",
|
||||
"unsubscribe": "Odebrat odběr",
|
||||
"close_post_form": "Zavřít formulář příspěvku",
|
||||
"catalog": "Katalog",
|
||||
"all": "Vše",
|
||||
"subscriptions": "Předplatné",
|
||||
"board": "Fórum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "I den sidste uge har <1>{{userCount}}</1> brugere sendt <1>{{postCount}}</1> indlæg",
|
||||
"board_stats_month": "I den sidste måned har <1>{{userCount}}</1> brugere sendt <1>{{postCount}}</1> indlæg",
|
||||
"board_stats_all": "Siden da har <1>{{userCount}}</1> brugere sendt <1>{{postCount}}</1> indlæg",
|
||||
"board_created": "Forum oprettet"
|
||||
"board_created": "Forum oprettet",
|
||||
"settings": "Indstillinger",
|
||||
"home": "Hjem",
|
||||
"subscribe": "Abonner",
|
||||
"unsubscribe": "Afmeld",
|
||||
"close_post_form": "Luk postformularen",
|
||||
"catalog": "Katalog",
|
||||
"all": "Alle",
|
||||
"subscriptions": "Abonnementer",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "In der letzten Woche haben <1>{{userCount}}</1> Benutzer <1>{{postCount}}</1> Beiträge veröffentlicht",
|
||||
"board_stats_month": "Im letzten Monat haben <1>{{userCount}}</1> Benutzer <1>{{postCount}}</1> Beiträge veröffentlicht",
|
||||
"board_stats_all": "Seitdem haben <1>{{userCount}}</1> Benutzer <1>{{postCount}}</1> Beiträge veröffentlicht",
|
||||
"board_created": "Forum erstellt"
|
||||
"board_created": "Forum erstellt",
|
||||
"settings": "Einstellungen",
|
||||
"home": "Startseite",
|
||||
"subscribe": "Abonnieren",
|
||||
"unsubscribe": "Abbestellen",
|
||||
"close_post_form": "Postformular schließen",
|
||||
"catalog": "Katalog",
|
||||
"all": "Alle",
|
||||
"subscriptions": "Abonnements",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Την προηγούμενη εβδομάδα, <1>{{userCount}}</1> χρήστες έχουν στείλει <1>{{postCount}}</1> μηνύματα",
|
||||
"board_stats_month": "Τον προηγούμενο μήνα, <1>{{userCount}}</1> χρήστες έχουν στείλει <1>{{postCount}}</1> μηνύματα",
|
||||
"board_stats_all": "Από τότε, <1>{{userCount}}</1> χρήστες έχουν στείλει <1>{{postCount}}</1> μηνύματα",
|
||||
"board_created": "Δημιουργήθηκε φόρουμ"
|
||||
"board_created": "Δημιουργήθηκε φόρουμ",
|
||||
"settings": "Ρυθμίσεις",
|
||||
"home": "Αρχική σελίδα",
|
||||
"subscribe": "Εγγραφή",
|
||||
"unsubscribe": "Διακοπή συνδρομής",
|
||||
"close_post_form": "Κλείστε τη φόρμα δημοσίευσης",
|
||||
"catalog": "Κατάλογος",
|
||||
"all": "Όλα",
|
||||
"subscriptions": "Συνδρομές",
|
||||
"board": "Φόρουμ"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "In the past week, <1>{{userCount}}</1> users made <1>{{postCount}}</1> posts",
|
||||
"board_stats_month": "In the past month, <1>{{userCount}}</1> users made <1>{{postCount}}</1> posts",
|
||||
"board_stats_all": "Since then, <1>{{userCount}}</1> users made <1>{{postCount}}</1> posts",
|
||||
"board_created": "Board created"
|
||||
"board_created": "Board created",
|
||||
"settings": "Settings",
|
||||
"home": "Home",
|
||||
"subscribe": "Subscribe",
|
||||
"unsubscribe": "Unsubscribe",
|
||||
"close_post_form": "Close post form",
|
||||
"catalog": "Catalog",
|
||||
"all": "All",
|
||||
"subscriptions": "Subscriptions",
|
||||
"board": "Board"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "En la última semana, <1>{{userCount}}</1> usuarios han enviado <1>{{postCount}}</1> publicaciones",
|
||||
"board_stats_month": "En el último mes, <1>{{userCount}}</1> usuarios han enviado <1>{{postCount}}</1> publicaciones",
|
||||
"board_stats_all": "Desde entonces, <1>{{userCount}}</1> usuarios han enviado <1>{{postCount}}</1> publicaciones",
|
||||
"board_created": "Foro creado"
|
||||
"board_created": "Foro creado",
|
||||
"settings": "Configuración",
|
||||
"home": "Inicio",
|
||||
"subscribe": "Suscribirse",
|
||||
"unsubscribe": "Cancelar suscripción",
|
||||
"close_post_form": "Cerrar formulario de publicación",
|
||||
"catalog": "Catálogo",
|
||||
"all": "Todo",
|
||||
"subscriptions": "Suscripciones",
|
||||
"board": "Foro"
|
||||
}
|
||||
@@ -6,7 +6,7 @@
|
||||
"no_global_rules_info": "هیچ قانون جهانی وجود ندارد، هر تالار کاملا مستقل است و مالک آن تصمیم میگیرد چگونه/آیا آن را نظارت کند.",
|
||||
"boards": "تالارهای پیام",
|
||||
"popular_threads": "نخستین موضوعات",
|
||||
"options": "گزینه ها",
|
||||
"options": "گزینهها",
|
||||
"stats": "آمار",
|
||||
"about": "درباره",
|
||||
"whitepaper": "کاغذ سفید",
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "در هفته گذشته، <1>{{userCount}}</1> کاربر <1>{{postCount}}</1> پست ارسال کردند",
|
||||
"board_stats_month": "در ماه گذشته، <1>{{userCount}}</1> کاربر <1>{{postCount}}</1> پست ارسال کردند",
|
||||
"board_stats_all": "از آن زمان، <1>{{userCount}}</1> کاربر <1>{{postCount}}</1> پست ارسال کردهاند",
|
||||
"board_created": "انجمن ایجاد شده"
|
||||
"board_created": "انجمن ایجاد شده",
|
||||
"settings": "تنظیمات",
|
||||
"home": "خانه",
|
||||
"subscribe": "اشتراک",
|
||||
"unsubscribe": "لغو اشتراک",
|
||||
"close_post_form": "بستن فرم پست",
|
||||
"catalog": "کاتالوگ",
|
||||
"all": "همه",
|
||||
"subscriptions": "اشتراکها",
|
||||
"board": "تالار"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Edellisellä viikolla <1>{{userCount}}</1> käyttäjää on lähettänyt <1>{{postCount}}</1> viestiä",
|
||||
"board_stats_month": "Edellisellä kuukaudella <1>{{userCount}}</1> käyttäjää on lähettänyt <1>{{postCount}}</1> viestiä",
|
||||
"board_stats_all": "Siitä lähtien <1>{{userCount}}</1> käyttäjää on lähettänyt <1>{{postCount}}</1> viestiä",
|
||||
"board_created": "Luotu foorumi"
|
||||
"board_created": "Luotu foorumi",
|
||||
"settings": "Asetukset",
|
||||
"home": "Koti",
|
||||
"subscribe": "Tilaa",
|
||||
"unsubscribe": "Peruuta tilaus",
|
||||
"close_post_form": "Sulje postilomake",
|
||||
"catalog": "Luettelo",
|
||||
"all": "Kaikki",
|
||||
"subscriptions": "Tilaukset",
|
||||
"board": "Foorumi"
|
||||
}
|
||||
@@ -6,7 +6,7 @@
|
||||
"no_global_rules_info": "Walang global na mga patakaran, bawat board ay lubusang independiyente at ang may-ari nito ang nagdedesisyon kung paano / kung ito ay isasakdal.",
|
||||
"boards": "mga board",
|
||||
"popular_threads": "Mga popular na thread",
|
||||
"options": "Mga opsyon",
|
||||
"options": "Mga Opsyon",
|
||||
"stats": "Estadistika",
|
||||
"about": "Tungkol sa",
|
||||
"whitepaper": "Whitepaper",
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Sa nakaraang linggo, <1>{{userCount}}</1> mga gumagamit ang gumawa ng <1>{{postCount}}</1> na mga post",
|
||||
"board_stats_month": "Sa nakaraang buwan, <1>{{userCount}}</1> mga gumagamit ang gumawa ng <1>{{postCount}}</1> na mga post",
|
||||
"board_stats_all": "Mula noon, <1>{{userCount}}</1> mga gumagamit ang gumawa ng <1>{{postCount}}</1> na mga post",
|
||||
"board_created": "Board na nilikha"
|
||||
"board_created": "Board na nilikha",
|
||||
"settings": "Mga Setting",
|
||||
"home": "Bahay",
|
||||
"subscribe": "Mag-subscribe",
|
||||
"unsubscribe": "Huwag mag-subscribe",
|
||||
"close_post_form": "Isara ang porma ng post",
|
||||
"catalog": "Katalogo",
|
||||
"all": "Lahat",
|
||||
"subscriptions": "Mga Subscription",
|
||||
"board": "Board"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Au cours de la dernière semaine, <1>{{userCount}}</1> utilisateurs ont publié <1>{{postCount}}</1> messages",
|
||||
"board_stats_month": "Au cours du dernier mois, <1>{{userCount}}</1> utilisateurs ont publié <1>{{postCount}}</1> messages",
|
||||
"board_stats_all": "Depuis lors, <1>{{userCount}}</1> utilisateurs ont publié <1>{{postCount}}</1> messages",
|
||||
"board_created": "Forum créé"
|
||||
"board_created": "Forum créé",
|
||||
"settings": "Paramètres",
|
||||
"home": "Accueil",
|
||||
"subscribe": "S'abonner",
|
||||
"unsubscribe": "Se désabonner",
|
||||
"close_post_form": "Fermer le formulaire de publication",
|
||||
"catalog": "Catalogue",
|
||||
"all": "Tous",
|
||||
"subscriptions": "Abonnements",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "בשבוע האחרון, <1>{{userCount}}</1> משתמשים פרסמו <1>{{postCount}}</1> הודעות",
|
||||
"board_stats_month": "בחודש האחרון, <1>{{userCount}}</1> משתמשים פרסמו <1>{{postCount}}</1> הודעות",
|
||||
"board_stats_all": "מאז, <1>{{userCount}}</1> משתמשים פרסמו <1>{{postCount}}</1> הודעות",
|
||||
"board_created": "פורום נוצר"
|
||||
"board_created": "פורום נוצר",
|
||||
"settings": "הגדרות",
|
||||
"home": "בית",
|
||||
"subscribe": "הירשם",
|
||||
"unsubscribe": "הסר רישום",
|
||||
"close_post_form": "סגור את טופס הפוסט",
|
||||
"catalog": "קטלוג",
|
||||
"all": "הכל",
|
||||
"subscriptions": "מנויים",
|
||||
"board": "פורום"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "पिछले सप्ताह, <1>{{userCount}}</1> उपयोगकर्ता <1>{{postCount}}</1> पोस्ट की",
|
||||
"board_stats_month": "पिछले महीने, <1>{{userCount}}</1> उपयोगकर्ता <1>{{postCount}}</1> पोस्ट की",
|
||||
"board_stats_all": "उस समय से, <1>{{userCount}}</1> उपयोगकर्ता <1>{{postCount}}</1> पोस्ट की",
|
||||
"board_created": "बोर्ड बनाया गया"
|
||||
"board_created": "बोर्ड बनाया गया",
|
||||
"settings": "सेटिंग्स",
|
||||
"home": "होम",
|
||||
"subscribe": "सब्सक्राइब करें",
|
||||
"unsubscribe": "सब्सक्राइब न करें",
|
||||
"close_post_form": "पोस्ट फॉर्म बंद करें",
|
||||
"catalog": "कैटलॉग",
|
||||
"all": "सभी",
|
||||
"subscriptions": "सदस्यता",
|
||||
"board": "फोरम"
|
||||
}
|
||||
@@ -6,7 +6,7 @@
|
||||
"no_global_rules_info": "Nincsenek globális szabályok, minden fórum teljesen független, és tulajdonosa dönti el, hogyan/ha moderálja azt.",
|
||||
"boards": "fórumok",
|
||||
"popular_threads": "Népszerű szálak",
|
||||
"options": "Lehetőségek",
|
||||
"options": "Beállítások",
|
||||
"stats": "Statisztikák",
|
||||
"about": "Rólunk",
|
||||
"whitepaper": "Whitepaper",
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Az elmúlt héten <1>{{userCount}}</1> felhasználó <1>{{postCount}}</1> hozzászólást küldött",
|
||||
"board_stats_month": "Az elmúlt hónapban <1>{{userCount}}</1> felhasználó <1>{{postCount}}</1> hozzászólást küldött",
|
||||
"board_stats_all": "Azóta <1>{{userCount}}</1> felhasználó <1>{{postCount}}</1> hozzászólást küldött",
|
||||
"board_created": "Fórum létrehozva"
|
||||
"board_created": "Fórum létrehozva",
|
||||
"settings": "Beállítások",
|
||||
"home": "Kezdőlap",
|
||||
"subscribe": "Feliratkozás",
|
||||
"unsubscribe": "Leiratkozás",
|
||||
"close_post_form": "Bejegyzés űrlap bezárása",
|
||||
"catalog": "Katalógus",
|
||||
"all": "Összes",
|
||||
"subscriptions": "Előfizetések",
|
||||
"board": "Fórum"
|
||||
}
|
||||
@@ -6,7 +6,7 @@
|
||||
"no_global_rules_info": "Tidak ada aturan global, setiap papan adalah sepenuhnya independen dan pemiliknya yang menentukan bagaimana/apa yang dimoderasi.",
|
||||
"boards": "papan pesan",
|
||||
"popular_threads": "Benang populer",
|
||||
"options": "Pilihan",
|
||||
"options": "Opsi",
|
||||
"stats": "Statistik",
|
||||
"about": "Tentang",
|
||||
"whitepaper": "Whitepaper",
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Dalam seminggu terakhir, <1>{{userCount}}</1> pengguna telah membuat <1>{{postCount}}</1> postingan",
|
||||
"board_stats_month": "Dalam sebulan terakhir, <1>{{userCount}}</1> pengguna telah membuat <1>{{postCount}}</1> postingan",
|
||||
"board_stats_all": "Sejak saat itu, <1>{{userCount}}</1> pengguna telah membuat <1>{{postCount}}</1> postingan",
|
||||
"board_created": "Papan pesan dibuat"
|
||||
"board_created": "Papan pesan dibuat",
|
||||
"settings": "Pengaturan",
|
||||
"home": "Beranda",
|
||||
"subscribe": "Berlangganan",
|
||||
"unsubscribe": "Berhenti berlangganan",
|
||||
"close_post_form": "Tutup formulir kiriman",
|
||||
"catalog": "Katalog",
|
||||
"all": "Semua",
|
||||
"subscriptions": "Langganan",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Nell'ultima settimana, <1>{{userCount}}</1> utenti hanno inviato <1>{{postCount}}</1> post",
|
||||
"board_stats_month": "Nell'ultimo mese, <1>{{userCount}}</1> utenti hanno inviato <1>{{postCount}}</1> post",
|
||||
"board_stats_all": "Da allora, <1>{{userCount}}</1> utenti hanno inviato <1>{{postCount}}</1> post",
|
||||
"board_created": "Forum creato"
|
||||
"board_created": "Forum creato",
|
||||
"settings": "Impostazioni",
|
||||
"home": "Home",
|
||||
"subscribe": "Iscriviti",
|
||||
"unsubscribe": "Lascia",
|
||||
"close_post_form": "Chiudi modulo d'invio",
|
||||
"catalog": "Catalogo",
|
||||
"all": "Tutti",
|
||||
"subscriptions": "Iscrizioni",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "直近1週間で<1>{{userCount}}</1>人のユーザーが<1>{{postCount}}</1>件の投稿をしました",
|
||||
"board_stats_month": "直近1ヶ月で<1>{{userCount}}</1>人のユーザーが<1>{{postCount}}</1>件の投稿をしました",
|
||||
"board_stats_all": "その後、<1>{{userCount}}</1>人のユーザーが<1>{{postCount}}</1>件の投稿をしました",
|
||||
"board_created": "掲示板が作成されました"
|
||||
"board_created": "掲示板が作成されました",
|
||||
"settings": "設定",
|
||||
"home": "ホーム",
|
||||
"subscribe": "購読",
|
||||
"unsubscribe": "購読解除",
|
||||
"close_post_form": "投稿フォームを閉じる",
|
||||
"catalog": "カタログ",
|
||||
"all": "すべて",
|
||||
"subscriptions": "購読",
|
||||
"board": "掲示板"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "지난 1주간 <1>{{userCount}}</1>명의 사용자가 <1>{{postCount}}</1>개의 게시물을 작성했습니다",
|
||||
"board_stats_month": "지난 1개월 동안 <1>{{userCount}}</1>명의 사용자가 <1>{{postCount}}</1>개의 게시물을 작성했습니다",
|
||||
"board_stats_all": "그 후 <1>{{userCount}}</1>명의 사용자가 <1>{{postCount}}</1>개의 게시물을 작성했습니다",
|
||||
"board_created": "게시판이 생성되었습니다"
|
||||
"board_created": "게시판이 생성되었습니다",
|
||||
"settings": "설정",
|
||||
"home": "홈",
|
||||
"subscribe": "구독",
|
||||
"unsubscribe": "구독 취소",
|
||||
"close_post_form": "게시물 양식 닫기",
|
||||
"catalog": "카탈로그",
|
||||
"all": "모두",
|
||||
"subscriptions": "구독",
|
||||
"board": "게시판"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "मागील सप्ताहात, <1>{{userCount}}</1> वापरकर्ते <1>{{postCount}}</1> पोस्ट्स केले",
|
||||
"board_stats_month": "मागील महिन्यात, <1>{{userCount}}</1> वापरकर्ते <1>{{postCount}}</1> पोस्ट्स केले",
|
||||
"board_stats_all": "त्यानंतर, <1>{{userCount}}</1> वापरकर्ते <1>{{postCount}}</1> पोस्ट्स केले",
|
||||
"board_created": "संदेश फलक तयार केला"
|
||||
"board_created": "संदेश फलक तयार केला",
|
||||
"settings": "सेटिंग्ज",
|
||||
"home": "होम",
|
||||
"subscribe": "सब्स्क्राईब",
|
||||
"unsubscribe": "सब्स्क्राईब नको",
|
||||
"close_post_form": "पोस्ट फॉर्म बंद करा",
|
||||
"catalog": "कॅटलॉग",
|
||||
"all": "सर्व",
|
||||
"subscriptions": "सदस्यता",
|
||||
"board": "फोरम"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "In de afgelopen week hebben <1>{{userCount}}</1> gebruikers <1>{{postCount}}</1> berichten gemaakt",
|
||||
"board_stats_month": "In de afgelopen maand hebben <1>{{userCount}}</1> gebruikers <1>{{postCount}}</1> berichten gemaakt",
|
||||
"board_stats_all": "Sindsdien hebben <1>{{userCount}}</1> gebruikers <1>{{postCount}}</1> berichten gemaakt",
|
||||
"board_created": "Forum aangemaakt"
|
||||
"board_created": "Forum aangemaakt",
|
||||
"settings": "Instellingen",
|
||||
"home": "Home",
|
||||
"subscribe": "Abonneren",
|
||||
"unsubscribe": "Afmelden",
|
||||
"close_post_form": "Sluit postformulier",
|
||||
"catalog": "Catalogus",
|
||||
"all": "Alles",
|
||||
"subscriptions": "Abonnementen",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "I løpet av den siste uken har <1>{{userCount}}</1> brukere laget <1>{{postCount}}</1> innlegg",
|
||||
"board_stats_month": "I løpet av den siste måneden har <1>{{userCount}}</1> brukere laget <1>{{postCount}}</1> innlegg",
|
||||
"board_stats_all": "Siden den gang har <1>{{userCount}}</1> brukere laget <1>{{postCount}}</1> innlegg",
|
||||
"board_created": "Forum opprettet"
|
||||
"board_created": "Forum opprettet",
|
||||
"settings": "Innstillinger",
|
||||
"home": "Hjem",
|
||||
"subscribe": "Abonner",
|
||||
"unsubscribe": "Avslutt abonnement",
|
||||
"close_post_form": "Lukk postskjema",
|
||||
"catalog": "Katalog",
|
||||
"all": "Alle",
|
||||
"subscriptions": "Abonnementer",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "W ciągu ostatniego tygodnia <1>{{userCount}}</1> użytkowników napisało <1>{{postCount}}</1> postów",
|
||||
"board_stats_month": "W ciągu ostatniego miesiąca <1>{{userCount}}</1> użytkowników napisało <1>{{postCount}}</1> postów",
|
||||
"board_stats_all": "Od tego czasu <1>{{userCount}}</1> użytkowników napisało <1>{{postCount}}</1> postów",
|
||||
"board_created": "Forum utworzone"
|
||||
"board_created": "Forum utworzone",
|
||||
"settings": "Ustawienia",
|
||||
"home": "Strona główna",
|
||||
"subscribe": "Subskrybuj",
|
||||
"unsubscribe": "Wypisz się",
|
||||
"close_post_form": "Zamknij formularz postu",
|
||||
"catalog": "Katalog",
|
||||
"all": "Wszystkie",
|
||||
"subscriptions": "Subskrypcje",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Na última semana, <1>{{userCount}}</1> usuários fizeram <1>{{postCount}}</1> postagens",
|
||||
"board_stats_month": "No último mês, <1>{{userCount}}</1> usuários fizeram <1>{{postCount}}</1> postagens",
|
||||
"board_stats_all": "Desde então, <1>{{userCount}}</1> usuários fizeram <1>{{postCount}}</1> postagens",
|
||||
"board_created": "Fórum criado"
|
||||
"board_created": "Fórum criado",
|
||||
"settings": "Configurações",
|
||||
"home": "Início",
|
||||
"subscribe": "Subscrever",
|
||||
"unsubscribe": "Cancelar subscrição",
|
||||
"close_post_form": "Fechar formulário de postagem",
|
||||
"catalog": "Catálogo",
|
||||
"all": "Todos",
|
||||
"subscriptions": "Inscrições",
|
||||
"board": "Fórum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "În ultima săptămână, <1>{{userCount}}</1> utilizatori au făcut <1>{{postCount}}</1> postări",
|
||||
"board_stats_month": "În ultima lună, <1>{{userCount}}</1> utilizatori au făcut <1>{{postCount}}</1> postări",
|
||||
"board_stats_all": "De atunci, <1>{{userCount}}</1> utilizatori au făcut <1>{{postCount}}</1> postări",
|
||||
"board_created": "Forum creat"
|
||||
"board_created": "Forum creat",
|
||||
"settings": "Setări",
|
||||
"home": "Acasă",
|
||||
"subscribe": "Abonare",
|
||||
"unsubscribe": "Dezabonare",
|
||||
"close_post_form": "Închideți formularul de postare",
|
||||
"catalog": "Catalog",
|
||||
"all": "Toate",
|
||||
"subscriptions": "Abonamente",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "За прошлую неделю <1>{{userCount}}</1> пользователей опубликовали <1>{{postCount}}</1> сообщений",
|
||||
"board_stats_month": "За прошлый месяц <1>{{userCount}}</1> пользователей опубликовали <1>{{postCount}}</1> сообщений",
|
||||
"board_stats_all": "С тех пор <1>{{userCount}}</1> пользователей опубликовали <1>{{postCount}}</1> сообщений",
|
||||
"board_created": "Форум создан"
|
||||
"board_created": "Форум создан",
|
||||
"settings": "Настройки",
|
||||
"home": "Главная",
|
||||
"subscribe": "Подписаться",
|
||||
"unsubscribe": "Отписаться",
|
||||
"close_post_form": "Закрыть форму публикации",
|
||||
"catalog": "Каталог",
|
||||
"all": "Все",
|
||||
"subscriptions": "Подписки",
|
||||
"board": "Форум"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Në javën e kaluar, <1>{{userCount}}</1> përdorues ka bërë <1>{{postCount}}</1> postime",
|
||||
"board_stats_month": "Në muajin e kaluar, <1>{{userCount}}</1> përdorues ka bërë <1>{{postCount}}</1> postime",
|
||||
"board_stats_all": "Që atëherë, <1>{{userCount}}</1> përdorues ka bërë <1>{{postCount}}</1> postime",
|
||||
"board_created": "Forumi është krijuar"
|
||||
"board_created": "Forumi është krijuar",
|
||||
"settings": "Parametrat",
|
||||
"home": "Faqja kryesore",
|
||||
"subscribe": "Pajtohu",
|
||||
"unsubscribe": "Hiq pajtimin",
|
||||
"close_post_form": "Mbyllni formularin e postës",
|
||||
"catalog": "Katalog",
|
||||
"all": "Të gjitha",
|
||||
"subscriptions": "Abonimet",
|
||||
"board": "Forumi"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Under den senaste veckan har <1>{{userCount}}</1> användare gjort <1>{{postCount}}</1> inlägg",
|
||||
"board_stats_month": "Under den senaste månaden har <1>{{userCount}}</1> användare gjort <1>{{postCount}}</1> inlägg",
|
||||
"board_stats_all": "Sedan dess har <1>{{userCount}}</1> användare gjort <1>{{postCount}}</1> inlägg",
|
||||
"board_created": "Forum skapat"
|
||||
"board_created": "Forum skapat",
|
||||
"settings": "Inställningar",
|
||||
"home": "Hem",
|
||||
"subscribe": "Prenumerera",
|
||||
"unsubscribe": "Avsluta prenumeration",
|
||||
"close_post_form": "Stäng inläggsformuläret",
|
||||
"catalog": "Katalog",
|
||||
"all": "Allt",
|
||||
"subscriptions": "Prenumerationer",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "గత వారం, <1>{{userCount}}</1> వాడుకరులు <1>{{postCount}}</1> పోస్టులు చేశారు",
|
||||
"board_stats_month": "గత నెలలో, <1>{{userCount}}</1> వాడుకరులు <1>{{postCount}}</1> పోస్టులు చేశారు",
|
||||
"board_stats_all": "అప్పుడు నుండి, <1>{{userCount}}</1> వాడుకరులు <1>{{postCount}}</1> పోస్టులు చేశారు",
|
||||
"board_created": "బోర్డు సృష్టించబడింది"
|
||||
"board_created": "బోర్డు సృష్టించబడింది",
|
||||
"settings": "అమరికలు",
|
||||
"home": "హోమ్",
|
||||
"subscribe": "చేరండి",
|
||||
"unsubscribe": "సబ్స్క్రిప్షన్ రద్దు చేయండి",
|
||||
"close_post_form": "పోస్టు ఫారమ్ మూసేయి",
|
||||
"catalog": "కాటలాగ్",
|
||||
"all": "అన్ని",
|
||||
"subscriptions": "సబ్స్క్రిప్షన్లు",
|
||||
"board": "ఫోరం"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "ในช่วงสัปดาห์ที่ผ่านมา <1>{{userCount}}</1> ผู้ใช้งานได้สร้าง <1>{{postCount}}</1> โพสต์",
|
||||
"board_stats_month": "ในช่วงเดือนที่ผ่านมา <1>{{userCount}}</1> ผู้ใช้งานได้สร้าง <1>{{postCount}}</1> โพสต์",
|
||||
"board_stats_all": "ตั้งแต่นั้นมา <1>{{userCount}}</1> ผู้ใช้งานได้สร้าง <1>{{postCount}}</1> โพสต์",
|
||||
"board_created": "สร้างกระดานข่าวแล้ว"
|
||||
"board_created": "สร้างกระดานข่าวแล้ว",
|
||||
"settings": "การตั้งค่า",
|
||||
"home": "หน้าแรก",
|
||||
"subscribe": "สมัครสมาชิก",
|
||||
"unsubscribe": "ยกเลิกการสมัครสมาชิก",
|
||||
"close_post_form": "ปิดแบบฟอร์มโพสต์",
|
||||
"catalog": "แคตตาล็อก",
|
||||
"all": "ทั้งหมด",
|
||||
"subscriptions": "การสมัครสมาชิก",
|
||||
"board": "กระดาน"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Geçen hafta <1>{{userCount}}</1> kullanıcı <1>{{postCount}}</1> gönderi yaptı",
|
||||
"board_stats_month": "Geçen ay <1>{{userCount}}</1> kullanıcı <1>{{postCount}}</1> gönderi yaptı",
|
||||
"board_stats_all": "O zamandan beri <1>{{userCount}}</1> kullanıcı <1>{{postCount}}</1> gönderi yaptı",
|
||||
"board_created": "Forum oluşturuldu"
|
||||
"board_created": "Forum oluşturuldu",
|
||||
"settings": "Ayarlar",
|
||||
"home": "Anasayfa",
|
||||
"subscribe": "Abone Ol",
|
||||
"unsubscribe": "Abonelikten çık",
|
||||
"close_post_form": "Gönderi formunu kapat",
|
||||
"catalog": "Katalog",
|
||||
"all": "Tümü",
|
||||
"subscriptions": "Abonelikler",
|
||||
"board": "Forum"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "За минулий тиждень <1>{{userCount}}</1> користувачів зробили <1>{{postCount}}</1> повідомлень",
|
||||
"board_stats_month": "За минулий місяць <1>{{userCount}}</1> користувачів зробили <1>{{postCount}}</1> повідомлень",
|
||||
"board_stats_all": "З того часу <1>{{userCount}}</1> користувачів зробили <1>{{postCount}}</1> повідомлень",
|
||||
"board_created": "Форум створено"
|
||||
"board_created": "Форум створено",
|
||||
"settings": "Налаштування",
|
||||
"home": "Головна",
|
||||
"subscribe": "Підписатися",
|
||||
"unsubscribe": "Відмовитися від підписки",
|
||||
"close_post_form": "Закрити форму публікації",
|
||||
"catalog": "Каталог",
|
||||
"all": "Всі",
|
||||
"subscriptions": "Підписки",
|
||||
"board": "Форум"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "گذشتہ ہفتے، <1>{{userCount}}</1> صارفین نے <1>{{postCount}}</1> مواد ارسال کیا ہے",
|
||||
"board_stats_month": "گذشتہ مہینے، <1>{{userCount}}</1> صارفین نے <1>{{postCount}}</1> مواد ارسال کیا ہے",
|
||||
"board_stats_all": "اس کے بعد، <1>{{userCount}}</1> صارفین نے <1>{{postCount}}</1> مواد ارسال کیا ہے",
|
||||
"board_created": "پیغام بورڈز بنایا گیا"
|
||||
"board_created": "پیغام بورڈز بنایا گیا",
|
||||
"settings": "ترتیبات",
|
||||
"home": "ہوم",
|
||||
"subscribe": "سبسکرائب کریں",
|
||||
"unsubscribe": "سبسکرائب کی منسوخی",
|
||||
"close_post_form": "پوسٹ فارم بند کریں",
|
||||
"catalog": "کیٹالوگ",
|
||||
"all": "سب",
|
||||
"subscriptions": "سبسکرپشنز",
|
||||
"board": "پیغام بورڈ"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "Trong tuần qua, <1>{{userCount}}</1> người dùng đã đăng <1>{{postCount}}</1> bài",
|
||||
"board_stats_month": "Trong tháng qua, <1>{{userCount}}</1> người dùng đã đăng <1>{{postCount}}</1> bài",
|
||||
"board_stats_all": "Từ đó, <1>{{userCount}}</1> người dùng đã đăng <1>{{postCount}}</1> bài",
|
||||
"board_created": "Diễn đàn được tạo"
|
||||
"board_created": "Diễn đàn được tạo",
|
||||
"settings": "Cài đặt",
|
||||
"home": "Trang chủ",
|
||||
"subscribe": "Đăng ký",
|
||||
"unsubscribe": "Hủy đăng ký",
|
||||
"close_post_form": "Đóng biểu mẫu đăng bài",
|
||||
"catalog": "Catalog",
|
||||
"all": "Tất cả",
|
||||
"subscriptions": "Đăng ký",
|
||||
"board": "Diễn đàn"
|
||||
}
|
||||
@@ -20,5 +20,14 @@
|
||||
"board_stats_week": "在过去的一周内,<1>{{userCount}}</1> 用户发布了<1>{{postCount}}</1>个帖子",
|
||||
"board_stats_month": "在过去的一个月内,<1>{{userCount}}</1> 用户发布了<1>{{postCount}}</1>个帖子",
|
||||
"board_stats_all": "从那时起,<1>{{userCount}}</1> 用户发布了<1>{{postCount}}</1>个帖子",
|
||||
"board_created": "论坛已创建"
|
||||
"board_created": "论坛已创建",
|
||||
"settings": "设置",
|
||||
"home": "首页",
|
||||
"subscribe": "订阅",
|
||||
"unsubscribe": "取消订阅",
|
||||
"close_post_form": "关闭帖子表单",
|
||||
"catalog": "目录",
|
||||
"all": "所有",
|
||||
"subscriptions": "订阅",
|
||||
"board": "论坛"
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
.app {
|
||||
background: var(--background-base-color) var(--background-pattern-image) top center repeat-x;
|
||||
background: var(--body-background-base-color) var(--body-background-pattern-image) top center repeat-x;
|
||||
font-size: var(--body-font-size);
|
||||
font-family: var(--body-font-family);
|
||||
color: var(--body-font-color);
|
||||
|
||||
@@ -5,11 +5,14 @@ import { useSubplebbit } from '@plebbit/plebbit-react-hooks';
|
||||
import styles from './app.module.css';
|
||||
import useTheme from './hooks/use-theme';
|
||||
import Home from './views/home';
|
||||
import Settings from './views/settings';
|
||||
import Subplebbit from './views/subplebbit';
|
||||
import BoardNav from './components/board-nav';
|
||||
import BoardBanner from './components/board-banner';
|
||||
import BoardStats from './components/board-stats';
|
||||
import PostForm from './components/post-form';
|
||||
import { MobileBoardButtons } from './components/board-buttons';
|
||||
import { DesktopBoardButtons } from './components/board-buttons';
|
||||
|
||||
const BoardLayout = () => {
|
||||
const { subplebbitAddress } = useParams<{ subplebbitAddress: string }>();
|
||||
@@ -21,8 +24,10 @@ const BoardLayout = () => {
|
||||
<>
|
||||
<BoardNav address={subplebbitAddress} />
|
||||
<BoardBanner title={subplebbit.title} address={subplebbitAddress} />
|
||||
<MobileBoardButtons address={subplebbitAddress} />
|
||||
<PostForm address={subplebbitAddress} />
|
||||
<BoardStats address={subplebbitAddress} createdAt={subplebbit.createdAt} />
|
||||
<DesktopBoardButtons address={subplebbitAddress} />
|
||||
</>
|
||||
)}
|
||||
<Outlet />
|
||||
@@ -54,6 +59,7 @@ const App = () => {
|
||||
<Route element={<BoardLayout />}>
|
||||
<Route path='/p/:subplebbitAddress' element={<Subplebbit />} />
|
||||
</Route>
|
||||
<Route path='/settings' element={<Settings />} />
|
||||
</Routes>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -31,4 +31,11 @@
|
||||
border: var(--hr-border, revert);
|
||||
border-top: var(--hr-border-top, revert);
|
||||
height: var(--hr-height, revert);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.bannerCnt {
|
||||
padding-top: 35px;
|
||||
}
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState } from 'react';
|
||||
import styles from './board-banner.module.css';
|
||||
|
||||
const totalBanners = 25;
|
||||
const totalBanners = 38;
|
||||
|
||||
const ImageBanner = () => {
|
||||
const [imagePath] = useState(() => {
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
.mobileBoardButtons {
|
||||
text-align: center;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.mobileBoardButtons button {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.desktopBoardButtons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.mobileBoardButtons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
import { useSubscribe } from '@plebbit/plebbit-react-hooks';
|
||||
import styles from './board-buttons.module.css';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
interface BoardButtonsProps {
|
||||
address: string;
|
||||
}
|
||||
|
||||
const OptionsButton = () => {
|
||||
const { t } = useTranslation();
|
||||
return <button className='button'>{t('options')}</button>;
|
||||
};
|
||||
|
||||
const CatalogButton = () => {
|
||||
const { t } = useTranslation();
|
||||
return <button className='button'>{t('catalog')}</button>;
|
||||
};
|
||||
|
||||
const SubscribeButton = ({ address }: BoardButtonsProps) => {
|
||||
const { t } = useTranslation();
|
||||
const { subscribed, subscribe, unsubscribe } = useSubscribe({ subplebbitAddress: address });
|
||||
|
||||
return (
|
||||
<button className='button' onClick={subscribed ? unsubscribe : subscribe}>
|
||||
{subscribed ? t('unsubscribe') : t('subscribe')}
|
||||
</button>
|
||||
);
|
||||
};
|
||||
|
||||
export const MobileBoardButtons = ({ address }: BoardButtonsProps) => {
|
||||
return (
|
||||
<div className={styles.mobileBoardButtons}>
|
||||
<OptionsButton />
|
||||
<CatalogButton />
|
||||
<SubscribeButton address={address} />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export const DesktopBoardButtons = ({ address }: BoardButtonsProps) => {
|
||||
return (
|
||||
<div className={styles.desktopBoardButtons}>
|
||||
<SubscribeButton address={address} />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
export { MobileBoardButtons, DesktopBoardButtons } from './board-buttons';
|
||||
@@ -6,13 +6,18 @@
|
||||
}
|
||||
|
||||
.boardNavDesktop a {
|
||||
color: var(--internal-link-text-color);
|
||||
text-decoration: var(--internal-link-text-decoration);
|
||||
color: var(--link-internal-text-color);
|
||||
text-decoration: var(--link-internal-text-decoration);
|
||||
}
|
||||
|
||||
.boardNavDesktop a:hover {
|
||||
color: var(--internal-link-text-color-hover);
|
||||
text-decoration: var(--internal-link-text-decoration-hover);
|
||||
color: var(--link-internal-text-color-hover);
|
||||
text-decoration: var(--link-internal-text-decoration-hover);
|
||||
}
|
||||
|
||||
.navTopRight {
|
||||
float: right;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.boardNavMobile {
|
||||
@@ -24,12 +29,20 @@
|
||||
font-size: var(--boardnav-mobile-font-size);
|
||||
}
|
||||
|
||||
.boardNavMobile .pageJump a {
|
||||
color: var(--boardnav-mobile-button-text-color);
|
||||
}
|
||||
|
||||
.boardNavMobile strong {
|
||||
text-transform: capitalize;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.boardNavMobile select {
|
||||
font-size: var(--boardnav-mobile-font-size);
|
||||
border: var(--select-border, revert);
|
||||
background-color: var(--select-background-color, revert);
|
||||
color: var(--select-color, revert);
|
||||
}
|
||||
|
||||
.boardSelect {
|
||||
@@ -46,8 +59,8 @@
|
||||
}
|
||||
|
||||
.pageJump a {
|
||||
color: var(--internal-link-text-color);
|
||||
text-decoration: var(--internal-link-text-decoration);
|
||||
color: var(--link-internal-text-color);
|
||||
text-decoration: var(--link-internal-text-decoration);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import { Link, useNavigate } from 'react-router-dom';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import useDefaultSubplebbits from '../../hooks/use-default-subplebbits';
|
||||
import styles from './board-nav.module.css';
|
||||
|
||||
@@ -9,24 +10,32 @@ interface BoardNavProps {
|
||||
}
|
||||
|
||||
const BoardNavDesktop = ({ subplebbits }: BoardNavProps) => {
|
||||
const { t } = useTranslation();
|
||||
|
||||
return (
|
||||
<div className={styles.boardNavDesktop}>
|
||||
[
|
||||
{subplebbits.map((subplebbit: any, index: number) => (
|
||||
<span key={subplebbit.address}>
|
||||
{index === 0 ? null : ' '}
|
||||
<Link to={`/p/${subplebbit.address}`} title={subplebbit.title || ''}>
|
||||
{subplebbit.address.includes('.') ? subplebbit.address : subplebbit.title || subplebbit.address.slice(0, 10).concat('...')}
|
||||
</Link>
|
||||
{index !== subplebbits.length - 1 ? ' /' : null}
|
||||
</span>
|
||||
))}
|
||||
]
|
||||
<span className={styles.boardList}>
|
||||
[
|
||||
{subplebbits.map((subplebbit: any, index: number) => (
|
||||
<span key={subplebbit.address}>
|
||||
{index === 0 ? null : ' '}
|
||||
<Link to={`/p/${subplebbit.address}`} title={subplebbit.title || ''}>
|
||||
{subplebbit.address.includes('.') ? subplebbit.address : subplebbit.title || subplebbit.address.slice(0, 10).concat('...')}
|
||||
</Link>
|
||||
{index !== subplebbits.length - 1 ? ' /' : null}
|
||||
</span>
|
||||
))}
|
||||
]
|
||||
</span>
|
||||
<span className={styles.navTopRight}>
|
||||
[<Link to='/settings'>{t('settings')}</Link>] [<Link to='/'>{t('home')}</Link>]
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const BoardNavMobile = ({ subplebbits, currentSubplebbit }: BoardNavProps) => {
|
||||
const { t } = useTranslation();
|
||||
const navigate = useNavigate();
|
||||
|
||||
const boardSelect = (
|
||||
@@ -44,12 +53,12 @@ const BoardNavMobile = ({ subplebbits, currentSubplebbit }: BoardNavProps) => {
|
||||
return (
|
||||
<div className={styles.boardNavMobile}>
|
||||
<div className={styles.boardSelect}>
|
||||
<strong>Board</strong>
|
||||
<strong>{t('board')}</strong>
|
||||
{boardSelect}
|
||||
</div>
|
||||
<div className={styles.pageJump}>
|
||||
<Link to='settings'>Settings</Link>
|
||||
<Link to='/'>Home</Link>
|
||||
<Link to='settings'>{t('settings')}</Link>
|
||||
<Link to='/'>{t('home')}</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -24,20 +24,27 @@
|
||||
}
|
||||
|
||||
.hideButton {
|
||||
color: var(--button-text-color);
|
||||
color: var(--button-desktop-text-color);
|
||||
text-decoration: var(--button-text-decoration);
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.hideButton:hover {
|
||||
cursor: pointer;
|
||||
color: var(--button-text-color-hover);
|
||||
color: var(--button-desktop-text-color-hover);
|
||||
}
|
||||
|
||||
.statValue {
|
||||
color: var(--button-text-color);
|
||||
color: var(--button-desktop-text-color);
|
||||
}
|
||||
|
||||
.lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -26,7 +26,7 @@ const BoardStats = ({ address, createdAt }: BoardStatsProps) => {
|
||||
<table className={styles.blotter}>
|
||||
<hr />
|
||||
{showStats && (
|
||||
<tbody id='blotter-msgs'>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<Trans
|
||||
|
||||
@@ -1,15 +1,22 @@
|
||||
.togglePostForm {
|
||||
.postFormButtonDesktop {
|
||||
font-size: var(--post-form-toggle-font-size);
|
||||
font-weight: var(--post-form-toggle-font-weight);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.togglePostForm span {
|
||||
color: var(--button-text-color);
|
||||
text-decoration: var(--button-text-decoration);
|
||||
.postFormButtonMobile {
|
||||
text-align: center;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
.togglePostForm span:hover {
|
||||
cursor: pointer;
|
||||
color: var(--button-text-color-hover);
|
||||
@media (max-width: 640px) {
|
||||
.postFormButtonDesktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.postFormButtonMobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,4 @@
|
||||
import { useState } from 'react';
|
||||
import styles from './post-form.module.css';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
@@ -7,11 +8,23 @@ export interface PostFormProps {
|
||||
|
||||
const PostForm = ({ address }: PostFormProps) => {
|
||||
const { t } = useTranslation();
|
||||
const [showForm, setShowForm] = useState(false);
|
||||
|
||||
return (
|
||||
<div className={styles.togglePostForm}>
|
||||
[<span>{t('start_new_thread')}</span>]
|
||||
</div>
|
||||
<>
|
||||
<div className={styles.postFormButtonDesktop}>
|
||||
[
|
||||
<button className='button' onClick={() => setShowForm(true)}>
|
||||
{t('start_new_thread')}
|
||||
</button>
|
||||
]
|
||||
</div>
|
||||
<div className={styles.postFormButtonMobile}>
|
||||
<button className='button' onClick={() => setShowForm(!showForm)}>
|
||||
{showForm ? t('close_post_form') : t('start_new_thread')}
|
||||
</button>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@@ -10,4 +10,37 @@ body {
|
||||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, iframe {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.button {
|
||||
text-transform: capitalize;
|
||||
font-size: var(--button-font-size-mobile);
|
||||
font-weight: var(--button-font-weight-mobile);
|
||||
font-family: var(--button-font-family-mobile);
|
||||
border-radius: 3px;
|
||||
padding: 5px 10px 5px;
|
||||
background-color: var(--button-background-color-mobile);
|
||||
color: var(--button-text-color-mobile);
|
||||
border: var(--button-border-mobile);
|
||||
background-image: var(--button-background-image-mobile);
|
||||
background-repeat: var(--button-background-repeat-mobile);
|
||||
text-decoration: var(--button-text-decoration-mobile);
|
||||
user-select: none;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.button {
|
||||
all: unset;
|
||||
text-transform: capitalize;
|
||||
color: var(--button-desktop-text-color);
|
||||
text-decoration: var(--button-text-decoration);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
color: var(--button-desktop-text-color-hover);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@@ -1,222 +1,361 @@
|
||||
:root .yotsuba {
|
||||
--background-base-color: #ffe;
|
||||
--background-pattern-image: url("/public/assets/background-fade.png");
|
||||
--background-text-color: #fff;
|
||||
/* board banner */
|
||||
--banner-image-border: 1px solid #800;
|
||||
--board-title-font-size: 28px;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-address-font-size: x-small;
|
||||
|
||||
/* board nav */
|
||||
--boardnav-font-size: 9pt;
|
||||
--boardnav-separator-color: #b86;
|
||||
--boardnav-mobile-background-color: #f0e0d6;
|
||||
--boardnav-mobile-border-bottom: 2px solid #d9c5b7;
|
||||
--boardnav-mobile-font-size: 10px;
|
||||
--board-title-font-size: 28px;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-address-font-size: x-small;
|
||||
--boardnav-mobile-button-text-color: navy;
|
||||
|
||||
/* body */
|
||||
--body-background-base-color: #ffe;
|
||||
--body-background-pattern-image: url("/public/assets/background-fade.png");
|
||||
--body-font-color: maroon;
|
||||
--body-font-family: arial, helvetica, sans-serif;
|
||||
--body-font-size: 10pt;
|
||||
--box-border-color: #800;
|
||||
--button-text-color: #00e;
|
||||
--button-text-color-hover: red;
|
||||
--color1: #800;
|
||||
--color2: #fca;
|
||||
--color3: #fed;
|
||||
--external-link-text-color: rgb(160, 160, 180);
|
||||
--external-link-text-decoration: underline;
|
||||
|
||||
/* desktop buttons */
|
||||
--button-desktop-text-color: #00e;
|
||||
--button-desktop-text-color-hover: red;
|
||||
|
||||
/* mobile buttons */
|
||||
--button-font-size-mobile: 10pt;
|
||||
--button-font-weight-mobile: 700;
|
||||
--button-text-color-mobile: #800;
|
||||
--button-background-image-mobile: url("/public/assets/buttons/button-fade.png");
|
||||
--button-background-color-mobile: #f0e0d6;
|
||||
--button-border-mobile: 1px solid #c0a69d;
|
||||
|
||||
/* horizontal rule */
|
||||
--hr-border: none;
|
||||
--hr-border-top: 1px solid #d9bfb7;
|
||||
--hr-height: 0px;
|
||||
--internal-link-text-color: #800;
|
||||
--internal-link-text-color-hover: #e00;
|
||||
--internal-link-text-decoration: none;
|
||||
--internal-link-text-decoration-hover: underline;
|
||||
|
||||
/* homepage */
|
||||
--homepage-infobox-text-color: #000;
|
||||
--homepage-infobox-bar-text-color: #fff;
|
||||
--homepage-infobox-bar-background-color: #800;
|
||||
--homepage-box-background-color: #fff;
|
||||
--homepage-box-border-color: #800;
|
||||
--homepage-box-bar-text-color: #800;
|
||||
--homepage-box-bar-text-color-hover: #c63;
|
||||
--homepage-box-bar-background-color: #fca;
|
||||
|
||||
/* footer */
|
||||
--footer-item-background-color-desktop: #fed;
|
||||
|
||||
/* links */
|
||||
--link-external-text-color: #00f;
|
||||
--link-external-text-decoration: underline;
|
||||
--link-internal-text-color: #800;
|
||||
--link-internal-text-color-hover: #e00;
|
||||
--link-internal-text-decoration: none;
|
||||
--link-internal-text-decoration-hover: underline;
|
||||
|
||||
/* post form */
|
||||
--post-form-toggle-font-size: 22px;
|
||||
--post-form-toggle-font-weight: 700;
|
||||
--text-color: maroon;
|
||||
--text-color-on-color1: #fff;
|
||||
--text-color-on-color2: #800;
|
||||
--text-color-on-color2-hover: #c63;
|
||||
--text-color-standard: #000;
|
||||
--text-color-inverse: #fff;
|
||||
}
|
||||
|
||||
:root .yotsuba-b {
|
||||
--background-base-color: #eef2ff;
|
||||
--background-pattern-image: url("/public/assets/background-fade-blue.png");
|
||||
--background-text-color: #fff;
|
||||
/* board banner */
|
||||
--banner-image-border: 1px solid #000;
|
||||
--board-title-font-size: 28px;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-address-font-size: x-small;
|
||||
--board-title-text-color: #af0a0f;
|
||||
--board-address-text-color: #af0a0f;
|
||||
|
||||
/* board nav */
|
||||
--boardnav-font-size: 9pt;
|
||||
--boardnav-separator-color: #89a;
|
||||
--boardnav-mobile-background-color: #d6daf0;
|
||||
--boardnav-mobile-border-bottom: 2px solid #b7c5d9;
|
||||
--boardnav-mobile-font-size: 10px;
|
||||
--board-title-font-size: 28px;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-title-text-color: #af0a0f;
|
||||
--board-address-text-color: #af0a0f;
|
||||
--board-address-font-size: x-small;
|
||||
--boardnav-mobile-button-text-color: #34345c;
|
||||
|
||||
/* body */
|
||||
--body-background-base-color: #eef2ff;
|
||||
--body-background-pattern-image: url("/public/assets/background-fade-blue.png");
|
||||
--body-font-color: #000;
|
||||
--body-font-family: arial, helvetica, sans-serif;
|
||||
--body-font-size: 10pt;
|
||||
--box-border-color: #000;
|
||||
--button-text-color: #34345c;
|
||||
--button-text-color-hover: #d00;
|
||||
--color1: #98e;
|
||||
--color2: #98e;
|
||||
--color3: #eef2ff;
|
||||
--external-link-text-color: #00f;
|
||||
--external-link-text-decoration: underline;
|
||||
|
||||
/* homepage */
|
||||
--homepage-infobox-text-color: #000;
|
||||
--homepage-infobox-bar-text-color: #000;
|
||||
--homepage-infobox-bar-background-color: #98e;
|
||||
--homepage-box-background-color: #fff;
|
||||
--homepage-box-border-color: #000;
|
||||
--homepage-box-bar-text-color: #000;
|
||||
--homepage-box-bar-text-color-hover: #fff;
|
||||
--homepage-box-bar-background-color: #98e;
|
||||
|
||||
/* desktop buttons */
|
||||
--button-desktop-text-color: #34345c;
|
||||
--button-desktop-text-color-hover: #d00;
|
||||
|
||||
/* mobile buttons */
|
||||
--button-font-size-mobile: 10pt;
|
||||
--button-font-weight-mobile: 700;
|
||||
--button-text-color-mobile: #34345c;
|
||||
--button-background-image-mobile: url("/public/assets/buttons/button-fade-blue.png");
|
||||
--button-background-color-mobile: #d6daf0;
|
||||
--button-border-mobile: 1px solid #b7c5d9;
|
||||
|
||||
/* footer */
|
||||
--footer-item-background-color-desktop: #eef2ff;
|
||||
|
||||
/* horizontal rule */
|
||||
--hr-border: none;
|
||||
--hr-border-top: 1px solid #b7c5d9;
|
||||
--internal-link-text-color: #34345c;
|
||||
--internal-link-text-color-hover: #d00;
|
||||
--internal-link-text-decoration: none;
|
||||
--internal-link-text-decoration-hover: underline;
|
||||
|
||||
/* links */
|
||||
--link-external-text-color: #00f;
|
||||
--link-external-text-decoration: underline;
|
||||
--link-internal-text-color: #34345c;
|
||||
--link-internal-text-color-hover: #d00;
|
||||
--link-internal-text-decoration: none;
|
||||
--link-internal-text-decoration-hover: underline;
|
||||
|
||||
/* post form */
|
||||
--post-form-toggle-font-size: 22px;
|
||||
--post-form-toggle-font-weight: 700;
|
||||
--text-color: #000;
|
||||
--text-color-on-color1: #000;
|
||||
--text-color-on-color2: #000;
|
||||
--text-color-on-color2-hover: #fff;
|
||||
--text-color-standard: #000;
|
||||
--text-color-inverse: #fff;
|
||||
}
|
||||
|
||||
:root .futaba {
|
||||
--background-base-color: #ffe;
|
||||
--background-pattern-image: none;
|
||||
--background-text-color: #fff;
|
||||
/* body */
|
||||
--body-background-base-color: #ffe;
|
||||
--body-background-pattern-image: none;
|
||||
--body-font-color: maroon;
|
||||
--body-font-family: times new roman, serif;
|
||||
--body-font-size: 12pt;
|
||||
|
||||
/* homepage */
|
||||
--homepage-infobox-text-color: #000;
|
||||
--homepage-infobox-bar-text-color: #fff;
|
||||
--homepage-infobox-bar-background-color: #800;
|
||||
--homepage-box-background-color: #fff;
|
||||
--homepage-box-border-color: #800;
|
||||
--homepage-box-bar-text-color: #800;
|
||||
--homepage-box-bar-text-color-hover: #c63;
|
||||
--homepage-box-bar-background-color: #fca;
|
||||
|
||||
/* board nav */
|
||||
--boardnav-font-size: 11pt;
|
||||
--boardnav-separator-color: none;
|
||||
--boardnav-mobile-background-color: #f0e0d6;
|
||||
--boardnav-mobile-border-bottom: 2px solid #d9c5b7;
|
||||
--boardnav-mobile-font-size: 11pt;
|
||||
--boardnav-mobile-button-text-color: #00f;
|
||||
|
||||
/* board title */
|
||||
--board-title-font-size: 32px;
|
||||
--board-address-font-size: 10pt;
|
||||
--body-font-color: maroon;
|
||||
--body-font-family: times new roman, serif;
|
||||
--body-font-size: 12pt;
|
||||
--box-border-color: #800;
|
||||
--button-text-color: #00e;
|
||||
--button-text-color-hover: red;
|
||||
|
||||
/* desktop buttons */
|
||||
--button-desktop-text-color: #00e;
|
||||
--button-desktop-text-color-hover: red;
|
||||
--button-text-decoration: underline;
|
||||
--color1: #800;
|
||||
--color2: #fca;
|
||||
--color3: #fed;
|
||||
--external-link-text-color: #00f;
|
||||
--external-link-text-decoration: underline;
|
||||
--internal-link-text-color: #00e;
|
||||
--internal-link-text-color-hover: #e00;
|
||||
--internal-link-text-decoration: underline;
|
||||
--internal-link-text-decoration-hover: underline;
|
||||
|
||||
/* mobile buttons */
|
||||
--button-font-size-mobile: 11pt;
|
||||
--button-font-weight-mobile: 700;
|
||||
--button-text-color-mobile: #800;
|
||||
--button-background-image-mobile: url("/public/assets/buttons/button-fade.png");
|
||||
--button-background-color-mobile: #f0e0d6;
|
||||
--button-border-mobile: 1px solid #c0a69d;
|
||||
|
||||
/* footer */
|
||||
--footer-item-background-color-desktop: #fed;
|
||||
|
||||
/* links */
|
||||
--link-external-text-color: #00f;
|
||||
--link-external-text-decoration: underline;
|
||||
--link-internal-text-color: #00e;
|
||||
--link-internal-text-color-hover: #e00;
|
||||
--link-internal-text-decoration: underline;
|
||||
--link-internal-text-decoration-hover: underline;
|
||||
|
||||
/* post form */
|
||||
--post-form-toggle-font-size: 22px;
|
||||
--post-form-toggle-font-weight: 700;
|
||||
--text-color: maroon;
|
||||
--text-color-on-color1: #fff;
|
||||
--text-color-on-color2: #800;
|
||||
--text-color-on-color2-hover: #c63;
|
||||
--text-color-standard: #000;
|
||||
--text-color-inverse: #fff;
|
||||
}
|
||||
|
||||
:root .burichan {
|
||||
--background-base-color: #eef2ff;
|
||||
--background-pattern-image: none;
|
||||
--background-text-color: #fff;
|
||||
/* board banner */
|
||||
--banner-image-border: 1px solid #000;
|
||||
--board-title-font-size: 32px;
|
||||
--board-title-text-color: #af0a0f;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-address-font-size: 10pt;
|
||||
--board-address-text-color: #af0a0f;
|
||||
|
||||
/* board nav */
|
||||
--boardnav-font-size: 11pt;
|
||||
--boardnav-separator-color: none;
|
||||
--boardnav-mobile-background-color: #d6daf0;
|
||||
--boardnav-mobile-border-bottom: 2px solid #b7c5d9;
|
||||
--boardnav-mobile-font-size: 11pt;
|
||||
--board-title-font-size: 32px;
|
||||
--board-title-text-color: #af0a0f;
|
||||
--board-address-text-color: #af0a0f;
|
||||
--board-address-font-size: 10pt;
|
||||
--boardnav-mobile-button-text-color: #34345c;
|
||||
|
||||
/* body */
|
||||
--body-background-base-color: #eef2ff;
|
||||
--body-background-pattern-image: none;
|
||||
--body-font-color: #000;
|
||||
--body-font-family: times new roman, serif;
|
||||
--body-font-size: 12pt;
|
||||
--box-border-color: #000;
|
||||
--button-text-color: #34345c;
|
||||
|
||||
/* homepage */
|
||||
--homepage-infobox-text-color: #000;
|
||||
--homepage-infobox-bar-text-color: #000;
|
||||
--homepage-infobox-bar-background-color: #98e;
|
||||
--homepage-box-background-color: #fff;
|
||||
--homepage-box-border-color: #000;
|
||||
--homepage-box-bar-text-color: #000;
|
||||
--homepage-box-bar-background-color: #98e;
|
||||
--homepage-box-bar-text-color-hover: #fff;
|
||||
|
||||
/* desktop buttons */
|
||||
--button-desktop-text-color: #34345c;
|
||||
--button-text-decoration: underline;
|
||||
--button-text-color-hover: #d00;
|
||||
--color1: #98e;
|
||||
--color2: #98e;
|
||||
--color3: #eef2ff;
|
||||
--external-link-text-color: #00f;
|
||||
--external-link-text-decoration: underline;
|
||||
--internal-link-text-color: #34345c;
|
||||
--internal-link-text-color-hover: #d00;
|
||||
--internal-link-text-decoration: underline;
|
||||
--internal-link-text-decoration-hover: underline;
|
||||
--button-desktop-text-color-hover: #d00;
|
||||
|
||||
/* mobile buttons */
|
||||
--button-font-size-mobile: 11pt;
|
||||
--button-font-weight-mobile: 700;
|
||||
--button-text-color-mobile: #34345c;
|
||||
--button-background-image-mobile: url("/public/assets/buttons/button-fade-blue.png");
|
||||
--button-background-color-mobile: #d6daf0;
|
||||
--button-border-mobile: 1px solid #b7c5d9;
|
||||
|
||||
/* footer */
|
||||
--footer-item-background-color-desktop: #eef2ff;
|
||||
|
||||
/* links */
|
||||
--link-external-text-color: #00f;
|
||||
--link-external-text-decoration: underline;
|
||||
--link-internal-text-color: #34345c;
|
||||
--link-internal-text-color-hover: #d00;
|
||||
--link-internal-text-decoration: underline;
|
||||
--link-internal-text-decoration-hover: underline;
|
||||
|
||||
/* post form */
|
||||
--post-form-toggle-font-size: 22px;
|
||||
--post-form-toggle-font-weight: 700;
|
||||
--text-color: #000;
|
||||
--text-color-on-color1: #000;
|
||||
--text-color-on-color2: #000;
|
||||
--text-color-on-color2-hover: #fff;
|
||||
--text-color-standard: #000;
|
||||
--text-color-inverse: #fff;
|
||||
|
||||
}
|
||||
|
||||
:root .tomorrow {
|
||||
--background-base-color: #1d1f21;
|
||||
--background-pattern-image: none;
|
||||
--background-text-color: #282a2e;
|
||||
--banner-image-border: 1px solid #000;
|
||||
/* body */
|
||||
--body-background-base-color: #1d1f21;
|
||||
--body-background-pattern-image: none;
|
||||
--body-font-color: #c5c8c6;
|
||||
--body-font-family: arial, helvetica, sans-serif;
|
||||
--body-font-size: 10pt;
|
||||
|
||||
/* homepage */
|
||||
--homepage-infobox-text-color: #c5c8c6;
|
||||
--homepage-infobox-bar-text-color: #c5c8c6;
|
||||
--homepage-infobox-bar-background-color: rgb(33, 35, 38);
|
||||
--homepage-box-background-color: #282a2e;
|
||||
--homepage-box-bar-background-color: rgb(33, 35, 38);
|
||||
--homepage-box-border-color: rgb(45, 47, 51);
|
||||
--homepage-box-bar-text-color: #c5c8c6;
|
||||
--homepage-box-bar-text-color-hover: #c5c8c6;
|
||||
|
||||
/* board nav */
|
||||
--boardnav-font-size: 9pt;
|
||||
--boardnav-separator-color: #c5c8c6;
|
||||
--boardnav-mobile-background-color: #1d1f21;
|
||||
--boardnav-mobile-border-bottom: 2px solid #282a2e;
|
||||
--boardnav-mobile-font-size: 10px;
|
||||
--boardnav-mobile-button-text-color: #81a2be;
|
||||
|
||||
/* board title */
|
||||
--board-title-font-size: 28px;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-address-font-size: x-small;
|
||||
--body-font-color: #c5c8c6;
|
||||
--body-font-family: arial, helvetica, sans-serif;
|
||||
--body-font-size: 10pt;
|
||||
--box-border-color: rgb(45, 47, 51);
|
||||
--button-text-color: #81a2be;
|
||||
--button-text-color-hover: #5f89ac;
|
||||
--color1: rgb(33, 35, 38);
|
||||
--color2: rgb(33, 35, 38);
|
||||
|
||||
/* desktop buttons */
|
||||
--button-desktop-text-color: #81a2be;
|
||||
--button-desktop-text-color-hover: #5f89ac;
|
||||
|
||||
/* mobile buttons */
|
||||
--button-font-size-mobile: 10pt;
|
||||
--button-font-weight-mobile: 700;
|
||||
--button-text-color-mobile: #707070;
|
||||
--button-background-image-mobile: url("/public/assets/buttons/button-fade-dark.png");
|
||||
--button-background-color-mobile: #1b1c1e;
|
||||
--button-border-mobile: 1px solid #282a2e;
|
||||
|
||||
/* horizontal rule */
|
||||
--hr-border: none;
|
||||
--hr-border-top: 1px solid #282a2e;
|
||||
--hr-height: 0px;
|
||||
--internal-link-text-color: #81a2be;
|
||||
--internal-link-text-color-hover: #5f89ac;
|
||||
|
||||
/* links */
|
||||
--link-internal-text-color: #81a2be;
|
||||
--link-internal-text-color-hover: #5f89ac;
|
||||
|
||||
/* post form */
|
||||
--post-form-toggle-font-size: 22px;
|
||||
--post-form-toggle-font-weight: 700;
|
||||
--text-color: #c5c8c6;
|
||||
--text-color-standard: #c5c8c6;
|
||||
--text-color-on-color1: #c5c8c6;
|
||||
--text-color-on-color2: #c5c8c6;
|
||||
--text-color-on-color3: #c5c8c6;
|
||||
|
||||
/* select */
|
||||
--select-border: 1px solid #575a60;
|
||||
--select-background-color: #282a2e;
|
||||
--select-color: #c5c8c6;
|
||||
}
|
||||
|
||||
:root .photon {
|
||||
--background-base-color: #eee;
|
||||
--background-pattern-image: none;
|
||||
--banner-image-border: 1px solid #000;
|
||||
/* body */
|
||||
--body-background-base-color: #eee;
|
||||
--body-background-pattern-image: none;
|
||||
--body-font-color: #333;
|
||||
--body-font-family: arial, helvetica, sans-serif;
|
||||
--body-font-size: 10pt;
|
||||
|
||||
/* board nav */
|
||||
--boardnav-font-size: 9pt;
|
||||
--boardnav-separator-color: #333;
|
||||
--boardnav-mobile-background-color: #ddd;
|
||||
--boardnav-mobile-border-bottom: 2px solid #ccc;
|
||||
--boardnav-mobile-font-size: 10px;
|
||||
--boardnav-mobile-button-text-color: #f60;
|
||||
|
||||
/* board title */
|
||||
--board-title-font-size: 28px;
|
||||
--board-title-font-family: Tahoma, sans-serif;
|
||||
--board-title-text-color: #004a99;
|
||||
--board-address-font-size: x-small;
|
||||
--body-font-color: #333;
|
||||
--body-font-family: arial, helvetica, sans-serif;
|
||||
--body-font-size: 10pt;
|
||||
--button-text-color: #f60;
|
||||
--button-text-color-hover: #f30;
|
||||
|
||||
/* desktop buttons */
|
||||
--button-desktop-text-color: #f60;
|
||||
--button-desktop-text-color-hover: #f30;
|
||||
|
||||
/* mobile buttons */
|
||||
--button-font-size-mobile: 10pt;
|
||||
--button-font-weight-mobile: 700;
|
||||
--button-text-color-mobile: #333;
|
||||
--button-background-image-mobile: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 1) 100%);
|
||||
--button-border-mobile: 1px solid #ccc;
|
||||
|
||||
/* horizontal rule */
|
||||
--hr-border: none;
|
||||
--hr-border-top: 1px solid #ddd;
|
||||
--hr-height: 0px;
|
||||
--internal-link-text-color: #f60;
|
||||
--internal-link-text-color-hover: #f30;
|
||||
|
||||
/* links */
|
||||
--link-internal-text-color: #f60;
|
||||
--link-internal-text-color-hover: #f30;
|
||||
|
||||
/* post form */
|
||||
--post-form-toggle-font-size: 22px;
|
||||
--post-form-toggle-font-weight: 700;
|
||||
--text-color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,29 +19,29 @@
|
||||
|
||||
.box {
|
||||
position: relative;
|
||||
background: var(--background-text-color);
|
||||
color: var(--text-color-standard);
|
||||
border: 1px solid var(--box-border-color);
|
||||
background: var(--homepage-box-background-color);
|
||||
color: var(--homepage-infobox-text-color);
|
||||
border: 1px solid var(--homepage-box-border-color);
|
||||
margin-bottom: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.boxBar {
|
||||
.boxBar, .infoboxBar {
|
||||
padding-left: 0.5em;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.color1ColorBar {
|
||||
background: var(--color1);
|
||||
color: var(--text-color-on-color1);
|
||||
.infoboxBar {
|
||||
background: var(--homepage-infobox-bar-background-color);
|
||||
color: var(--homepage-infobox-bar-text-color);
|
||||
}
|
||||
|
||||
.color2ColorBar {
|
||||
background: var(--color2);
|
||||
color: var(--text-color-on-color2);
|
||||
.boxBar {
|
||||
background: var(--homepage-box-bar-background-color);
|
||||
color: var(--homepage-box-bar-text-color);
|
||||
}
|
||||
|
||||
.boxBar h2 {
|
||||
.boxBar h2, .infoboxBar h2{
|
||||
font-size: 131%;
|
||||
font-weight: 700;
|
||||
}
|
||||
@@ -56,7 +56,7 @@
|
||||
|
||||
.boxBar span:hover {
|
||||
cursor: pointer;
|
||||
color: var(--text-color-on-color2-hover);
|
||||
color: var(--homepage-box-bar-text-color-hover);
|
||||
}
|
||||
|
||||
.boxContent {
|
||||
@@ -72,7 +72,7 @@
|
||||
}
|
||||
|
||||
.boxContent a, .boxContent a:visited{
|
||||
color: var(--external-link-text-color);
|
||||
color: var(--link-external-text-color);
|
||||
}
|
||||
|
||||
.searchBar {
|
||||
@@ -90,6 +90,9 @@
|
||||
border-radius: 0px;
|
||||
border: 1px solid rgb(170, 170, 170);
|
||||
outline: none;
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.searchBar input {
|
||||
@@ -103,6 +106,8 @@
|
||||
display: inline-block;
|
||||
text-transform: capitalize;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
@@ -111,13 +116,13 @@
|
||||
|
||||
.list a {
|
||||
display: inline-block;
|
||||
color: var(--internal-link-text-color);
|
||||
text-decoration: var(--internal-link-text-decoration);
|
||||
color: var(--link-internal-text-color);
|
||||
text-decoration: var(--link-internal-text-decoration);
|
||||
}
|
||||
|
||||
.list a:hover {
|
||||
color: var(--internal-link-text-color-hover);
|
||||
text-decoration: var(--internal-link-text-decoration-hover);
|
||||
color: var(--link-internal-text-color-hover);
|
||||
text-decoration: var(--link-internal-text-decoration-hover);
|
||||
}
|
||||
|
||||
.boardsBoxContent {
|
||||
@@ -140,7 +145,7 @@
|
||||
font-size: 100%;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
color: var(--text-color-on-color2);
|
||||
color: var(--homepage-box-bar-text-color);
|
||||
}
|
||||
|
||||
.footer a {
|
||||
@@ -170,7 +175,7 @@
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--external-link-text-color);
|
||||
color: var(--link-external-text-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
@@ -185,7 +190,7 @@
|
||||
}
|
||||
|
||||
.footer li {
|
||||
background: var(--color3);
|
||||
background: var(--footer-item-background-color-desktop);
|
||||
border: 1px solid;
|
||||
padding: 2px 1em 2px 1em;
|
||||
border-left: none;
|
||||
@@ -198,7 +203,7 @@
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--text-color-on-color2);
|
||||
color: var(--homepage-box-bar-text-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -52,7 +52,7 @@ const InfoBox = () => {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<div className={styles.box}>
|
||||
<div className={`${styles.boxBar} ${styles.color1ColorBar}`}>
|
||||
<div className={styles.infoboxBar}>
|
||||
<h2>{t('what_is_plebchan')}</h2>
|
||||
</div>
|
||||
<div className={styles.boxContent}>
|
||||
@@ -71,7 +71,7 @@ const Boards = () => {
|
||||
|
||||
return (
|
||||
<div className={styles.box}>
|
||||
<div className={`${styles.boxBar} ${styles.color2ColorBar}`}>
|
||||
<div className={styles.boxBar}>
|
||||
<h2 className={styles.capitalize}>{t('boards')}</h2>
|
||||
<span>{t('options')} ▼</span>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from './settings';
|
||||
@@ -0,0 +1,19 @@
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.content select {
|
||||
background-color: var(--select-background-color, revert);
|
||||
border: var(--select-border, revert);
|
||||
color: var(--select-color, revert);
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.content a {
|
||||
margin: 10px;
|
||||
margin-bottom: 40px;
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import useTheme from '../../hooks/use-theme';
|
||||
import styles from './settings.module.css';
|
||||
import { Link } from 'react-router-dom';
|
||||
|
||||
// TODO: remove theme and languages selectors for debugging
|
||||
const ThemeSettings = () => {
|
||||
const [theme, setTheme] = useTheme();
|
||||
|
||||
return (
|
||||
<select className={styles.themeSettings} value={theme} onChange={(e) => setTheme(e.target.value)}>
|
||||
<option value='yotsuba'>Yotsuba</option>
|
||||
<option value='yotsuba-b'>Yotsuba B</option>
|
||||
<option value='futaba'>Futaba</option>
|
||||
<option value='burichan'>Burichan</option>
|
||||
<option value='tomorrow'>Tomorrow</option>
|
||||
<option value='photon'>Photon</option>
|
||||
</select>
|
||||
);
|
||||
};
|
||||
|
||||
// prettier-ignore
|
||||
const availableLanguages = ['ar', 'bn', 'cs', 'da', 'de', 'el', 'en', 'es', 'fa', 'fi', 'fil', 'fr', 'he', 'hi', 'hu', 'id', 'it', 'ja', 'ko', 'mr', 'nl', 'no', 'pl', 'pt', 'ro', 'ru', 'sq', 'sv', 'te', 'th', 'tr', 'uk', 'ur', 'vi', 'zh'];
|
||||
|
||||
const LanguageSettings = () => {
|
||||
const { i18n } = useTranslation();
|
||||
const { changeLanguage, language } = i18n;
|
||||
|
||||
const onSelectLanguage = (e: React.ChangeEvent<HTMLSelectElement>) => {
|
||||
changeLanguage(e.target.value);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={styles.languageSettings}>
|
||||
<select value={language} onChange={onSelectLanguage}>
|
||||
{availableLanguages.map((lang) => (
|
||||
<option key={lang} value={lang}>
|
||||
{lang}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const Settings = () => {
|
||||
return (
|
||||
<div className={styles.content}>
|
||||
<div>
|
||||
<Link to='/'>Home</Link>
|
||||
</div>
|
||||
<ThemeSettings />
|
||||
<LanguageSettings />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Settings;
|
||||
@@ -1,10 +1,13 @@
|
||||
.debug {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.debug select {
|
||||
margin: 2px;
|
||||
border: var(--select-border);
|
||||
background-color: var(--select-background-color);
|
||||
color: var(--select-color);
|
||||
}
|
||||
|
||||
@@ -1,56 +1,7 @@
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import useTheme from '../../hooks/use-theme';
|
||||
import styles from './subplebbit.module.css';
|
||||
|
||||
// TODO: remove theme and languages selectors for debugging
|
||||
const ThemeSettings = () => {
|
||||
const [theme, setTheme] = useTheme();
|
||||
|
||||
return (
|
||||
<select value={theme} onChange={(e) => setTheme(e.target.value)}>
|
||||
<option value='yotsuba'>Yotsuba</option>
|
||||
<option value='yotsuba-b'>Yotsuba B</option>
|
||||
<option value='futaba'>Futaba</option>
|
||||
<option value='burichan'>Burichan</option>
|
||||
<option value='tomorrow'>Tomorrow</option>
|
||||
<option value='photon'>Photon</option>
|
||||
</select>
|
||||
);
|
||||
};
|
||||
|
||||
// prettier-ignore
|
||||
const availableLanguages = ['ar', 'bn', 'cs', 'da', 'de', 'el', 'en', 'es', 'fa', 'fi', 'fil', 'fr', 'he', 'hi', 'hu', 'id', 'it', 'ja', 'ko', 'mr', 'nl', 'no', 'pl', 'pt', 'ro', 'ru', 'sq', 'sv', 'te', 'th', 'tr', 'uk', 'ur', 'vi', 'zh'];
|
||||
|
||||
const LanguageSettings = () => {
|
||||
const { i18n } = useTranslation();
|
||||
const { changeLanguage, language } = i18n;
|
||||
|
||||
const onSelectLanguage = (e: React.ChangeEvent<HTMLSelectElement>) => {
|
||||
changeLanguage(e.target.value);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={styles.languageSettings}>
|
||||
<select value={language} onChange={onSelectLanguage}>
|
||||
{availableLanguages.map((lang) => (
|
||||
<option key={lang} value={lang}>
|
||||
{lang}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const Subplebbit = () => {
|
||||
return (
|
||||
<div className={styles.content}>
|
||||
<div className={styles.debug}>
|
||||
<LanguageSettings />
|
||||
<ThemeSettings />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
return <div className={styles.content}></div>;
|
||||
};
|
||||
|
||||
export default Subplebbit;
|
||||
|
||||