к контенту
SeryiBaran

История сайта SeryiBaran

/ 5.705 минут чтения

site

Начнём с малого

Для начала приведу список репозиториев с моим сайтом:

  1. https://github.com/SeryiBaran/old-site
  2. https://github.com/SeryiBaran/site
  3. https://github.com/SeryiBaran/seryibaran.github.io

Как видите, в первых 2 репо есть версии. Но они начинаются с 2.0, т.к., к сожалению, версия 1.x утеряны.

Сайт из второго репо даже смотрел на стриме “Фрилансер по Жизни”, правда у меня не сохранилось записи:

* 2ea382a (tag: v3.0) Сделал всё по указаниям Фрилансера по жизни - отступы безопасности и шрифт поменьше

Сначала было слово. Потом ещё что-то, я забыл, а потом сайт этот - на чистом HTML и CSS. С бесплатным хостингом от Beget (я не знал о Github Pages). С несжатыми картинками 500x500px, с КрАсИвЫм дЕзАйНоМ и одной единственной страницей:

Затем сайт был слегка упрощен, добавлен блог и слегка оптимизированы картинки.

* 84c106e (origin/main, origin/HEAD, main) ПЕРЕНЕСЕНИЕ САЙТА В НОВЫЙ ДОМЕН
* 7740f10 (tag: v3.6.8) Версия v3.6.8
* 26ed976 Удалил нерабочую кнопку Обо мне
* 6ccfdc3 (tag: v3.6.7) Add 3.6.7 in README.md
* 008df75 From Normalize.css to Standard.css
* 94dd913 Normalize.css
* 69723a8 (tag: v3.6.6) Added Normalize.css
* 839c9c2 Using all SCSS functions
* 55b1c59 (tag: v3.6.5) Version v3.6.5
* 4460e87 Rename classes DONE
* 8fceb68 Continue rename
* 5e357bd Rename continue
* 11a8679 Rename classes from Russian to English
* f1c19cf Optimization SCSS and classes
* bc87518 (tag: v3.6.5-d24m10y21-3) Исправил ошибку в реадми
* f6c4423 (tag: v3.6.5-d24m10y21-2) Сущие мелочи
* 8ce14c2 (tag: v3.6.5-d24m10y21) Реадми и мой возраст
* 877bc73 (tag: v3.6.4) Мелочевка и исправление багов
* aa84665 мелочи
* e529199 (tag: v3.6.3) Реадми
* 7057c95 Мелочи
* 1df0d05 Шрифт Roboto
* fcbbb10 Структурировал подключение css файлов
* d48cfa6 (tag: v3.6.2) v3.6.2
* b870bbf Пробую сделать кеш более долго хранящимся
* a639ebf (tag: v3.6.1) Реадми
* 444fcf0 (tag: v3.6) Мелочи
* 9433ed0 мелочь
* eecf644 Мелочи

Затем я добавил блог:

