diff --git a/docs/blog.png b/docs/blog.png new file mode 100644 index 0000000..ff722ca Binary files /dev/null and b/docs/blog.png differ diff --git a/docs/design/README.md b/docs/design/README.md index 0d1ba94..70b0c3d 100644 --- a/docs/design/README.md +++ b/docs/design/README.md @@ -1,5 +1,15 @@ # Дизайн документация +## Документы + +| Документ | Описание | Статус | +|----------|----------|--------| +| [YARU Style](yaru-style.md) | Фирменный стиль: красная буква, короны, цвета | ✅ Готов | +| [Компоненты](components.md) | Svelte компоненты UI | 📝 План | +| [Макеты](layouts.md) | Макеты страниц | 📝 План | + +--- + ## План раздела - [ ] Логотип и фирменный стиль diff --git a/docs/design/yaru-style.md b/docs/design/yaru-style.md new file mode 100644 index 0000000..0f047d8 --- /dev/null +++ b/docs/design/yaru-style.md @@ -0,0 +1,454 @@ +# Дизайн-система YARU + +## Фирменные элементы ya.ru + +### 1. Красная первая буква имени + +**Наследие Яндекса**: Первая буква имени пользователя выделяется красным цветом — фирменная фишка Яндекса. + +#### Реализация + +```html + + Кразя + +``` + +```css +.username { + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + color: #333333; +} + +.username__first-letter { + color: #CC0000; /* Фирменный красный Яндекс */ + font-weight: normal; +} + +/* При наведении */ +.username:hover { + text-decoration: underline; +} +``` + +#### Svelte компонент + +```svelte + + + +{#if link} + + {username.charAt(0)} + {username.slice(1)} + +{:else} + + {username.charAt(0)} + {username.slice(1)} + +{/if} + + +``` + +--- + +### 2. Короны пользователей + +**Статус и достижения**: Корона показывает особый статус пользователя (модератор, администратор, активный участник). + +#### Типы корон + +| Тип | Значение | Цвет | Иконка | +|-----|----------|------|--------| +| 👑 Модератор | Права модерации | Золотой `#FFD700` | Корона с крестом | +| ⭐ Активный | Высокая активность | Серебряный `#C0C0C0` | Звезда | +| 🏆 Ветеран | Давно в сервисе | Бронзовый `#CD7F32` | Лавровый венок | + +#### Реализация + +```html +
+ Avatar + + + +
+``` + +```css +.avatar-container { + position: relative; + display: inline-block; +} + +.avatar { + width: 48px; + height: 48px; + border-radius: 4px; +} + +.crown { + position: absolute; + top: -4px; + right: -4px; + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.crown--moderator { + color: #FFD700; +} + +.crown--active { + color: #C0C0C0; +} + +.crown--veteran { + color: #CD7F32; +} +``` + +#### Svelte компонент + +```svelte + + + +
+ {username} + + {#if crownType} + + + + + + {/if} +
+ + +``` + +--- + +## Цветовая палитра + +### Основные цвета + +```css +:root { + /* Фирменные цвета YARU */ + --yar-red: #CC0000; /* Красная буква, акценты */ + --yar-orange: #FFA500; /* Короны, предупреждения */ + --yar-green: #A8D678; /* Фон профиля (наследие ya.ru) */ + + /* Нейтральные */ + --yar-white: #FFFFFF; /* Основной фон */ + --yar-gray-light: #F5F5F5; /* Вторичный фон */ + --yar-gray: #E0E0E0; /* Разделители */ + --yar-gray-dark: #333333; /* Основной текст */ + + /* Ссылки */ + --yar-link: #0066CC; /* Обычные ссылки */ + --yar-link-hover: #FF6600; /* Ссылки при наведении */ + + /* Статусы */ + --yar-success: #4CAF50; + --yar-error: #F44336; + --yar-warning: #FF9800; +} +``` + +### Градиенты + +```css +/* Шапка сайта (наследие ya.ru) */ +.yaru-header { + background: linear-gradient(180deg, #E3F1F9 0%, #C4D8E8 100%); +} + +/* Навигационные табы */ +.yaru-tabs { + background: #F5F5DC; /* Бежевый */ +} +``` + +--- + +## Типографика + +### Шрифты + +```css +:root { + --font-family: Arial, Helvetica, sans-serif; + --font-size-base: 13px; + --line-height-base: 1.5; +} + +body { + font-family: var(--font-family); + font-size: var(--font-size-base); + line-height: var(--line-height-base); + color: var(--yar-gray-dark); +} +``` + +### Иерархия + +```css +/* Заголовки */ +h1 { font-size: 24px; font-weight: bold; } +h2 { font-size: 20px; font-weight: bold; } +h3 { font-size: 16px; font-weight: bold; } + +/* Основной текст */ +p { font-size: 13px; } + +/* Мелкий текст (даты, мета) */ +.small { font-size: 11px; color: #999; } + +/* Имена пользователей */ +.username { font-size: 14px; } +``` + +--- + +## Компоненты + +### PostCard + +```svelte + + + +
+
+ +
+ + +
+
+ +
+ {@html post.content} +
+ + +
+ + +``` + +--- + +## Адаптивность + +### Breakpoints + +```css +/* Mobile first */ +.yaru-container { + width: 100%; + padding: 16px; +} + +@media (min-width: 768px) { + .yaru-container { + max-width: 768px; + margin: 0 auto; + } +} + +@media (min-width: 1024px) { + .yaru-container { + max-width: 1024px; + } +} +``` + +--- + +## Тёмная тема + +```css +[data-theme="dark"] { + --yar-white: #1A1A1A; + --yar-gray-light: #2A2A2A; + --yar-gray: #404040; + --yar-gray-dark: #E0E0E0; + --yar-link: #64B5F6; + --yar-link-hover: #FFA726; +} +``` + +--- + +## Вопросы для обсуждения + +- [ ] Сохранить ли зелёный фон профиля (`#A8D678`) или обновить? +- [ ] Нужны ли дополнительные типы корон (спонсор, эксперт)? +- [ ] Использовать ли анимацию для красной буквы (легкое свечение)? +- [ ] Добавить ли звуковые эффекты при получении короны? diff --git a/docs/diary.htm b/docs/diary.htm new file mode 100644 index 0000000..f19ba16 --- /dev/null +++ b/docs/diary.htm @@ -0,0 +1,65 @@ + + +Кразя: Дневник — я.ру
+ + + +
ПоискПочтаДискКалендарьДеньгиМой КругФотки
+ + Выход

Друзья, этим летом мы закрываем Я.ру. Приносим вам свои извинения. Подробнее о том, как быть со своими записями.

(^_^)

 

+
Записать мысль

записи по  

месяцам · меткам · типам

выделить все / снять выделение

Показать
Кразя сменил настроение
сегодня, 01:17
(^_^)
В связи с закрытием данного сервиса я переехал на http://blogobomzh.blogspot.ru/. Рад был со всеми Вами общаться! Очень жаль, но Се Ля Ви, как говорят французы!
Кразя поделился ссылкой
27 июня, 22:43
(^_^)
Яндекс закрывает Я.ру — Блог Яндекса
Офигеть. В этой новости отключили комментарии.... хотелось бы думать, что это из-за большого их количества... Но что-то мне подсказывает, что всё-таки из-за очень негативного отклика... угумс. Я и сам здорово расстроился.
Кразя написал
27 июня, 22:22
(^_^)
Круговорот сервисов в природе

Вот  в связи с закрытием Яру вспомнилось мне, что недавно точно так же грустил по поводу онлайн IM клиента и Джаббер сервера.

Да и обиднее всего то, что накомпленный фукнционал сервисов и тот пользовательский опыт и отшлифованное тысячами пользователей удобство использования при закрытии сервисов просто пропвадает. Вот поэтому открытые проекты намного лучше закрытых. Потому что в открытых проектах ничего не пропадает. Всё можно использовать для построения чего-то нового и наверно еще более полезного и жизнестойкого.

 

Вот скажем в чём для меня Яру был удобен. 

Во-первых сквозная интеграция множества сервисов Яндекса. Да те же Фотки и авторизация.

Во-вторых это действительно профессионально и грамотно построенный интерфейс. Очень удобный интерфейс я хочу подчеркнуть. Да хотя бы анкета для каждого пользователя

В-третьих, очень удачное сочетание социальности и наличие некоторых уникальных опций таких как "Поссориться" интеграция отзывов с Маркетом.

В-Четвёртых, клубная система. Простоая и функциональная.

Есть еще и в в-пятых и в-десятых... Но описать почему я так переживаю из-за закрыия сервиса аргументированно я наврено так и не смогу. наверно всё дело тут в атмосфере. Которая даже такого интраверта как я  привязала к себе.

 

 

Кстати, интересно, а передать сообществу или открыть код и инструменты работы Яру для сообщества нет возможности? 

 

Кразя сменил настроение
27 июня, 08:47
(^_^)
Яру убивают! Ужас, никогда не думал, что могу настолько привязаться к какому-то сервису... Передо мной разверзлась бездна! Теперь фобии развиваются...А вдруг и остальные сервисы когда-нибудь закроют... Например почту... Как дальше жить?!
Кразя поделился ссылкой
27 июня, 08:43
(^_^)
Яндекс закрывает Я.ру — Блог Яндекса
Вот это да... Нежданно-негаданно получил оплеуху от Яндекса. И это при том, что специально использовал сервисы Яндекса для того чтобы застраховаться от ситуации когда его (сервис) прото закрывают. Мда... Теперь придётся куда-то перебираться... Блогобомж в пути!
Кразя написал
27 июня, 00:39
plus.google.com
(^_^)
Яру мертв! Да ебись оно конём!

Коробка из под холодильника
Заебись. Сука яндекс убивает Яру. И блять предлагает переехать на другой блогосервис. На ЖЖ!!! Они блять издеваются. Как этим говносервисом можно пользоваться после лаконичного и удобного Яру? Яндекс говорит идите нахуй в сво...
Кразя написал
26 июня, 13:00
plus.google.com
(^_^)
Открывается период долгосрочной поддержки Debian 6.0
Проект Debian  рад объявить что заработала инфраструктура для долгосрочной поддержки (Long Term Support - LTS) которая будет обеспечивать Debian GNU/Linux 6.0 (кодовое имя squeeze) обновлениями безопасности  до февраля 2016г. Пользователям этой версии необходимо воспользоваться инструкциями размещенными на странице https://wiki.debian.org/LTS/Using, чтобы убедиться что они получают обновления безопаности LTS.

Debian -- News -- Debian 6 debuts its long term support period
Debian 6 debuts its long term support period. June 16th, 2014. The Debian project is pleased to announce that the Long Term Support (LTS) infrastructure to provide security updates for Debian GNU/Linux 6.0 (code name squeeze ) until February 2016 is now in place. Users of this version should ...
Кразя написал
26 июня, 12:59
plus.google.com
(^_^)
Выпуск обновленного Debian 7: 7.5
Проект Debian рад сообщить о пятом обновлении стабильной версии дистрибутива Debian 7 (кодовое имя wheezy). Значительная часть обновления связана с исправлением проблем безопасности, но так же исправлены несколько серьезных ошибок. Так же отдельно были опубликованы и размещены рекомендации по безопаности. 

Debian -- News -- Updated Debian 7: 7.5 released
Updated Debian 7: 7.5 released. April 26th, 2014. The Debian project is pleased to announce the fifth update of its stable distribution Debian 7 (codename wheezy ). This update mainly adds corrections for security problems to the stable release, along with a few adjustments for serious problems.
Кразя написал
26 июня, 12:59
plus.google.com
(^_^)
Объявлено о долгосрочной поддержке для Debian 6.0

Проект Debian рад объявить что поскольку выпуск обновлений безопасности для Debian GNU/Linux 6.0 (Кодовое имя squeeze) прекращен 31 мая, то долгсрочная поддержка для этого дистрибудтивы продлевается до февраля 2016 года, т.е. до 5 лет с первого выпуска. Дополнительные ресурсы на это выделяются по запросу заинтересованных компаний и групп которым требовалось продление выпуска обновлений безопаности.

Debian -- News -- Long term support for Debian 6.0 Announced
Long term support for Debian 6.0 Announced. April 24th, 2014. The Debian project is pleased to announce that although regular security support for Debian GNU/Linux 6.0 (code name squeeze ) will be terminated on 31 May, long term support for the distribution is going to be extended until February ...
Кразя написал
21 июня, 15:26
plus.google.com
(^_^)
Очень грамотно сформулированное мнение о причинах выбора средств и целей САСШ в ситуации вокруг Украины. Приведены очень красочные и яркие исторические параллели. Очень советую в ОБЯЗАТЕЛЬНОМ порядке ознакомится всем интересующимся текущей международной политической и экономической обстановкой.

Зачем Америке Майдан - Аргументы Недели
Разворачивающаяся на Донбассе война несёт огромные угрозы России, Европе и даже всему миру, непонимание которых влечёт их автоматическое развёртывание в региональную, а затем и мировую войну. Как остановить конфликт?
+
+ β-версия + + + + + + +

 

Что получается:  +   + изменить  +
Подписаться на комментарии к записи

Получать уведомления о всех ответах в этом обсуждении.

 
Отписаться от комментарев к записи

Получать уведомления только о тех ответах в этом обсуждении, которые адресованы лично вам.

 
К сожалению, комментарий не удалось отправить. Попробуйте ещё раз.я в курсе
+ \ No newline at end of file diff --git a/docs/diary.png b/docs/diary.png new file mode 100644 index 0000000..0b3a291 Binary files /dev/null and b/docs/diary.png differ diff --git a/docs/feed.htm b/docs/feed.htm new file mode 100644 index 0000000..8e13da4 --- /dev/null +++ b/docs/feed.htm @@ -0,0 +1,73 @@ + + +Найти новых друзей — я.ру
+ + + +
ПоискПочтаДискКалендарьДеньгиМой КругФотки
+ + Выход

Друзья, этим летом мы закрываем Я.ру. Приносим вам свои извинения. Подробнее о том, как быть со своими записями.

1 из 11
портрет для этой записи

Кто увидит запись:

Найти новых друзей

Найдены:

 

или посмотреть, что получится
 
или продолжить редактирование
+ β-версия + + + + + + +

+ \ No newline at end of file diff --git a/docs/feed.png b/docs/feed.png new file mode 100644 index 0000000..f71af96 Binary files /dev/null and b/docs/feed.png differ diff --git a/docs/friends.htm b/docs/friends.htm new file mode 100644 index 0000000..a5abdd5 --- /dev/null +++ b/docs/friends.htm @@ -0,0 +1,63 @@ + + +Настройки: друзья — я.ру
+ + + +
ПоискПочтаДискКалендарьДеньгиМой КругФотки
+ + Выход

Друзья, этим летом мы закрываем Я.ру. Приносим вам свои извинения. Подробнее о том, как быть со своими записями.

Я добавил в друзья 6 человек
НикНастроениеВзаимноНачалиПол
(^_^)
Владимир ВладимировВиртуализация и отказоустойчивость на VMware ESXi29 апреля
(^_^)
mandrovkolya3 апреля
(^_^)
Блог Яндекс.Почты10 декабря 2013 года
(^_^)
Блог Яндекс.МузыкиМузыка нас связала21 февраля 2012 года
(^_^)
Мануэла да КостаЯрушечку закрывают! Зачем??? + 20 ноября 2011 года
(^_^)
Елена Ищенко + 18 апреля 2011 года

+ β-версия + + + + + + +

 

Что получается:  +   + изменить  +
Подписаться на комментарии к записи

Получать уведомления о всех ответах в этом обсуждении.

 
Отписаться от комментарев к записи

Получать уведомления только о тех ответах в этом обсуждении, которые адресованы лично вам.

 
К сожалению, комментарий не удалось отправить. Попробуйте ещё раз.я в курсе
+ \ No newline at end of file diff --git a/docs/friends.png b/docs/friends.png new file mode 100644 index 0000000..ed176a7 Binary files /dev/null and b/docs/friends.png differ diff --git a/docs/main.png b/docs/main.png new file mode 100644 index 0000000..08200d9 Binary files /dev/null and b/docs/main.png differ diff --git a/docs/reviews.png b/docs/reviews.png new file mode 100644 index 0000000..c874350 Binary files /dev/null and b/docs/reviews.png differ