Simpler translation demos
This commit is contained in:
daudix
@ -11,170 +11,4 @@ jgs~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~
|
|||||||
```
|
```
|
||||||
{% end %}
|
{% end %}
|
||||||
|
|
||||||
# Duckquill
|
# Duckquill (العربية)
|
||||||
|
|
||||||
Duckquill هو سمة عصرية وجميلة ونظيفة (ونظيفة) [Zola](https://www.getzola.org) التي تهدف إلى تبسيط عملية طرح مدونتك بشكل كبير. يهدف إلى توفير جميع الخيارات اللازمة للكتابة المريحة، مع الحفاظ على توازن البساطة.
|
|
||||||
|
|
||||||
قم بتحرير القليل من البيانات الوصفية وتعديل بعض الرسومات المضمنة واحصل على مدونة في دقائق!
|
|
||||||
|
|
||||||
- جميلة، لكنها خفيفة الوزن. لا يتم استخدام جافا سكريبت (باستثناء التعليقات).
|
|
||||||
- يتم تلوين الألوان باللون الأساسي الذي يختاره المستخدم للحصول على مظهر لطيف.
|
|
||||||
- حجمه 90 كيلو بايت تقريبًا؛ خذ هذا، 12 ميغابايت متوسط!
|
|
||||||
- يستخدم خطوط النظام لتحميل سريع للغاية.
|
|
||||||
- مناسب للجوال، مع متغير داكن مناسب.
|
|
||||||
- أيقونة مفضلة مناسبة للمتصفحات الحديثة وأيقونات أجهزة أبل.
|
|
||||||
- تويتر وماستودون وبطاقات تعريفية لوسائل التواصل الاجتماعي الأخرى لسهولة المشاركة. جرّب [ Share Preview](https://apps.gnome.org/SharePreview/) للاختبار.
|
|
||||||
- [تعليقات مدعومة من ماستودون](https://carlschwan.eu/2020/12/29/adding-comments-to-your-static-blog-with-mastodon/)؛ التعليق باستخدام خادم ActivityPub متوافق عن طريق الرد على منشور ماستودون.
|
|
||||||
|
|
||||||
> تم إنشاء Duckquill بناءً على احتياجات [موقع الويب الخاص بي](https://daudix.codeberg.page)، إذا كنت بحاجة إلى بعض الميزات/الإعدادات غير الموجودة فلا تتردد في فتح مشكلة أو الأفضل من ذلك، طلب سحب!
|
|
||||||
|
|
||||||
## التثبيت
|
|
||||||
|
|
||||||
أولاً، قم بتنزيل هذا القالب في دليل "themes" الخاص بك:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
git clone https://codeberg.org/daudix/duckquill.git themes/duckquill
|
|
||||||
```
|
|
||||||
|
|
||||||
...أو إضافتها كوحدة فرعية لسهولة التحديث (يوصى بذلك إذا كان لديك بالفعل إعداد git في الموقع):
|
|
||||||
|
|
||||||
```sh
|
|
||||||
git submodule init
|
|
||||||
git submodule add https://codeberg.org/daudix/duckquill.git themes/duckquill
|
|
||||||
```
|
|
||||||
|
|
||||||
يوصى بشدة بالتبديل من الفرع "main" إلى الإصدار الأخير:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
cd themes/duckquill
|
|
||||||
git checkout tags/v3.0.0
|
|
||||||
```
|
|
||||||
|
|
||||||
لتحديث الوحدة الفرعية، ما عليك سوى التبديل إلى علامة جديدة:
|
|
||||||
|
|
||||||
** ملاحظة:** تحقق من سجل التغيير لجميع الإصدارات التي جاءت بعد الإصدار الذي تستخدمه، فقد تكون هناك بعض التغييرات التي تحتاج إلى تدخل يدوي.
|
|
||||||
|
|
||||||
```sh
|
|
||||||
git submodule update --remote --merge
|
|
||||||
git tag --list
|
|
||||||
git checkout tags/v3.0.0
|
|
||||||
```
|
|
||||||
|
|
||||||
ثم، قم بتمكينه في 'config.toml':
|
|
||||||
|
|
||||||
```toml
|
|
||||||
theme = "duckquill"
|
|
||||||
```
|
|
||||||
|
|
||||||
## الخيارات
|
|
||||||
|
|
||||||
تقدم Duckquill بعض خيارات التهيئة لجعلها تناسبك بشكل أفضل؛ معظم الخيارات لها تعليقات وصفية جميلة، لذا يجب أن يكون من السهل فهم ما تفعله.
|
|
||||||
|
|
||||||
### أوراق الأنماط المخصصة
|
|
||||||
|
|
||||||
يمكنك إضافة الأنماط الخاصة بك أو تجاوز الأنماط الموجودة عن طريق إنشاء ورقة أنماط مخصصة وإضافتها في "config.toml":
|
|
||||||
|
|
||||||
```toml
|
|
||||||
[extra]
|
|
||||||
stylesheets = [
|
|
||||||
"YOUR_STYLE.css"
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
أوراق الأنماط الإضافية؛ تتوقع أن تكون في الدليل " static". إذا كنت تستخدم Sass فسيتم تجميعها هناك على أي حال.
|
|
||||||
|
|
||||||
إذا لم تُحترم الفئة المتجاوزة لسبب ما، حاول استخدام '!important'. يمكنك استيراد الأنماط من Duckquill باستخدام:
|
|
||||||
|
|
||||||
```scss
|
|
||||||
@use "../themes/duckquill/sass/NEEDED_FILE.scss";
|
|
||||||
```
|
|
||||||
|
|
||||||
### اللون الأساسي
|
|
||||||
|
|
||||||
يحترم Duckquill اللون الأساسي المختار في كل مكان، ما عليك سوى تغيير اللون الأساسي في 'config.toml':
|
|
||||||
|
|
||||||
```toml
|
|
||||||
[extra]
|
|
||||||
primary_color = "COLOR_CODE"
|
|
||||||
primary_color_alpha = "COLOR_CODE"
|
|
||||||
```
|
|
||||||
|
|
||||||
## صفحات الاختبار
|
|
||||||
|
|
||||||
- [صفحة العرض التوضيحي](@/demo/index.ar.md)
|
|
||||||
- [حفلة الكعك!](@/demo/page.ar.md)
|
|
||||||
- [عرض توضيحي لتعليقات الأنشطة/التعليقات المتنوعة](@/demo/comments.ar.md)
|
|
||||||
- [عرض الكتلة البرمجية (يحتاج إلى Zola v0.18.0 والإصدارات الأحدث)](@/demo/code.ar.md)
|
|
||||||
|
|
||||||
## في البرية
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>يبدأ في التطويل، لذا انقر للتوسيع.</summary>
|
|
||||||
|
|
||||||
- [agustinramirodiaz.github.io](https://agustinramirodiaz.github.io)
|
|
||||||
- [alavi.me](https://alavi.me)
|
|
||||||
- [bano.dev](https://bano.dev)
|
|
||||||
- [blog.pansi21.xyz](https://blog.pansi21.xyz)
|
|
||||||
- [daudix.codeberg.page](https://daudix.codeberg.page) <small>(من الواضح)</small>
|
|
||||||
- [daveparr.info](https://www.daveparr.info)
|
|
||||||
- [digital-horror.com](https://digital-horror.com)
|
|
||||||
- [enriquekesslerm.com](https://enriquekesslerm.com)
|
|
||||||
- [jzbor.de](https://jzbor.de)
|
|
||||||
- [licu.dev](https://licu.dev)
|
|
||||||
- [luciengheerbrant.com](https://luciengheerbrant.com)
|
|
||||||
- [lukoktonos.com](http://www.lukoktonos.com)
|
|
||||||
- [malloc.garden](https://malloc.garden)
|
|
||||||
- [mourelask.xyz](https://mourelask.xyz)
|
|
||||||
- [nbenedek.me](https://nbenedek.me)
|
|
||||||
- [notaplace.com](https://notaplace.com)
|
|
||||||
- [pyter.at](https://pyter.at)
|
|
||||||
- [rbd.gg](https://www.rbd.gg)
|
|
||||||
- [rerere.unlogic.co.uk](https://rerere.unlogic.co.uk)
|
|
||||||
- [siddharthsabron.in](https://siddharthsabron.in)
|
|
||||||
- [skaven.org](https://skaven.org)
|
|
||||||
- [sorcery.nexus](https://sorcery.nexus)
|
|
||||||
- [sorg.codeberg.page](https://sorg.codeberg.page)
|
|
||||||
- [sungsphinx.codeberg.page](https://sungsphinx.codeberg.page)
|
|
||||||
- [treeniks.github.io](https://treeniks.github.io)
|
|
||||||
- [vikramxd.github.io](https://vikramxd.github.io)
|
|
||||||
- [zorrn.net](https://www.zorrn.net)
|
|
||||||
- لك؟ <small>(لا تتردد في [الاتصال بي](https://daudix.codeberg.page/about/#contacts) أو إرسال طلب سحب)</small>
|
|
||||||
|
|
||||||
</details>
|
|
||||||
|
|
||||||
## في الاعتمادات
|
|
||||||
|
|
||||||
- [andreatitolo.com](https://www.andreatitolo.com/credits)
|
|
||||||
- [aplos.gxbs.me](https://aplos.gxbs.me)
|
|
||||||
- [archaeoramblings.com](https://www.archaeoramblings.com/credits)
|
|
||||||
- [oomfie.town](https://oomfie.town/credits)
|
|
||||||
- [veeronniecaw.space](https://veeronniecaw.space)
|
|
||||||
|
|
||||||
## مصادر الأصول
|
|
||||||
|
|
||||||
جميع مصادر أصول Duckquill متاحة [هنا](https://codeberg.org/daudix/archive/src/branch/main/duckquill/src) ومرخصة بموجب CC BY-SA 4.0. السبب في عدم وضع المصادر في نفس الريبو مثل Duckquill نفسه بسيط: أريده أن يكون صغيرًا قدر الإمكان، بحيث يكون استنساخ الريبو سريعًا ولا يجعل الموقع أثقل بكثير؛ وهذا أيضًا سبب استخدام العرض التوضيحي للصور عن بُعد بدلاً من النسخ المحلية.
|
|
||||||
|
|
||||||
## الاعتمادات
|
|
||||||
|
|
||||||
- [صورة الريشة المستخدمة في بطاقة البيانات الوصفية](https://commons.wikimedia.org/wiki/File:3quills.jpg)
|
|
||||||
|
|
||||||
## الأدوات المستخدمة
|
|
||||||
|
|
||||||
- [VSCodium](https://vscodium.com) - ثنائيات برمجيات مجانية/مفتوحة المصدر من كود VS
|
|
||||||
- [Capitalize](https://marketplace.visualstudio.com/items?itemName=viablelab.capitalize) - كتابة العنوان بأحرف كبيرة بدون مواقع عشوائية.
|
|
||||||
- [Django](https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django) - تيرا مشابه تمامًا لـ Liquid في بعض الأماكن.
|
|
||||||
- [Even Better TOML](https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml) - لـ 'config.toml' بشكل أساسي.
|
|
||||||
- [Monokai Pro](https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode) - سمة جميلة للغاية.
|
|
||||||
- [SCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss) - لست متأكدًا مما إذا كان يعمل بالفعل. ¯\\\_(ツ)_/¯
|
|
||||||
- [فرز CSS](https://marketplace.visualstudio.com/items?itemName=piyushsarkar.sort-css-properties) - منقذ لخصائص CSS الطويلة.
|
|
||||||
- [أدوات مطوري فايرفوكس](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools) - الأفضل من نوعه.
|
|
||||||
|
|
||||||
أما بالنسبة لمنسق الكود فأنا أستخدم أداة VSCodium المدمجة. Prettier جيد لكني لا أحب الطريقة التي يحاول بها جعل الكود يتناسب مع عمود ضيق جدًا، يمكن تغيير هذا بالطبع، لكن المنسق المدمج يقوم بعمله لذا لا أزعج نفسي بفعل ذلك.
|
|
||||||
|
|
||||||
## شكرًا لـ
|
|
||||||
|
|
||||||
- [ياكوب شتاينر](https://jimmac.eu) لـ [موقع مكون نظام التشغيل](https://jimmac.github.io/os-component-website)، والذي كان بمثابة نقطة انطلاق وإلهام.
|
|
||||||
- [كارل شوان](https://carlschwan.eu) لـ [التعليقات التي تعمل بالماستودون](https://carlschwan.eu/2020/12/29/adding-comments-to-your-static-blog-with-mastodon/).
|
|
||||||
- [جوناثان نيل](https://jonneal.dev) من أجل [normalize.css](https://csstools.github.io/normalize.css/).
|
|
||||||
- [مكدسات الخطوط الحديثة](https://modernfontstacks.com) من أجل مكدس خطوط النظام.
|
|
||||||
- كل من دعمني وقال أشياء جيدة <3
|
|
||||||
|
|||||||
@ -138,7 +138,7 @@ primary_color_alpha = "COLOR_CODE"
|
|||||||
- [treeniks.github.io](https://treeniks.github.io)
|
- [treeniks.github.io](https://treeniks.github.io)
|
||||||
- [vikramxd.github.io](https://vikramxd.github.io)
|
- [vikramxd.github.io](https://vikramxd.github.io)
|
||||||
- [zorrn.net](https://www.zorrn.net)
|
- [zorrn.net](https://www.zorrn.net)
|
||||||
- Yours? <small>(feel free to [contact me](https://daudix.codeberg.page/about/#contacts) or send a pull request)</small>
|
- Yours? <small>(feel free to [contact me](https://daudix.codeberg.page/contact/#contacts) or send a pull request)</small>
|
||||||
|
|
||||||
</details>
|
</details>
|
||||||
|
|
||||||
|
|||||||
@ -11,170 +11,4 @@ jgs~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~
|
|||||||
```
|
```
|
||||||
{% end %}
|
{% end %}
|
||||||
|
|
||||||
# Duckquill
|
# Duckquill (Русский)
|
||||||
|
|
||||||
Duckquill - это современная, красивая и чистая (и мнительная) тема [Zola](https://www.getzola.org), цель которой - значительно упростить процесс создания вашего блога. Она призвана предоставить все необходимые опции для комфортного письма, сохраняя при этом баланс простоты оформления.
|
|
||||||
|
|
||||||
Отредактируйте немного метаданных и измените графику - и блог будет готов за считанные минуты!
|
|
||||||
|
|
||||||
- Красивая, но легкая. Не используется JavaScript (за исключением комментариев, хех).
|
|
||||||
- Цвета подкрашиваются выбранным пользователем основным цветом для приятного вида.
|
|
||||||
- Размер ~90 кБ; выкуси, Medium весящий 12 МБ!
|
|
||||||
- Использует системные шрифты для молниеносной загрузки.
|
|
||||||
- Дружелюбена к мобильным устройствам, имеет правильный темный вариант.
|
|
||||||
- Правильный фавикон для современных браузеров и иконки устройств Apple.
|
|
||||||
- Мета-карточки для Twitter, Mastodon и других социальных сетей для удобства публикации. Попробуйте [Share Preview](https://apps.gnome.org/SharePreview/), чтобы протестировать.
|
|
||||||
- [Комментарии с использованием Mastodon](https://carlschwan.eu/2020/12/29/adding-comments-to-your-static-blog-with-mastodon/); комментируйте, используя совместимый сервер ActivityPub, отвечая на пост Mastodon.
|
|
||||||
|
|
||||||
> Duckquill создан на основе нужд [моего сайта](https://daudix.codeberg.page), если вам нужна какая-то функция/конфигурация, которой не существует, не стесняйтесь открыть тему или, еще лучше, запрос на исправление!
|
|
||||||
|
|
||||||
## Установка
|
|
||||||
|
|
||||||
Сначала клонируйте эту тему в каталог `themes`:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
git clone https://codeberg.org/daudix/duckquill.git themes/duckquill
|
|
||||||
```
|
|
||||||
|
|
||||||
...или добавьте в качестве субмодуля для удобства обновления (рекомендуется, если у вас уже настроен git на сайте):
|
|
||||||
|
|
||||||
```sh
|
|
||||||
git submodule init
|
|
||||||
git submodule add https://codeberg.org/daudix/duckquill.git themes/duckquill
|
|
||||||
```
|
|
||||||
|
|
||||||
Настоятельно рекомендуется переключиться с ветки `main` на последний выпуск:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
cd themes/duckquill
|
|
||||||
git checkout tags/v3.0.0
|
|
||||||
```
|
|
||||||
|
|
||||||
Чтобы обновить субмодуль, просто переключитесь на новый тег:
|
|
||||||
|
|
||||||
> **Примечание:** Проверьте в журнале изменений все версии, вышедшие после той, которую вы используете, возможно, в них есть изменения, требующие ручного вмешательства.
|
|
||||||
|
|
||||||
```sh
|
|
||||||
git submodule update --remote --merge
|
|
||||||
git tag --list
|
|
||||||
git checkout tags/v3.0.0
|
|
||||||
```
|
|
||||||
|
|
||||||
Затем включите её в файле `config.toml`:
|
|
||||||
|
|
||||||
```toml
|
|
||||||
theme = "duckquill"
|
|
||||||
```
|
|
||||||
|
|
||||||
## Конфигурации
|
|
||||||
|
|
||||||
Duckquill предлагает несколько вариантов конфигурации, чтобы сделать его более подходящим для вас; большинство вариантов имеют довольно подробные комментарии, так что понять, что они делают, не составит труда.
|
|
||||||
|
|
||||||
### Пользовательские Таблицы Стилей
|
|
||||||
|
|
||||||
Вы можете добавить свои собственные или переопределить существующие стили, создав пользовательскую таблицу стилей и добавив ее в `config.toml`:
|
|
||||||
|
|
||||||
```toml
|
|
||||||
[extra]
|
|
||||||
stylesheets = [
|
|
||||||
"YOUR_STYLE.css"
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
Дополнительные таблицы стилей; ожидает, что они будут находиться в директории `static`. Если вы используете Sass, они будут скомпилированы там в любом случае.
|
|
||||||
|
|
||||||
Если по какой-то причине переопределенные классы не учитываются, попробуйте использовать `!important`. Вы можете импортировать стили из Duckquill, используя:
|
|
||||||
|
|
||||||
```scss
|
|
||||||
@use "../themes/duckquill/sass/NEEDED_FILE.scss";
|
|
||||||
```
|
|
||||||
|
|
||||||
### Основной Цвет
|
|
||||||
|
|
||||||
Duckquill везде соблюдает выбранный основной цвет, просто измените основной цвет в `config.toml`:
|
|
||||||
|
|
||||||
```toml
|
|
||||||
[extra]
|
|
||||||
primary_color = "COLOR_CODE"
|
|
||||||
primary_color_alpha = "COLOR_CODE"
|
|
||||||
```
|
|
||||||
|
|
||||||
## Тестовые Страницы
|
|
||||||
|
|
||||||
- [Демо страница](@/demo/index.ru.md)
|
|
||||||
- [Тортовая вечеринка!](@/demo/page.ru.md)
|
|
||||||
- [Демо комментариев ActivityPub/Fediverse](@/demo/comments.ru.md)
|
|
||||||
- [Демо блока кода (требуется Zola v0.18.0 и выше)](@/demo/code.ru.md)
|
|
||||||
|
|
||||||
## В Дикой Природе
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>Список становится длинным, поэтому нажмите, чтобы развернуть.</summary>
|
|
||||||
|
|
||||||
- [agustinramirodiaz.github.io](https://agustinramirodiaz.github.io)
|
|
||||||
- [alavi.me](https://alavi.me)
|
|
||||||
- [bano.dev](https://bano.dev)
|
|
||||||
- [blog.pansi21.xyz](https://blog.pansi21.xyz)
|
|
||||||
- [daudix.codeberg.page](https://daudix.codeberg.page) <small>(очевидно)</small>
|
|
||||||
- [daveparr.info](https://www.daveparr.info)
|
|
||||||
- [digital-horror.com](https://digital-horror.com)
|
|
||||||
- [enriquekesslerm.com](https://enriquekesslerm.com)
|
|
||||||
- [jzbor.de](https://jzbor.de)
|
|
||||||
- [licu.dev](https://licu.dev)
|
|
||||||
- [luciengheerbrant.com](https://luciengheerbrant.com)
|
|
||||||
- [lukoktonos.com](http://www.lukoktonos.com)
|
|
||||||
- [malloc.garden](https://malloc.garden)
|
|
||||||
- [mourelask.xyz](https://mourelask.xyz)
|
|
||||||
- [nbenedek.me](https://nbenedek.me)
|
|
||||||
- [notaplace.com](https://notaplace.com)
|
|
||||||
- [pyter.at](https://pyter.at)
|
|
||||||
- [rbd.gg](https://www.rbd.gg)
|
|
||||||
- [rerere.unlogic.co.uk](https://rerere.unlogic.co.uk)
|
|
||||||
- [siddharthsabron.in](https://siddharthsabron.in)
|
|
||||||
- [skaven.org](https://skaven.org)
|
|
||||||
- [sorcery.nexus](https://sorcery.nexus)
|
|
||||||
- [sorg.codeberg.page](https://sorg.codeberg.page)
|
|
||||||
- [sungsphinx.codeberg.page](https://sungsphinx.codeberg.page)
|
|
||||||
- [treeniks.github.io](https://treeniks.github.io)
|
|
||||||
- [vikramxd.github.io](https://vikramxd.github.io)
|
|
||||||
- [zorrn.net](https://www.zorrn.net)
|
|
||||||
- Ваш? <small>(не стесняйтесь [связаться со мной](https://daudix.codeberg.page/about/#contacts) или отправьте запрос на исправление)</small>
|
|
||||||
|
|
||||||
</details>
|
|
||||||
|
|
||||||
## В Титрах
|
|
||||||
|
|
||||||
- [andreatitolo.com](https://www.andreatitolo.com/credits)
|
|
||||||
- [aplos.gxbs.me](https://aplos.gxbs.me)
|
|
||||||
- [archaeoramblings.com](https://www.archaeoramblings.com/credits)
|
|
||||||
- [oomfie.town](https://oomfie.town/credits)
|
|
||||||
- [veeronniecaw.space](https://veeronniecaw.space)
|
|
||||||
|
|
||||||
## Исходники Ресурсов
|
|
||||||
|
|
||||||
Все исходники ресурсов Duckquill доступны [здесь](https://codeberg.org/daudix/archive/src/branch/main/duckquill/src) и лицензированы под CC BY-SA 4.0. Причина не размещать исходники в том же репо, что и сам Duckquill, проста: Я хочу, чтобы он был как можно меньше, чтобы клонирование репо было быстрым и не утяжеляло сайт; именно поэтому в демо используются удаленные изображения, а не локальные копии.
|
|
||||||
|
|
||||||
## Кредиты
|
|
||||||
|
|
||||||
- [Изображение пера, используемое в карточке метаданных](https://commons.wikimedia.org/wiki/File:3quills.jpg)
|
|
||||||
|
|
||||||
## Использованные Инструменты
|
|
||||||
|
|
||||||
- [VSCodium](https://vscodium.com) - Бесплатные/открытые программные бинарные файлы VSCode
|
|
||||||
- [Capitalize](https://marketplace.visualstudio.com/items?itemName=viablelab.capitalize) - Капитализация заголовков без случайных сайтов.
|
|
||||||
- [Django](https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django) - Tera местами очень похожа на Liquid.
|
|
||||||
- [Even Better TOML](https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml) - В основном для `config.toml`.
|
|
||||||
- [Monokai Pro](https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode) - Ужасно красивая тема.
|
|
||||||
- [SCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss) - Не уверен, что это действительно работает. ¯\\\_(ツ)_/¯
|
|
||||||
- [Sort CSS](https://marketplace.visualstudio.com/items?itemName=piyushsarkar.sort-css-properties) - Спасатель для длинных свойств CSS.
|
|
||||||
- [Инструменты разработчика Firefox](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools) - Лучшие в своем роде.
|
|
||||||
|
|
||||||
Что касается форматирования кода, то я использую встроенный в VSCodium. Prettier хорош, но мне не нравится, как он пытается вместить код в очень узкую колонку, это, конечно, можно изменить, но встроенный форматер делает свое дело, поэтому я не заморачиваюсь.
|
|
||||||
|
|
||||||
## Спасибо
|
|
||||||
|
|
||||||
- [Якубу Штайнеру](https://jimmac.eu) за [OS Component Website](https://jimmac.github.io/os-component-website), который послужил отправной точкой и вдохновением.
|
|
||||||
- [Карлу Швану](https://carlschwan.eu) за [Mastodon-powered Comments](https://carlschwan.eu/2020/12/29/adding-comments-to-your-static-blog-with-mastodon/).
|
|
||||||
- [Джонатану Нилу](https://jonneal.dev) за [normalize.css](https://csstools.github.io/normalize.css/).
|
|
||||||
- [Modern Font Stacks](https://modernfontstacks.com) за стек системных шрифтов.
|
|
||||||
- Всем, кто поддерживал меня и говорил хорошие вещи <3
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
title = "Writings of Duck's Feet"
|
title = "Writings of Duck's Feet (العربية)"
|
||||||
description = "Welcome to my quack'in blog, I quack about various stuff, but mostly I'm a demo"
|
description = "Welcome to my quack'in blog, I quack about various stuff, but mostly I'm a demo"
|
||||||
sort_by = "date"
|
sort_by = "date"
|
||||||
template = "article_list.html"
|
template = "article_list.html"
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
title = "Writings of Duck's Feet"
|
title = "Writings of Duck's Feet (Русский)"
|
||||||
description = "Welcome to my quack'in blog, I quack about various stuff, but mostly I'm a demo"
|
description = "Welcome to my quack'in blog, I quack about various stuff, but mostly I'm a demo"
|
||||||
sort_by = "date"
|
sort_by = "date"
|
||||||
template = "article_list.html"
|
template = "article_list.html"
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["John Draft"]
|
authors = ["John Draft (العربية)"]
|
||||||
title = "Drafty draft"
|
title = "Drafty draft"
|
||||||
description = "Drafted post, very drafty."
|
description = "Drafted post, very drafty."
|
||||||
date = 2024-04-29
|
date = 2024-04-29
|
||||||
@ -9,9 +9,3 @@ tags = ["Draft"]
|
|||||||
[extra]
|
[extra]
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["John Draft"]
|
authors = ["John Draft (Русский)"]
|
||||||
title = "Drafty draft"
|
title = "Drafty draft"
|
||||||
description = "Drafted post, very drafty."
|
description = "Drafted post, very drafty."
|
||||||
date = 2024-04-29
|
date = 2024-04-29
|
||||||
@ -9,9 +9,3 @@ tags = ["Draft"]
|
|||||||
[extra]
|
[extra]
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["John Ipsum"]
|
authors = ["John Ipsum (العربية)"]
|
||||||
title = "Ipsum"
|
title = "Ipsum"
|
||||||
description = "Lorem ipsum dolor sit amet."
|
description = "Lorem ipsum dolor sit amet."
|
||||||
date = 1970-01-02
|
date = 1970-01-02
|
||||||
@ -8,9 +8,3 @@ tags = ["Lorem", "Ipsum"]
|
|||||||
[extra]
|
[extra]
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["John Ipsum"]
|
authors = ["John Ipsum (Русский)"]
|
||||||
title = "Ipsum"
|
title = "Ipsum"
|
||||||
description = "Lorem ipsum dolor sit amet."
|
description = "Lorem ipsum dolor sit amet."
|
||||||
date = 1970-01-02
|
date = 1970-01-02
|
||||||
@ -8,9 +8,3 @@ tags = ["Lorem", "Ipsum"]
|
|||||||
[extra]
|
[extra]
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["Long Long Man"]
|
authors = ["Long Long Man (العربية)"]
|
||||||
title = "Loooooong Loooooong Loooooong Loooooong Loooooong Man"
|
title = "Loooooong Loooooong Loooooong Loooooong Loooooong Man"
|
||||||
description = "Veeery, veeery looong man."
|
description = "Veeery, veeery looong man."
|
||||||
date = 2017-01-01
|
date = 2017-01-01
|
||||||
@ -9,9 +9,3 @@ tags = ["Draft"]
|
|||||||
toc = false
|
toc = false
|
||||||
archive = "This page is, in fact, not archived."
|
archive = "This page is, in fact, not archived."
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["Long Long Man"]
|
authors = ["Long Long Man (Русский)"]
|
||||||
title = "Loooooong Loooooong Loooooong Loooooong Loooooong Man"
|
title = "Loooooong Loooooong Loooooong Loooooong Loooooong Man"
|
||||||
description = "Veeery, veeery looong man."
|
description = "Veeery, veeery looong man."
|
||||||
date = 2017-01-01
|
date = 2017-01-01
|
||||||
@ -9,9 +9,3 @@ tags = ["Draft"]
|
|||||||
toc = false
|
toc = false
|
||||||
archive = "This page is, in fact, not archived."
|
archive = "This page is, in fact, not archived."
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["John Lorem"]
|
authors = ["John Lorem (العربية)"]
|
||||||
title = "Lorem"
|
title = "Lorem"
|
||||||
description = "Lorem ipsum dolor sit amet."
|
description = "Lorem ipsum dolor sit amet."
|
||||||
date = 1970-01-01
|
date = 1970-01-01
|
||||||
@ -8,9 +8,3 @@ tags = ["Lorem", "Ipsum"]
|
|||||||
[extra]
|
[extra]
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["John Lorem"]
|
authors = ["John Lorem (Русский)"]
|
||||||
title = "Lorem"
|
title = "Lorem"
|
||||||
description = "Lorem ipsum dolor sit amet."
|
description = "Lorem ipsum dolor sit amet."
|
||||||
date = 1970-01-01
|
date = 1970-01-01
|
||||||
@ -8,9 +8,3 @@ tags = ["Lorem", "Ipsum"]
|
|||||||
[extra]
|
[extra]
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
|
|
||||||
|
|
||||||
Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea.
|
|
||||||
|
|||||||
@ -1,65 +1,8 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["Duck Quack"]
|
authors = ["Duck Quack (العربية)"]
|
||||||
title = "The Quill of Duck"
|
title = "The Quill of Duck"
|
||||||
description = "This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo."
|
description = "This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo."
|
||||||
date = 2023-08-31
|
date = 2023-08-31
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
tags = ["Demo", "Test"]
|
tags = ["Demo", "Test"]
|
||||||
[extra]
|
|
||||||
archive = "This page is, in fact, not archived."
|
|
||||||
toc = true
|
|
||||||
disclaimer = """
|
|
||||||
See [demo](@/demo/index.md) for showcase of all Duckquill possibilities. This page is a demo of a post with title, publication date, tags, disclaimer, table of contents and comments.
|
|
||||||
"""
|
|
||||||
[extra.comments]
|
|
||||||
host = "toot.community"
|
|
||||||
user = "sungsphinx"
|
|
||||||
id = "111789185826519979"
|
|
||||||
+++
|
+++
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## The what?
|
|
||||||
|
|
||||||
This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo.
|
|
||||||
|
|
||||||
## Some info
|
|
||||||
|
|
||||||
Well, open this file and look at how it's made, it includes all the essential front matter stuff.
|
|
||||||
|
|
||||||
Now to the _Stanley!_
|
|
||||||
|
|
||||||
## The _Stanley_!
|
|
||||||
|
|
||||||
This is the story of a man named _Stanley_.
|
|
||||||
|
|
||||||
_Stanley_ worked for a company in a big building where he was Employee `#427`.
|
|
||||||
|
|
||||||
|
|
||||||
<figcaption>The Office where Stanley works, it has yellow floor and beige walls</figcaption>
|
|
||||||
|
|
||||||
Employee `#427`'s job was simple: he sat at his desk in Room `427` and he pushed buttons on a keyboard.
|
|
||||||
|
|
||||||
Orders came to him through a monitor on his desk telling him what buttons to push, how long to push them, and in what order.
|
|
||||||
|
|
||||||
This is what Employee `#427` did every day of every month of every year, and although others may have considered it soul rending,
|
|
||||||
|
|
||||||
_Stanley_ relished every moment that the orders came in, as though he had been made exactly for this job.
|
|
||||||
|
|
||||||
And _Stanley_ was happy.
|
|
||||||
|
|
||||||
And then one day, something very peculiar happened.
|
|
||||||
|
|
||||||
Something that would forever change _Stanley_;
|
|
||||||
|
|
||||||
Something he would never quite forget.
|
|
||||||
|
|
||||||
He had been at his desk for nearly an hour when he had realized not one single order had arrived on the monitor for him to follow.
|
|
||||||
|
|
||||||
No one had shown up to give him instructions, call a meeting, or even say 'hi'. Never in all his years at the company had this happened, this complete isolation.
|
|
||||||
|
|
||||||
Something was very clearly wrong. Shocked, frozen solid, _Stanley_ found himself unable to move for the longest time.
|
|
||||||
|
|
||||||
But as he came to his wits and regained his senses, he got up from his desk and stepped out of his office.
|
|
||||||
|
|
||||||
All of his co-workers were gone. What could it mean? Stanley decided to go to the meeting room; perhaps he had simply missed a memo.
|
|
||||||
|
|||||||
@ -1,65 +1,8 @@
|
|||||||
+++
|
+++
|
||||||
authors = ["Duck Quack"]
|
authors = ["Duck Quack (Русский)"]
|
||||||
title = "The Quill of Duck"
|
title = "The Quill of Duck"
|
||||||
description = "This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo."
|
description = "This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo."
|
||||||
date = 2023-08-31
|
date = 2023-08-31
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
tags = ["Demo", "Test"]
|
tags = ["Demo", "Test"]
|
||||||
[extra]
|
|
||||||
archive = "This page is, in fact, not archived."
|
|
||||||
toc = true
|
|
||||||
disclaimer = """
|
|
||||||
See [demo](@/demo/index.md) for showcase of all Duckquill possibilities. This page is a demo of a post with title, publication date, tags, disclaimer, table of contents and comments.
|
|
||||||
"""
|
|
||||||
[extra.comments]
|
|
||||||
host = "toot.community"
|
|
||||||
user = "sungsphinx"
|
|
||||||
id = "111789185826519979"
|
|
||||||
+++
|
+++
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## The what?
|
|
||||||
|
|
||||||
This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo.
|
|
||||||
|
|
||||||
## Some info
|
|
||||||
|
|
||||||
Well, open this file and look at how it's made, it includes all the essential front matter stuff.
|
|
||||||
|
|
||||||
Now to the _Stanley!_
|
|
||||||
|
|
||||||
## The _Stanley_!
|
|
||||||
|
|
||||||
This is the story of a man named _Stanley_.
|
|
||||||
|
|
||||||
_Stanley_ worked for a company in a big building where he was Employee `#427`.
|
|
||||||
|
|
||||||
|
|
||||||
<figcaption>The Office where Stanley works, it has yellow floor and beige walls</figcaption>
|
|
||||||
|
|
||||||
Employee `#427`'s job was simple: he sat at his desk in Room `427` and he pushed buttons on a keyboard.
|
|
||||||
|
|
||||||
Orders came to him through a monitor on his desk telling him what buttons to push, how long to push them, and in what order.
|
|
||||||
|
|
||||||
This is what Employee `#427` did every day of every month of every year, and although others may have considered it soul rending,
|
|
||||||
|
|
||||||
_Stanley_ relished every moment that the orders came in, as though he had been made exactly for this job.
|
|
||||||
|
|
||||||
And _Stanley_ was happy.
|
|
||||||
|
|
||||||
And then one day, something very peculiar happened.
|
|
||||||
|
|
||||||
Something that would forever change _Stanley_;
|
|
||||||
|
|
||||||
Something he would never quite forget.
|
|
||||||
|
|
||||||
He had been at his desk for nearly an hour when he had realized not one single order had arrived on the monitor for him to follow.
|
|
||||||
|
|
||||||
No one had shown up to give him instructions, call a meeting, or even say 'hi'. Never in all his years at the company had this happened, this complete isolation.
|
|
||||||
|
|
||||||
Something was very clearly wrong. Shocked, frozen solid, _Stanley_ found himself unable to move for the longest time.
|
|
||||||
|
|
||||||
But as he came to his wits and regained his senses, he got up from his desk and stepped out of his office.
|
|
||||||
|
|
||||||
All of his co-workers were gone. What could it mean? Stanley decided to go to the meeting room; perhaps he had simply missed a memo.
|
|
||||||
|
|||||||
@ -1,21 +0,0 @@
|
|||||||
+++
|
|
||||||
title = "عرض كتلة الرمز التوضيحي"
|
|
||||||
+++
|
|
||||||
|
|
||||||
```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7
|
|
||||||
pre mark {
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
color: currentcolor;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
pre table td:nth-of-type(1) {
|
|
||||||
|
|
||||||
color: #6b6b6b;
|
|
||||||
|
|
||||||
font-style: italic;
|
|
||||||
|
|
||||||
}
|
|
||||||
```
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
+++
|
|
||||||
title = "Демо блока кода"
|
|
||||||
+++
|
|
||||||
|
|
||||||
```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7
|
|
||||||
pre mark {
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
color: currentcolor;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
pre table td:nth-of-type(1) {
|
|
||||||
|
|
||||||
color: #6b6b6b;
|
|
||||||
|
|
||||||
font-style: italic;
|
|
||||||
|
|
||||||
}
|
|
||||||
```
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
+++
|
|
||||||
template = "article.html"
|
|
||||||
title = "عرض توضيحي لتعليقات الأنشطة/التعليقات المتنوعة"
|
|
||||||
[extra.comments]
|
|
||||||
host = "toot.community"
|
|
||||||
user = "sungsphinx"
|
|
||||||
id = "111784580759701190"
|
|
||||||
+++
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
+++
|
|
||||||
template = "article.html"
|
|
||||||
title = "Демо комментариев ActivityPub/Fediverse"
|
|
||||||
[extra.comments]
|
|
||||||
host = "toot.community"
|
|
||||||
user = "sungsphinx"
|
|
||||||
id = "111784580759701190"
|
|
||||||
+++
|
|
||||||
@ -1,327 +1,4 @@
|
|||||||
+++
|
+++
|
||||||
template = "article.html"
|
template = "article.html"
|
||||||
title = "صفحة العرض التوضيحي"
|
title = "Demo Page (العربية)"
|
||||||
[extra]
|
|
||||||
archive = "هذه الصفحة، في الواقع، ليست مؤرشفة، مما يعني أنها ستتلقى تحديثات المحتوى."
|
|
||||||
trigger = "تحتوي هذه الصفحة على بلاك جاك ومومسات، ونكات سيئة مثل هذه النكتة."
|
|
||||||
disclaimer = """
|
|
||||||
- يتم تنفيذ جميع الحيل في هذه الصفحة من قبل فتيان المختبر، لا تجرب ذلك في المنزل
|
|
||||||
- لا تعرض نفسك لدرجة حرارة 4000 درجة كلفن
|
|
||||||
- لا تتخذ موقف التقديم المرافقة الحزبية
|
|
||||||
- لا تتفاعل مع الأسبستوس وصخور القمر
|
|
||||||
"""
|
|
||||||
+++
|
+++
|
||||||
|
|
||||||
يمكن أن يكون النص **بخط غامق**، أو _أحرف كبيرة_، أو ~~ يتوسطه خط~~.
|
|
||||||
|
|
||||||
[رابط لصفحة أخرى](@/demo/page.ar.md).
|
|
||||||
|
|
||||||
يجب أن تكون هناك مسافات بيضاء بين الفقرات.
|
|
||||||
|
|
||||||
نوصي بتضمين ملف README، أو ملف يحتوي على معلومات حول مشروعك.
|
|
||||||
|
|
||||||
# العنوان ١
|
|
||||||
|
|
||||||
هذه فقرة عادية تلي رأس الصفحة. Codeberg هي منصة استضافة أكواد للتحكم في الإصدار والتعاون. تتيح لك وللآخرين العمل معاً على المشاريع من أي مكان.
|
|
||||||
|
|
||||||
## العنوان ٢
|
|
||||||
|
|
||||||
> هذا اقتباس مجمّع بعد رأس الصفحة.
|
|
||||||
>
|
|
||||||
>> عندما يكون الشيء مهمًا بما فيه الكفاية، فإنك تقوم به حتى لو لم تكن الاحتمالات في غير صالحك.
|
|
||||||
|
|
||||||
### العنوان ٣
|
|
||||||
|
|
||||||
```js
|
|
||||||
// كود جافا سكريبت مع تمييز بناء الجملة
|
|
||||||
var fun = function lang(l) {
|
|
||||||
dateformat.i18n = require("./lang/" + l);
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
```
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# كود روبي مع تمييز بناء الجملة
|
|
||||||
GitHubPages::Dependencies.gems.each do |gem, version|
|
|
||||||
s.add_dependency(gem, "= #{version}")
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
#### العنوان ٤
|
|
||||||
|
|
||||||
- هذه قائمة غير مرتبة تتبع رأساً.
|
|
||||||
- هذه قائمة غير مرتبة تتبع رأساً.
|
|
||||||
- هذه قائمة غير مرتبة تتبع رأساً.
|
|
||||||
|
|
||||||
##### العنوان ٥
|
|
||||||
|
|
||||||
1. هذه قائمة مرتبة تلي رأس القائمة.
|
|
||||||
2. هذه قائمة مرتبة تلي رأس القائمة.
|
|
||||||
3. هذه قائمة مرتبة تلي رأس القائمة.
|
|
||||||
|
|
||||||
###### العنوان ٦
|
|
||||||
|
|
||||||
| head1 | head two | three |
|
|
||||||
| :----------- | :---------------- | :---- |
|
|
||||||
| ok | good swedish fish | nice |
|
|
||||||
| out of stock | good and plenty | nice |
|
|
||||||
| ok | good `oreos` | hmm |
|
|
||||||
| ok | good `zoute` drop | yumm |
|
|
||||||
|
|
||||||
## هناك قاعدة أفقية أسفل هذا.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## فيما يلي قائمة غير مرتبة:
|
|
||||||
|
|
||||||
- Item foo
|
|
||||||
- Item bar
|
|
||||||
- Item baz
|
|
||||||
- Item zip
|
|
||||||
|
|
||||||
## وقائمة مرتبة:
|
|
||||||
|
|
||||||
1. Item one
|
|
||||||
2. Item two
|
|
||||||
3. Item three
|
|
||||||
4. Item four
|
|
||||||
|
|
||||||
## وقائمة متداخلة:
|
|
||||||
|
|
||||||
- level 1 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 3 item
|
|
||||||
- level 3 item
|
|
||||||
- level 1 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 1 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 1 item
|
|
||||||
|
|
||||||
## فيما يلي مربعات الاختيار:
|
|
||||||
|
|
||||||
- [ ] Milk
|
|
||||||
- [x] Eggs
|
|
||||||
- [x] Flour
|
|
||||||
- [ ] Coffee
|
|
||||||
- [x] Combustible lemons
|
|
||||||
|
|
||||||
### نفس الشيء ولكن تفاعلية
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><input type="checkbox"> Milk</li>
|
|
||||||
<li><input checked="" type="checkbox"> Eggs</li>
|
|
||||||
<li><input checked="" type="checkbox"> Flour</li>
|
|
||||||
<li><input type="checkbox"> Coffee</li>
|
|
||||||
<li><input checked="" type="checkbox"> Combustible lemons</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
### مع نوع الراديو
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><input type="radio" name="test"> Milk</li>
|
|
||||||
<li><input type="radio" name="test"> Eggs</li>
|
|
||||||
<li><input type="radio" name="test"> Flour</li>
|
|
||||||
<li><input checked="" type="radio" name="test"> Coffee</li>
|
|
||||||
<li><input type="radio" name="test" disabled=""> Combustible lemons</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
## صورة صغيرة
|
|
||||||
|
|
||||||
{{ image(url="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/icon/png/codeberg-logo_icon_blue-64x64.png", alt="Codeberg icon", transparent=true, no_hover=true) }}
|
|
||||||
|
|
||||||
## صورة كبيرة
|
|
||||||
|
|
||||||
{{ image(url="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/horizontal/png/codeberg-logo_horizontal_blue-850x250.png", alt="Codeberg horizontal", transparent=true, no_hover=true) }}
|
|
||||||
|
|
||||||
## يمكن استخدام قوائم التعريف مع صيغة HTML.
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Name</dt>
|
|
||||||
<dd>Godzilla</dd>
|
|
||||||
<dt>Born</dt>
|
|
||||||
<dd>1952</dd>
|
|
||||||
<dt>Birthplace</dt>
|
|
||||||
<dd>Japan</dd>
|
|
||||||
<dt>Color</dt>
|
|
||||||
<dd>Green</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
```
|
|
||||||
يجب ألا تلتف كتل التعليمات البرمجية الطويلة ذات السطر الواحد. يجب أن يتم تمريرها أفقيًا إذا كانت طويلة جدًا. يجب أن يكون هذا السطر طويلًا بما يكفي لتوضيح ذلك.
|
|
||||||
```
|
|
||||||
|
|
||||||
```
|
|
||||||
العنصر الأخير
|
|
||||||
```
|
|
||||||
|
|
||||||
## إضافي
|
|
||||||
|
|
||||||
حسنًا الآن بعد أن انتهت الصفحة التجريبية العامة (الموسعة قليلًا) ~~~ جيكل~~~ زولا، يمكننا الآن الوصول إلى الأشياء المخصصة، والتي صدقوني، إنها رائعة.
|
|
||||||
|
|
||||||
😭😂🥺🤣❤️✨🙏😍🥰😊
|
|
||||||
|
|
||||||
### الرموز القصيرة
|
|
||||||
|
|
||||||
يوفر Duckquill بعض [الرموز القصيرة] (https://www.getzola.org/documentation/content/shortcodes/) المفيدة التي تبسط بعض المهام.
|
|
||||||
|
|
||||||
#### الصورة
|
|
||||||
|
|
||||||
تأتي الصور بشكل افتراضي مزودة بتصميم، مثل الزوايا المستديرة والظل. لضبطها، يمكنك استخدام الرموز القصيرة مع تركيبات متغيرة مختلفة.
|
|
||||||
|
|
||||||
المتغيرات المتاحة هي:
|
|
||||||
|
|
||||||
- 'URL': عنوان URL للصورة.
|
|
||||||
- 'URL': عنوان URL لنسخة مضغوطة من الصورة، يمكن فتح النسخة الأصلية بالنقر على الصورة.
|
|
||||||
- 'Alt': النص البديل، كما لو كان النص داخل قوسين مربعين في Markdown.
|
|
||||||
- 'كامل': يفرض أن تكون الصورة/الفيديو بالعرض الكامل.
|
|
||||||
- "بكسل": يستخدم خوارزمية الجار الأقرب للقياس، وهي مفيدة للحفاظ على وضوح الصورة/ الفيديو بالبكسل.
|
|
||||||
- 'شفاف': يزيل الزوايا المستديرة والظل، مفيد للصور الشفافة.
|
|
||||||
- 'لا_تحريك': يزيل التكبير عند التحويم.
|
|
||||||
|
|
||||||
يجب أن تكون المتغيرات مفصولة بفاصلة وأن تكون داخل الأقواس.
|
|
||||||
|
|
||||||
```jinja2
|
|
||||||
{{/* image(url="image.png", alt="This is an image" no_hover=true) */}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{ image(url="https://i1.theportalwiki.net/img/2/23/Ashpd_blueprint.jpg", alt="Portal Gun blueprint", no_hover=true) }}
|
|
||||||
<figcaption>صورة مع نص بديل وبدون تكبير عند التحويم</figcaption>
|
|
||||||
|
|
||||||
{{ image(url="https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg", url_min="https://upload.wikimedia.org/wikipedia/commons/3/38/JPEG_example_JPG_RIP_010.jpg", alt="The gravestone of J.P.G.", no_hover=true) }}
|
|
||||||
<figcaption>صورة بنسخة مضغوطة ونص بديل وبدون تكبير عند التحويم</figcaption>
|
|
||||||
|
|
||||||
وبدلًا من ذلك، يمكنك إلحاق روابط url التالية. يمكن أن يكون ذلك أكثر فائدة في بعض الحالات، على سبيل المثال ستُعرض هذه الصور بشكل طبيعي في أي محرر Markdown، على عكس رموز Zola القصيرة.
|
|
||||||
|
|
||||||
- '# #full': يفرض أن تكون الصورة/الفيديو بالعرض الكامل.
|
|
||||||
- '# بكسل': يستخدم خوارزمية الجار الأقرب للقياس، وهي مفيدة للحفاظ على وضوح الصورة/ الفيديو بالبكسل.
|
|
||||||
- '#شفاف': يزيل الزوايا المستديرة والظل، مفيد للصور الشفافة.
|
|
||||||
- '#عدم التحويم': يزيل التكبير عند التحويم.
|
|
||||||
|
|
||||||
|
|
||||||
<figcaption>صورة بالعرض الكامل مع نص بديل، وعرض بالبكسل، وعدم وجود ظل وزوايا مستديرة، وعدم التكبير عند التمرير</figcaption>
|
|
||||||
|
|
||||||
#### فيديو
|
|
||||||
|
|
||||||
مثل الصور، ولكن مع بعض الاختلافات: لا يتوفر "لا_تحريك" و"URL_min".
|
|
||||||
|
|
||||||
```jinja2
|
|
||||||
{{/* video(url="video.webm", alt="This is a video") */}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{ video(url="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm", alt="Red flower wakes up") }}
|
|
||||||
<figcaption>مثال فيديو WebM من MDN</figcaption>
|
|
||||||
|
|
||||||
#### CRT
|
|
||||||
|
|
||||||
حسنًا، هذا لا يبسط أي شيء، بل يضيف فقط تأثيرًا يشبه تأثير CRT حول كتل شيفرة Markdown.
|
|
||||||
|
|
||||||
```jinja2
|
|
||||||
{%/* crt() */%}
|
|
||||||
-> Markdown code block <-
|
|
||||||
{%/* end */%}
|
|
||||||
```
|
|
||||||
|
|
||||||
{% crt() %}
|
|
||||||
|
|
||||||
```
|
|
||||||
_____________________________________________
|
|
||||||
|.'', Public_Library_Halls ,''.|
|
|
||||||
|.'.'', ,''.'.|
|
|
||||||
|.'.'.'', ,''.'.'.|
|
|
||||||
|.'.'.'.'', ,''.'.'.'.|
|
|
||||||
|.'.'.'.'.| |.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|===; ;===|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|:::|', ,'|:::|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|---|'.|, _______ ,|.'|---|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|
|
||||||
|,',',',',|---|',|'|???????|'|,'|---|,',',',',|
|
|
||||||
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|---|',' /%%%\ ','|---|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|===:' /%%%%%\ ':===|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|%%%%%%%%%%%%%%%%%%%%%%%%%|.'.'.'.'.|
|
|
||||||
|.'.'.'.',' /%%%%%%%%%\ ','.'.'.'.|
|
|
||||||
|.'.'.',' /%%%%%%%%%%%\ ','.'.'.|
|
|
||||||
|.'.',' /%%%%%%%%%%%%%\ ','.'.|
|
|
||||||
|.',' /%%%%%%%%%%%%%%%\ ','.|
|
|
||||||
|;____________/%%%%%Spicer%%%%%%\____________;|
|
|
||||||
```
|
|
||||||
|
|
||||||
{% end %}
|
|
||||||
|
|
||||||
## التسميات التوضيحية
|
|
||||||
|
|
||||||
يمكن أن تحتوي الوسائط على وصف نصي إضافي باستخدام علامة `<figcaption>` HTML تحتها مباشرةً.
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
|
|
||||||
<figcaption>التعليق على الصورة</figcaption>
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
<figcaption>المكتب الذي يعمل به ستانلي، أرضيته صفراء وجدرانه بيج</figcaption>
|
|
||||||
|
|
||||||
## أكورديون
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>يمكن أن أكون مفسداً، يمكن أن أكون نصاً طويلاً، يمكن أن أكون أي شيء.</summary>
|
|
||||||
|
|
||||||
_كواك كواك!
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</details>
|
|
||||||
|
|
||||||
## صغير
|
|
||||||
|
|
||||||
<small>نص صغير ولطيف لا يلفت الانتباه.</small>
|
|
||||||
|
|
||||||
## الاختصار
|
|
||||||
|
|
||||||
إن <abbr title="الرمز القياسي الأمريكي لتبادل المعلومات">ASCII</abbr> الفن رائع!
|
|
||||||
|
|
||||||
## إلى جانب ذلك
|
|
||||||
|
|
||||||
<aside>
|
|
||||||
ريشة وريشة ورقية
|
|
||||||
<img class="transparent no-hover" style="margin-bottom: 0; border-radius: 0;" alt="Quill and a parchment" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/%D7%A7%D7%9C%D7%A3%2C_%D7%A0%D7%95%D7%A6%D7%94_%D7%95%D7%93%D7%99%D7%95.jpg/326px-%D7%A7%D7%9C%D7%A3%2C_%D7%A0%D7%95%D7%A6%D7%94_%D7%95%D7%93%D7%99%D7%95.jpg" />
|
|
||||||
</aside>
|
|
||||||
|
|
||||||
والريشة هي أداة كتابة مصنوعة من ريشة طيران متحللة (ويفضل أن تكون ريشة جناح أساسية) لطائر كبير. كانت الريشة تستخدم للكتابة بالحبر قبل اختراع القلم الغاطس والقلم ذي الرأس المعدني وقلم الحبر، وأخيراً قلم الحبر الجاف.
|
|
||||||
|
|
||||||
وكما هو الحال مع قلم القصب السابق (والقلم الغاطس فيما بعد)، فإن الريشة لا تحتوي على خزان حبر داخلي، وبالتالي يجب غمسها بشكل دوري في محبرة أثناء الكتابة. ونادراً ما تُستخدم ريشة الإوزة المقطوعة يدوياً كأداة للخط بعد الآن لأن العديد من الأوراق الآن مشتقة من لب الخشب وسرعان ما تبلى الريشة. ومع ذلك فهي لا تزال الأداة المفضلة لعدد قليل من الكتبة الذين لاحظوا أن الريشة توفر حداً حاداً لا مثيل له بالإضافة إلى مرونة أكبر من القلم الفولاذي.
|
|
||||||
|
|
||||||
## اختصار لوحة المفاتيح
|
|
||||||
|
|
||||||
```html
|
|
||||||
<kbd>⌘ Super</kbd> + <kbd>Space</kbd>
|
|
||||||
```
|
|
||||||
|
|
||||||
لتبديل تخطيط لوحة المفاتيح، اضغط على <kbd>⌘ Super</kbd> + <kbd>Space</kbd>.
|
|
||||||
|
|
||||||
## تم تسليط الضوء على
|
|
||||||
|
|
||||||
أتعلم ماذا؟ سأقول بعض الأشياء <mark>المهمة</mark> جداً، <mark>مهمة</mark> جداً لدرجة أن **الخط العريض** لا يكفي.
|
|
||||||
|
|
||||||
## رابط خارجي
|
|
||||||
|
|
||||||
```html
|
|
||||||
<a class="external" href="https://example.org">رابط الموقع</a>
|
|
||||||
```
|
|
||||||
|
|
||||||
<a class="external" href="https://example.org">رابط الموقع</a>
|
|
||||||
|
|
||||||
## الأزرار
|
|
||||||
|
|
||||||
```html.j2
|
|
||||||
<div class="dialog-buttons">
|
|
||||||
<a class="inline-button" href="#top">الانتقال إلى الأعلى</a>
|
|
||||||
<a class="inline-button colored external" href="{{ config.extra.issues_url }}">ملف مشكلة</a>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
> انظر إلى نهاية هذه الصفحة xD
|
|
||||||
|
|||||||
@ -1,327 +1,4 @@
|
|||||||
+++
|
+++
|
||||||
template = "article.html"
|
template = "article.html"
|
||||||
title = "Демо Страница"
|
title = "Demo Page (Русский)"
|
||||||
[extra]
|
|
||||||
archive = "Эта страница, на деле, не архивирована, а это значит, что она будет получать обновления контента."
|
|
||||||
trigger = "Эта страница содержит блэкджек и проституток, а также плохие шутки, такие как эта."
|
|
||||||
disclaimer = """
|
|
||||||
- Все трюки на этой странице выполнены лаборантами, не пытайтесь повторить это дома
|
|
||||||
- Не подвергайте себя воздействию 4000° по Кельвину
|
|
||||||
- Не принимайте позу распридилителя вечеринок
|
|
||||||
- Не взаимодействуйте с асбестом и лунными камнями
|
|
||||||
"""
|
|
||||||
+++
|
+++
|
||||||
|
|
||||||
Текст может быть **жирным**, _курсивным_ или ~~зачеркнутым~~.
|
|
||||||
|
|
||||||
[Ссылка на другую страницу](@/demo/page.ru.md).
|
|
||||||
|
|
||||||
Между абзацами должны быть пробелы.
|
|
||||||
|
|
||||||
Рекомендуется включить README или файл с информацией о вашем проекте.
|
|
||||||
|
|
||||||
# Заголовок 1
|
|
||||||
|
|
||||||
Это обычный абзац, следующий за заголовком. Codeberg - это платформа хостинга кода для контроля версий и совместной работы. Она позволяет вам и другим людям работать над проектами из любого места.
|
|
||||||
|
|
||||||
## Заголовок 2
|
|
||||||
|
|
||||||
> Это блок-цитата, следующая за заголовком.
|
|
||||||
>
|
|
||||||
> > Когда что-то достаточно важно, вы делаете это, даже если шансы не в вашу пользу.
|
|
||||||
|
|
||||||
### Заголовок 3
|
|
||||||
|
|
||||||
```js
|
|
||||||
// Javascript-код с подсветкой синтаксиса
|
|
||||||
var fun = function lang(l) {
|
|
||||||
dateformat.i18n = require("./lang/" + l);
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
```
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# Код на языке Ruby с подсветкой синтаксиса
|
|
||||||
GitHubPages::Dependencies.gems.each do |gem, version|
|
|
||||||
s.add_dependency(gem, "= #{version}")
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Заголовок 4
|
|
||||||
|
|
||||||
- Это неупорядоченный список, следующий за заголовком.
|
|
||||||
- Это неупорядоченный список, следующий за заголовком.
|
|
||||||
- Это неупорядоченный список, следующий за заголовком.
|
|
||||||
|
|
||||||
##### Заголовок 5
|
|
||||||
|
|
||||||
1. Это упорядоченный список, следующий за заголовком.
|
|
||||||
2. Это упорядоченный список, следующий за заголовком.
|
|
||||||
3. Это упорядоченный список, следующий за заголовком.
|
|
||||||
|
|
||||||
###### Заголовок 6
|
|
||||||
|
|
||||||
| head1 | head two | three |
|
|
||||||
| :----------- | :---------------- | :---- |
|
|
||||||
| ok | good swedish fish | nice |
|
|
||||||
| out of stock | good and plenty | nice |
|
|
||||||
| ok | good `oreos` | hmm |
|
|
||||||
| ok | good `zoute` drop | yumm |
|
|
||||||
|
|
||||||
## Под этим есть горизонтальный разделитель.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Вот неупорядоченный список:
|
|
||||||
|
|
||||||
- Item foo
|
|
||||||
- Item bar
|
|
||||||
- Item baz
|
|
||||||
- Item zip
|
|
||||||
|
|
||||||
## И упорядоченный список:
|
|
||||||
|
|
||||||
1. Item one
|
|
||||||
2. Item two
|
|
||||||
3. Item three
|
|
||||||
4. Item four
|
|
||||||
|
|
||||||
## И вложенный список:
|
|
||||||
|
|
||||||
- level 1 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 3 item
|
|
||||||
- level 3 item
|
|
||||||
- level 1 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 1 item
|
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
- level 1 item
|
|
||||||
|
|
||||||
## Вот галочки:
|
|
||||||
|
|
||||||
- [ ] Milk
|
|
||||||
- [x] Eggs
|
|
||||||
- [x] Flour
|
|
||||||
- [ ] Coffee
|
|
||||||
- [x] Combustible lemons
|
|
||||||
|
|
||||||
### То же, но интерактивно:
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><input type="checkbox"> Milk</li>
|
|
||||||
<li><input checked="" type="checkbox"> Eggs</li>
|
|
||||||
<li><input checked="" type="checkbox"> Flour</li>
|
|
||||||
<li><input type="checkbox"> Coffee</li>
|
|
||||||
<li><input checked="" type="checkbox"> Combustible lemons</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
### С типом radio
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><input type="radio" name="test"> Milk</li>
|
|
||||||
<li><input type="radio" name="test"> Eggs</li>
|
|
||||||
<li><input type="radio" name="test"> Flour</li>
|
|
||||||
<li><input checked="" type="radio" name="test"> Coffee</li>
|
|
||||||
<li><input type="radio" name="test" disabled=""> Combustible lemons</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
## Маленькое изображение
|
|
||||||
|
|
||||||
{{ image(url="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/icon/png/codeberg-logo_icon_blue-64x64.png", alt="Codeberg icon", transparent=true, no_hover=true) }}
|
|
||||||
|
|
||||||
## Большое изображение
|
|
||||||
|
|
||||||
{{ image(url="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/horizontal/png/codeberg-logo_horizontal_blue-850x250.png", alt="Codeberg horizontal", transparent=true, no_hover=true) }}
|
|
||||||
|
|
||||||
## Списки определений можно использовать с синтаксисом HTML.
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Name</dt>
|
|
||||||
<dd>Godzilla</dd>
|
|
||||||
<dt>Born</dt>
|
|
||||||
<dd>1952</dd>
|
|
||||||
<dt>Birthplace</dt>
|
|
||||||
<dd>Japan</dd>
|
|
||||||
<dt>Color</dt>
|
|
||||||
<dd>Green</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
```
|
|
||||||
Длинные однострочные блоки кода не должны сворачиваться. Они должны горизонтально прокручиваться, если они слишком длинные. Эта строка должна быть достаточно длинной, чтобы продемонстрировать это.
|
|
||||||
```
|
|
||||||
|
|
||||||
```
|
|
||||||
Последний элемент.
|
|
||||||
```
|
|
||||||
|
|
||||||
## Дополнительное
|
|
||||||
|
|
||||||
Ладно, теперь, когда обычная (немного расширенная) демо-страница ~~Jekyll~~ Zola закончилась, мы можем перейти к пользовательским вещам, которые, поверьте мне, очень хороши.
|
|
||||||
|
|
||||||
😭😂🥺🤣❤️✨🙏😍🥰😊
|
|
||||||
|
|
||||||
### Шорткоды
|
|
||||||
|
|
||||||
Duckquill предоставляет несколько полезных [шорткодов](https://www.getzola.org/documentation/content/shortcodes/), которые упрощают некоторые задачи.
|
|
||||||
|
|
||||||
#### Изображение
|
|
||||||
|
|
||||||
По умолчанию изображения имеют такие стили, как закругленные углы и тень. Для тонкой настройки можно использовать шорткоды с различными комбинациями переменных.
|
|
||||||
|
|
||||||
Доступны следующие переменные:
|
|
||||||
|
|
||||||
- `url`: URL-адрес изображения.
|
|
||||||
- `url_min`: URL-адрес сжатой версии изображения, оригинал можно открыть, щелкнув по изображению.
|
|
||||||
- `alt`: Alt-текст, такой же, как если бы текст был заключен в квадратные скобки в Markdown.
|
|
||||||
- `full`: Заставляет изображение/видео быть во всю ширину.
|
|
||||||
- `pixels`: Использует алгоритм nearest neighbor для масштабирования, полезно для сохранения четкости пиксель-арта.
|
|
||||||
- `transparent`: Удаляет закругленные углы и тень, полезно для прозрачных изображений.
|
|
||||||
- `no_hover`: Убирает масштабирование при наведении.
|
|
||||||
|
|
||||||
Переменные должны быть разделены запятыми и находиться внутри скобок.
|
|
||||||
|
|
||||||
```jinja2
|
|
||||||
{{/* image(url="image.png", alt="This is an image" no_hover=true) */}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{ image(url="https://i1.theportalwiki.net/img/2/23/Ashpd_blueprint.jpg", alt="Portal Gun blueprint", no_hover=true) }}
|
|
||||||
<figcaption>Изображение с alt-текстом и без масштабирования при наведении</figcaption>
|
|
||||||
|
|
||||||
{{ image(url="https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg", url_min="https://upload.wikimedia.org/wikipedia/commons/3/38/JPEG_example_JPG_RIP_010.jpg", alt="The gravestone of J.P.G.", no_hover=true) }}
|
|
||||||
<figcaption>Изображение со сжатой версией, альт-текстом и без масштабирования при наведении</figcaption>
|
|
||||||
|
|
||||||
В качестве альтернативы вы можете добавить следующие url- якоря. В некоторых случаях это может быть удобнее, например, такие изображения будут нормально отображаться в любом редакторе Markdown, в отличие от шорткодов Zola.
|
|
||||||
|
|
||||||
- `#full`: Заставляет изображение/видео быть во всю ширину.
|
|
||||||
- `#pixels`: Использует алгоритм nearest neighbor для масштабирования, полезно для сохранения четкости пиксель-арта.
|
|
||||||
- `#transparent`: Удаляет закругленные углы и тень, полезно для прозрачных изображений.
|
|
||||||
- `#no-hover`: Убирает масштабирование при наведении.
|
|
||||||
|
|
||||||
|
|
||||||
<figcaption>Изображение во всю ширину с alt-текстом, пиксель-арт рендеринг, без тени и закругленных углов, а также без масштабирования при наведении</figcaption>
|
|
||||||
|
|
||||||
#### Видео
|
|
||||||
|
|
||||||
То же самое, что и с изображениями, но с некоторыми отличиями: `no_hover` и `url_min` недоступны.
|
|
||||||
|
|
||||||
```jinja2
|
|
||||||
{{/* video(url="video.webm", alt="This is a video") */}}
|
|
||||||
```
|
|
||||||
|
|
||||||
{{ video(url="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm", alt="Red flower wakes up") }}
|
|
||||||
<figcaption>WebM видео пример взятый с MDN</figcaption>
|
|
||||||
|
|
||||||
#### ЭЛТ
|
|
||||||
|
|
||||||
Ладно, этот не упрощает ничего, он просто добавляет эффект, напоминающий ЭЛТ, вокруг блоков кода Markdown.
|
|
||||||
|
|
||||||
```jinja2
|
|
||||||
{%/* crt() */%}
|
|
||||||
-> Markdown code block <-
|
|
||||||
{%/* end */%}
|
|
||||||
```
|
|
||||||
|
|
||||||
{% crt() %}
|
|
||||||
|
|
||||||
```
|
|
||||||
_____________________________________________
|
|
||||||
|.'', Public_Library_Halls ,''.|
|
|
||||||
|.'.'', ,''.'.|
|
|
||||||
|.'.'.'', ,''.'.'.|
|
|
||||||
|.'.'.'.'', ,''.'.'.'.|
|
|
||||||
|.'.'.'.'.| |.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|===; ;===|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|:::|', ,'|:::|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|---|'.|, _______ ,|.'|---|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|
|
||||||
|,',',',',|---|',|'|???????|'|,'|---|,',',',',|
|
|
||||||
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|---|',' /%%%\ ','|---|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|===:' /%%%%%\ ':===|.'.'.'.'.|
|
|
||||||
|.'.'.'.'.|%%%%%%%%%%%%%%%%%%%%%%%%%|.'.'.'.'.|
|
|
||||||
|.'.'.'.',' /%%%%%%%%%\ ','.'.'.'.|
|
|
||||||
|.'.'.',' /%%%%%%%%%%%\ ','.'.'.|
|
|
||||||
|.'.',' /%%%%%%%%%%%%%\ ','.'.|
|
|
||||||
|.',' /%%%%%%%%%%%%%%%\ ','.|
|
|
||||||
|;____________/%%%%%Spicer%%%%%%\____________;|
|
|
||||||
```
|
|
||||||
|
|
||||||
{% end %}
|
|
||||||
|
|
||||||
## Подписи
|
|
||||||
|
|
||||||
Медиа может иметь дополнительное текстовое описание с помощью HTML-тега `<figcaption>` непосредственно под ним.
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
|
|
||||||
<figcaption>Подпись к изображению</figcaption>
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
<figcaption>Офис, в котором работает Стэнли, с желтым полом и бежевыми стенами</figcaption>
|
|
||||||
|
|
||||||
## Аккордеон
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>Я могу быть спойлером, я могу быть длинным текстом, я могу быть чем угодно.</summary>
|
|
||||||
|
|
||||||
_Кря-кря!_
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</details>
|
|
||||||
|
|
||||||
## Маленький
|
|
||||||
|
|
||||||
<small>Маленький, симпатичный текст, который не привлекает внимания.</small>
|
|
||||||
|
|
||||||
## Аббревиатура
|
|
||||||
|
|
||||||
Искусство <abbr title="American Standard Code for Information Interchange">ASCII</abbr> - великолепно!
|
|
||||||
|
|
||||||
## В стороне
|
|
||||||
|
|
||||||
<aside>
|
|
||||||
Перо и пергамент
|
|
||||||
<img class="transparent no-hover" style="margin-bottom: 0; border-radius: 0;" alt="Перо и пергамент" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/%D7%A7%D7%9C%D7%A3%2C_%D7%A0%D7%95%D7%A6%D7%94_%D7%95%D7%93%D7%99%D7%95.jpg/326px-%D7%A7%D7%9C%D7%A3%2C_%D7%A0%D7%95%D7%A6%D7%94_%D7%95%D7%93%D7%99%D7%95.jpg" />
|
|
||||||
</aside>
|
|
||||||
|
|
||||||
Перо - это инструмент для письма, изготовленный из линяющего летного пера (предпочтительно первичного крыла) крупной птицы. Перья использовались для письма чернилами до изобретения чернильного пера, пера с металлическим наконечником, перьевой ручки и, в конце концов, шариковой ручки.
|
|
||||||
|
|
||||||
Как и у более раннего тростникового (и более позднего чернильного) пера, у пера нет внутреннего резервуара для чернил, поэтому во время письма его необходимо периодически окунать в чернильницу. Вырезанное вручную гусиное перо теперь редко используется в качестве инструмента для каллиграфии, поскольку многие виды бумаги теперь производятся из древесной массы и быстро изнашивают перо. Тем не менее оно по-прежнему остается любимым инструментом некоторых писцов, которые отмечают, что перья обеспечивают непревзойденную четкость штриха, а также большую гибкость, чем стальное перо.
|
|
||||||
|
|
||||||
## Комбинации клавиш
|
|
||||||
|
|
||||||
```html
|
|
||||||
<kbd>⌘ Super</kbd> + <kbd>Space</kbd>
|
|
||||||
```
|
|
||||||
|
|
||||||
Для переключения раскладки клавиатуры, нажмите <kbd>⌘ Super</kbd> + <kbd>Space</kbd>.
|
|
||||||
|
|
||||||
## Выделенный
|
|
||||||
|
|
||||||
Знаете что? Я собираюсь сказать кое-что <mark>очень важное</mark>, настолько <mark>важное</mark>, что даже **жирного** недостаточно.
|
|
||||||
|
|
||||||
## Внешняя ссылка
|
|
||||||
|
|
||||||
```html
|
|
||||||
<a class="external" href="https://example.org">Ссылка на сайт</a>
|
|
||||||
```
|
|
||||||
|
|
||||||
<a class="external" href="https://example.org">Ссылка на сайт</a>
|
|
||||||
|
|
||||||
## Кнопки
|
|
||||||
|
|
||||||
```html.j2
|
|
||||||
<div class="dialog-buttons">
|
|
||||||
<a class="inline-button" href="#top">Перейти в Начало</a>
|
|
||||||
<a class="inline-button colored external" href="{{ config.extra.issues_url }}">Отправить Отчет об Ошибке</a>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
> Посмотрите в конец этой страницы xD
|
|
||||||
|
|||||||
@ -1,10 +0,0 @@
|
|||||||
+++
|
|
||||||
+++
|
|
||||||
|
|
||||||
# مرحباً بكم في حفل الكعك
|
|
||||||
|
|
||||||
<img class="transparent no-hover" style="width:50%" src="https://i1.theportalwiki.net/img/0/0a/Portal_Cake.png"/>
|
|
||||||
|
|
||||||
للأسف، الكعكة هي _كذبة_
|
|
||||||
|
|
||||||
<a class="inline-button" href="../">اذهب للبكاء</a>
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
+++
|
|
||||||
+++
|
|
||||||
|
|
||||||
# Добро пожаловать на тортовую вечеринку
|
|
||||||
|
|
||||||
<img class="transparent no-hover" style="width:50%" src="https://i1.theportalwiki.net/img/0/0a/Portal_Cake.png"/>
|
|
||||||
|
|
||||||
К сожалению, торт это _ложь_
|
|
||||||
|
|
||||||
<a class="inline-button" href="../">Плакать</a>
|
|
||||||
Reference in New Issue
Block a user