И да, посты писались ручками. Жалко исходники утеряны, но на вебархиве остался кусок:

    <div class="pseudo_body">
      <div class="wrapper">
        <header class="hat">
          <h1 class="hat__h1">Сайт Иванчая</h1>
        </header>
        <nav class="horizontal_nav">
          <div>
            <a href="/web/20220521173155/https://seryibaran.github.io/index.html">Главная</a>
          </div>
          <div>
            <a href="list-articles.html">Статьи</a>
          </div>
        </nav>
        <main class="main_unit article-main-unit">
          <div class="content_main_unit article-content_main_unit">
            <section class="header-txt_div article-title_div">
              <h1 class="header-txt article-title">
                Что такое фиточай, или как я восстановил огород после града
              </h1>
            </section>
            <section class="content_main_unit__txt article-content_main_unit__txt">
              <p>Привет!</p>
              <p>
                Я Иванчай, и в этой статье я расскажу тебе как град перебил все
                растения в огороде, и как потом мы всей семьёй их
                восстанавливали чаем из травы.
              </p>
              <p>
                Дело было так: <br/>
                Во дворе росли плодовые деревья: абрикосы, сливы, тёрен,
                тутовник и т.д.<br/>
                Ещё росли земляника, она многолетняя, осталась с прошлого года,
                арбузы и дыни, а также кабачки.<br/>
                У нас была рассада огурцов, помидоров.<br/>
                Деревья начали зеленеть, мы высадили рассаду, и в тоже время
                подготавливали ещё.<br/>
                В самом конце мая, на деревьях завязались плоды, огурцы и
                помидоры подрасли примерно до 40-50 см, мы начали поливать
                растения особым раствором - "Фито-чаем".<br/>
              </p>
              <p>
                Мы один раз залезли на YouTube, наткнулись на видео какой-то
                женщины, которая показывала как сделать этот напиток для
                растений.<br/>
                Что такое фито-чай?<br/>
                Фито-чай это природное "удобрение", которое ускоряет рост
                растений и их плодов БЕЗ ХИМИИ.<br/>
                Чем он так хорош?<br/>
                А тем, что растение вместо того что-бы "переваривать" что-то из
                почвы, переключает основную задачу на развитие плодов и себя,
                ведь всё уже "подаётся на блюдечке" и растению не надо тратить
                на "переваривание" время.
              </p>
              <p>
                Делается он просто:<br/>
                Берем траву;<br/>
                Складываем в ОБЯЗАТЕЛЬНО ЧЕРНЫЙ полиэтиленовый мешок;<br/>
                Ставим его на солнце;<br/>
                Даем настояться 2-3 дня;<br/>
                Берем ёмкость, у наc было ведро на 20 литров;<br/>
                Наливаем воду;<br/>
                Кладём траву, в соотношении одна часть травы к двум частям воды,
                у меня получилось 10 литров воды и 5 литров травы;<br/>
                Даём настояться 30 минут;<br/>
                Фито-чай готов!<br/>
                Теперь берем ковшик, лейку или что-то другое, и поливаем под
                корень растения, по 300-500 миллилитров.
              </p>
              <p>
                А 1 июня, когда уже начали завязываться огурцы и помидоры, а на
                деревьях уже вырасли зеленые плоды, выпал град.<br/>
                Была такая картина:<br/>
                От помидоров и кабачков остались только 5-10 сантиметров
                стеблей, огурцов и земляники не было видно, большинство листвы
                на деревьях отсутствовало, плодов не было вообще;<br/>
                Вместо знакомой зелени, красивых цветов, везде лежал град.
              </p>
              <p>
                Каждая градина была диаметром от 1 до 3 сантиметров, и слой
                града на земле достигал 10 сантиметров.
              </p>
              <p>Мы чуть-ли не плакали от огорчения.</p>
              <p>
                Через 2-3 дня мы высадили оставшуюся рассаду, и заметили, что
                земляника, которую мы поливали фито-чаем - каким-то чудом
                ВЫЖИЛА!<br/>
                Нашему счастью не было предела, так как мы думали, что все
                растения погибли.<br/>
                Потом мы начали особо много поливать фито-чаем кабачки,
                землянику, помидоры и прочее, с надеждой что они возродятся.<br/>
                Примерно через неделю кабачки и помидоры отошли, начали пускать
                листья, и земляника начала восстанавливаться.<br/>
                Без шуток, фито-чай помог растениям "встать на ноги".<br/>
                Но дыни, арбузы и огурцы не пережили град и их пришлось
                высаживать заново.
              </p>
              <p>
                Мы начали все поливать фито-чаем, и в августе, через 2 месяца
                после катастроффы, была такая картина:<br/>
                Кусты помидоров достигли высоты примерно полтора метра;<br/>
                Огурцы выросли до 2 метров и дали плоды;<br/>
                Кабачки выросли, плоды достигли длины примерно 35-60
                сантиметров;<br/>
                Земляника дала ягоды;<br/>
                Арбузы и дыни выросли и тоже дали свои большие и сладкие плоды.
              </p>
              <p>
                Вывод:<br/>
                Фито-чай не заменим для растений, никакая химия из магазинов, на
                которой написано что она "экологична и не портит почву" - не
                сравнится с фито-чаем!
              </p>
              <p>
                Надеюсь вам понравилась статья, пишите мне в ВКонтакте свои
                вопросы, утверждения и советы.<br/>
                Делитесь этой статьёй с друзьями и знакомыми, чтобы как можно
                больше людей прочитали мою историю, и поняли, что чай - полезен
                не только людям, но и растениям!
              </p>
              <p>С вами был Иванчай, всем пока!</p>
            </section>
            <div class="swiper photos">
              <div class="swiper-wrapper photos-wrapper">
                <img class="swiper-slide photos-slide" src="/web/20220521173155im_/https://seryibaran.github.io/assets/grad-i-chelovek.5805a1ba.jpg"/>
                <img class="swiper-slide photos-slide" src="/web/20220521173155im_/https://seryibaran.github.io/assets/grad-i-ruki.cd808d37.jpg"/>
                <img class="swiper-slide photos-slide" src="/web/20220521173155im_/https://seryibaran.github.io/assets/grad-i-zhiga.03738830.jpg"/>
                <img class="swiper-slide photos-slide" src="/web/20220521173155im_/https://seryibaran.github.io/assets/gradiny-v-tarelke.873d4cd5.jpg"/>
                <img class="swiper-slide photos-slide" src="/web/20220521173155im_/https://seryibaran.github.io/assets/kabachok.44a53455.png"/>
                <img class="swiper-slide photos-slide" src="/web/20220521173155im_/https://seryibaran.github.io/assets/kalosha-i-grad.68a8ca64.jpg"/>
              </div>
              <div class="swiper-pagination photos-pagination"></div>
              <div class="swiper-button-prev photos-button-prev"><img src="/web/20220521173155im_/https://seryibaran.github.io/assets/chevron-left.9b01edfb.svg"/></div>
              <div class="swiper-button-next photos-button-next"><img src="/web/20220521173155im_/https://seryibaran.github.io/assets/chevron-right.de2614e9.svg"/></div>
            </div>
          </div>
        </main>
      </div>
      <footer>Иванчай вещает, 2022 год.</footer>
    </div>

Новое начало

Git лог здесь.

Я нашел Jekyll с темой Chirpy. Я думаю вы понимаете чем это обернулось :>

Я был чуть ли не в экстазе от Markdown после голого HTML.

Совсем новое начало - JS

Тут я перешел на Astro, пробовал разные темы.

Тут я не знаю что случилось. При желании можно найти в репо - там сохранены все изменения со времен Jekyll.

А тут я решил использовать Tailwind/UnoCSS (я несколько раз между ними прыгал) и сделать свою тему. С нуля.

Потом я его улучшал. Даже делал уголок разраба, с мемами, приколами на 1 апреля и т.д.. Очень скучаю, но - сделал сайт более пригодным для чтения (использования).

Ну а потом деградация. Устал бороться со своей темой и украл готовую Astro Cactus сильно доработав. На данный момент (2024-12-21T21:43:01.964+03) сайт выглядит так.

Вроде все… Статья безусловно возможно (замечательное словосочетание, ой я ебу) будет дополняться.

Если вам не нравится этот сайт или хочется что-то изменить - пожалуйста, напишите мне.

И раз вы здесь - пожалуйста, загляните на страницу Хто я. Там есть всякая интересная инфа.

Спасибо.