First commit

public/index.md

@@ -0,0 +1,85 @@
+# Демонстрация возможностей Markdown
+
+Это полный пример всех основных возможностей Markdown.
+
+## Заголовки
+
+### Третий уровень
+#### Четвертый уровень
+##### Пятый уровень
+###### Шестой уровень
+
+---
+
+## Форматирование текста
+
+Это **жирный текст** или __альтернативный жирный__.
+
+Это *курсивный текст* или _альтернативный курсив_.
+
+Это ~~зачеркнутый текст~~.
+
+Можно комбинировать: **жирный и *курсив* вместе**.
+
+---
+
+## Списки
+
+### Маркированный список
+
+- Первый пункт
+- Второй пункт
+- Третий пункт
+  - Вложенность пока не поддерживается
+
+### Нумерованный список
+
+1. Первый пункт
+2. Второй пункт
+3. Третий пункт
+
+---
+
+## Код
+
+Инлайн код: `const x = 42;`
+
+Блок кода:
+```
+fn main() {
+	println!("Hello from Rust!");
+}
+```
+
+---
+
+## Цитаты
+
+> Это цитата.
+> Она может занимать несколько строк.
+
+> Другая цитата.
+
+---
+
+## Ссылки и изображения
+
+Это [ссылка на хуй](https://natribu.org).
+
+Изображение: ![Логотип](https://www.google.com/logos/doodles/2025/seasonal-holidays-2025-6753651837110711-s.png)
+
+---
+
+## Горизонтальные линии
+
+Линия выше создана с помощью `---`
+
+Также можно использовать `***` или `___`
+
+___
+
+## Комбинированный пример
+
+> *"Да как нахуй удалить этот Амиго"* (c) Касперский
+
+~~Старая версия~~ → **Новая версия**

public/style.css

@@ -0,0 +1,111 @@
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
+	max-width: 900px;
+	margin: 0 auto;
+	padding: 20px;
+	line-height: 1.6;
+	color: #333;
+}
+.toc {
+	background: #f5f5f5;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+	padding: 15px 20px;
+	margin-bottom: 30px;
+}
+.toc h2 {
+	margin-top: 0;
+	font-size: 1.2em;
+}
+.toc ul {
+	list-style: none;
+	padding-left: 0;
+}
+.toc li {
+	margin: 5px 0;
+}
+.toc a {
+	color: #0066cc;
+	text-decoration: none;
+}
+.toc a:hover {
+	text-decoration: underline;
+}
+.toc-h1 { padding-left: 0; font-weight: bold; }
+.toc-h2 { padding-left: 20px; }
+.toc-h3 { padding-left: 40px; }
+.toc-h4 { padding-left: 60px; }
+.toc-h5 { padding-left: 80px; }
+.toc-h6 { padding-left: 100px; }
+h1, h2, h3, h4, h5, h6 {
+	margin-top: 1.5em;
+	margin-bottom: 0.5em;
+}
+h1 { border-bottom: 2px solid #ddd; padding-bottom: 0.3em; font-size: 2em; }
+h2 { border-bottom: 1px solid #eee; padding-bottom: 0.3em; font-size: 1.5em; }
+h3 { font-size: 1.25em; }
+h4 { font-size: 1.1em; }
+h5 { font-size: 1em; }
+h6 { font-size: 0.9em; color: #666; }
+pre {
+	background: #f6f8fa;
+	padding: 15px;
+	border-radius: 5px;
+	overflow-x: auto;
+	border: 1px solid #e1e4e8;
+}
+code {
+	font-family: 'Courier New', Consolas, monospace;
+	background: #f6f8fa;
+	padding: 2px 6px;
+	border-radius: 3px;
+	font-size: 0.9em;
+}
+pre code {
+	background: none;
+	padding: 0;
+}
+blockquote {
+	border-left: 4px solid #ddd;
+	padding-left: 20px;
+	margin: 20px 0;
+	color: #666;
+	font-style: italic;
+}
+hr {
+	border: none;
+	border-top: 2px solid #eee;
+	margin: 30px 0;
+}
+ul, ol {
+	padding-left: 30px;
+	margin: 15px 0;
+}
+li {
+	margin: 5px 0;
+}
+a {
+	color: #0066cc;
+	text-decoration: none;
+}
+a:hover {
+	text-decoration: underline;
+}
+img {
+	max-width: 100%;
+	height: auto;
+	border-radius: 5px;
+	margin: 10px 0;
+}
+del {
+	color: #999;
+}
+strong {
+	font-weight: 600;
+}
+em {
+	font-style: italic;
+}
+p {
+	margin: 15px 0;
+}

public/test.md

@@ -0,0 +1,3 @@
+# TEST
+
+test file