![Лонгриды](https://vincent.enthub.it/f94f60469c9f431da515a0feaf7c2246:enthub/avatars/gdJjbLov1V7f4JeQKvIKjSZeGdblbrwc87lZYWXD.png)
![](https://vincent.enthub.it/f94f60469c9f431da515a0feaf7c2246:enthub/stories/6255/KL5gZEjQ12QIKFY5S2VEVp4fQIN60t-metaZmlyZWZveF9HeFJVRDZOa0tULnBuZw==-.webp)
Забился в дискорде с @terabit что если он опубликует свой кринж про первую игру, то я сделаю лонг про свой первый сайт. Terabit свою часть сделки выполнил.
О чём, собственно, речь
Сам сайт, ввиду его почтенного возраста (и криворукости организаторов) находится в удручающем состоянии, но, слегка поковырявшись, я смог добыть ссылку.
ОСТОРОЖНО! При входе на главную может начать играть MIDI-музыка (которую я, кстати, тоже сделал сам).
Хотя современные браузеры вроде блокируют это безобразие «из коробки».
Большинство ссылок и картинок там битое, потому что сайт несколько раз переносили, не обновив ссылки.
Небольшой фрагмент, чтобы оценить качество говнокода
<html>
<head>
<title>Моя Самара</title>
</head>
<body bgcolor="#ffffff" background="notebook5.gif" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/notebook5.gif" link=#990000 vlink="#006600">
<a name="top">
<BGSOUND SRC = "samara2.mid" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/samara2.mid" >
<table width=610 border=0>
<tr>
<td width=120>
</td>
<td width=480><center>
<IMG SRC="samara.gif" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/samara.gif" WIDTH=300 HEIGHT=80 BORDER=0></A>
<img src="new.gif" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/new.gif"width=60 height=25 border=0>
<center>
</td>
</tr>
</table>
<table width=760 border=0>
<tr>
<td width=120 valign=top>
</td>
</td>
<font face="Times New Roman, times">
<table cellpadding=5 cellspacing=2 width=200 border=1 align=left bgcolor=99ccff>
<tr><P></FONT>
<td><font size=+1><b><center>Разделы</center></b></font></td>
</tr>
<tr>
<td><font size=-1>
<b>У истоков.<BR><a href="zasekin.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/zasekin.htm" >Князь Григорий Засекин и другие
</a></b>
<br>Хроника жизни и деятельности строителя волжских городов, а также множестово исторических сведений о Самарском крае.<p>
<b><a href="zhiguli.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/zhiguli.htm">Легенды Жигулей
</a></b><br>Сказки и предания Самарского края и Жигулей.<p>
<b><a href="nature.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/nature.htm">Природа Самары</a></b><br>Все о знаменитой самарской природе.<p>
<b><a href="composit.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/composit.htm">Сочинение о Самаре</a></b><br>Сочинение Чистова Павла о Самаре, давшее название всему проекту.<p>
<b><a href="industry.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/industry.htm">Индустрия и промышленность Самары</a></b><br>Некоторые сведения о заводской индустрии в Самаре.<p>
<b><a href="culture.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/culture.htm">Культурная жизнь города</a></b><br>Культурный комплекс Самары.
<p>
<b><a href="tolstoy.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/tolstoy.htm">А. Н. Толстой в Самаре</a></b><br>Некоторые сведения о жизни выдающегося русского писателя А. Н. Толстого.
<p>
<b><a href="arms.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/arms.htm">Герб Самары.</a></b><br>Некоторые сведения о самарском гербе.
<p>
<b><a href="autors.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/autors.htm">Немного об авторах</a></b><br>В этом небольшом, казалось бы разделе содержатся полные сведения о нас.
<p>
<b><a href="thanks.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/thanks.htm">Благодарности</a></b><br>Все кому мы хотели бы высказать свои пожелания, и благодарности.
<p>
<b><a href="access.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/access.htm">Приложения</a></b><br>
Тут сосредоточены все найденные нами соответствия старых и новых улиц Самары.
<p>
</td>
</tr>
</table>
Спойлер: с тех пор я не сильно продвинулся в знаниях разметки.
История создания
1999 год, город Самара.
Я ещё пездюк из не очень благополучной семьи, но уже тогда дико увлечённый технологиями. С парой одноклассников мы ездим через пол-города на какие-то бесплатные компьютерные курсы, где контрастируем на фоне местного хулиганья, посещающего те же занятия. Интернета там нет, в основном просто играем в игрушки на компах, или изучаем прикладные программки (и иногда вирусы).
![где-то там, во дворе, вроде](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/o6uozVoMcUCiWyOCqI39un2qmeajRWFAJODzQ0cL.webp)
![с годами всё становится хуже](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/ZXyli2IgM3NR6HB7bvrIr533u39hGY4E77nBwxpa.webp)
На курсах я узнаю, что Центр развития образования г. Самары проводит школьный интернет-проект «О, Волга, колыбель моя!» / «Oh, Volga, Cradle Mine!». В то время понятия «кринж» ещё не существовало настолько широко, поэтому мы решили поучаствовать. Мы — это я, и двое одноклассников (мы с ними ещё игру пытались делать, но это заслуживает отдельного лонга).
Проект родился как одна из инициатив впервые открытого в 1997 г. Узла Интернет Муниципального отдела образования Ленинского района г. Самары. Проект был объявлен для школ района на презентации Узла, который был создан на средства гранта Института «Открытое общество» (фонда Сороса) и Администрации района. Автором проекта являлась вед. специалист Узла Серых Л.А., руководителем проекта — зав. отделом образования Ленинского района Новикова Т.С.
Проектов у ̶С̶о̶р̶о̶с̶а̶ муниципалов там мутилось немалое количество (на полном серьёзе даже создавался Интернет 2.0 — сеть «Интегра»), и в итоге этот самарский сборник сайтов вырос в нечто под названием «ГИПЕР МЕДИА КНИГА».
Суть была проста: школота делает сайты про родной край, попутно изучая web-технологии, руководители отчитываются об успехах. Все довольны.
![ГИПЕР МЕДИА КНИГА: Choose your fighter!](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/mgHtwDYHRfQHneVWP7D4pLEIGRdeOdc2AupjgiHp.webp)
На тот момент я немного разбираюсь в HTML, благодаря пиратским CD-дискам, на которых в те времена можно было найти чуть ли не архивы Пентагона. Пираты качали всё подряд и продавали, а мы были и рады.
Недолго думая, мы начали собирать материал по краеведению, любой, до которого смогли дотянуться. Судя по благодарностям на сайте, нам помогала школьная учительница и ещё какие-то люди, которых я уже не вспомню.
![В те времена о 4K никто не слышал, господствовало 800х600](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/z3X83vvYr8n2oD29nts0suG3d29Ur2eDzk0m6C5Y.webp)
О разработке
А тут всё просто. До этого дня никто не знал, но сейчас я раскрою секрет. Сайт я делал не с нуля.
Насколько я помню, на каком-то из купленных пиратских дисков были выкачаны целые сайты с туториалами по веб-разработке. Только сейчас я смог оценить уровень мета-иронии. Я переделал сайт про разработку сайтов, заменив там содержимое. Ха-ха!
![Фон с городским ландшафтом я рипнул из Duke Nukem 3D](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/llzXYQoAWEm4MkFTS8BkeYqn0WUt6pbEbpT4FDXi.webp)
Это было бы смешно, но я проворачиваю такие трюки до сих пор, и теперь мне за это ещё и платят.
Тем не менее, авторская работа всё равно была проведена немалая: я отрисовал и отредактировал некоторое количество графики, как-то умудрился запилить MIDI-аранжировку песни «Самара-городок», сделал несколько GIF-анимаций, и, в порыве энтузиазма даже написал стихотворение:
![Никогда не говори «никогда». Через 8 лет я уехал жить в Питер 😂](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/TSxYiDicOouElP65VYgqFy7IkNfaKNxWAvTYvwrs.webp)
Чем всё закончилось
После сдачи архива с сайтом организаторам мы немного расслабились и стали ждать церемонии награждения. Насколько сейчас помню, там даже призы были: за первые места помимо дипломов давали конвертики с валютой (100$ или типа того). За вторые можно было получить лицензионный софт, книги по вебдеву тех времён, и ещё какую-то ерунду.
У меня сложилось впечатление, что первые места заняли те, кто должен, ну а оставшиеся раскидали между босотой вроде нас. В итоге, мы с нашим сайтом получаем дипломы третьей степени (из трёх возможных). Даже где-то до сих пор валяется этот диплом, найду, дополню им лонг.
Более крупных фоток с мероприятия не сохранилось.
![найдите ̶У̶о̶л̶д̶о̶ меня на фото](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/MNry9cIfoupCEkFtFSm73BbrG9bIKR1LzjURniS0.webp)
![меня и остальных причастных награждают памятной макулатурой и цветочком 😊](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/YmIerEJuFu1j2oXBvBvOWrvwsLpunfqABcTyQwAQ.webp)
![просто окунитесь в атмосферу](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/sudKwAY2mGRnL5ynttWBr1OBwZE42z9XqbGAnAwe.webp)
Разные страницы сайта
![Тизерил Смуту ещё в 1999](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/7xMBT6nAxHgFsN8izVcWIGr7GINyUrYoU3X0bsRa.webp)
![Некоторые странички делали мои одноклассники. Сейчас Пашки уже с нами нет — в 2014 году проломили голову, когда он возвращался с работы домой. По злой иронии: именно в Струковском, о котором он пишет.](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/WfGmvSdkkfH3gJ7yadtGoguw9DvLVPos6P99DP29.webp)
![Яндекс.Карт ещё не было даже в проекте](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/Mpi3PQ5N2y8H68FjTe6BXJlCT1erYuV56m6hySvo.webp)
![Эт я. О приватности и социальной инженерии тогда тоже никто не думал](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/pm4dtoXisaiIZvZFjGy8paZGXzNnPSGA8jKLo0wg.webp)
![Даже не спрашивайте КАК](https://eu2.contabostorage.com/f94f60469c9f431da515a0feaf7c2246:enthub/stories/img/WWRthgjsMRLEMwmOyPp0Ffiel0i0SI5EO35xXQME.webp)
Итоги: 25 лет спустя
Так вышло, что веб-разработка до сих пор меня кормит. В 2005 я подсел на WordPress, и с тех пор занимаюсь, преимущественно, только им. Поначалу очень бесила необходимость вникать в PHP и фронтэнд, я несколько раз бросал и уходил в неквалифицированный труд, но потом появился Elementor и жить стало проще. Да, я до сих пор ноу-кодер, и мне стыдно.
А мог бы просто на юкозе сделать!
на вордпрессе ж
А я что-то его пропустил, не помню, чем был занят в тот период. Наверное, депрессией.
На юкозе моя карьера создателя сайтов и закончилась. Удобная штука для своего времени была.
Достойно, мне понравилось.
Кринжа не обнаружено , достойный путь саморазвития .
Сколько ни пытался вкатиться в веб-разработку - так и не смог. Так и решил, что нах её.
Правильно, ну её нах!
Ну а по теме поста: стандартный сайт конца 90х. Я тогда только родился, поэтому точно не знаю, но прям "профессиональный" дизайн был лишь у корпораций (и то, не у всех), судя по вебархиву. Из 2024, конечно, всё из тех лет смотрится плохо (хотя сейчас дизайн сайтов тоже пиздец какое говно местами). Так что сайт из поста выглядит более чем нормально.
Хех. Единственный сайт который я сделал был на Flask и он так и остался на моем компе..
Собсна, а шо не так? Обычный сайт двадцатилетней давности.
Да и с игрой Terab1t тоже всё так. Обычная игра полугодовой давности.
Годнота )
Респектую за то, что победил стеснительность.
Да я просто на себе уже крест поставил)