Идея создать свой сайт была давно, но всё время откладывалась на потом. На Канарах у меня, наконец-то, нашлось время для этого. Несмотря на примитивность содержания, объем работы оказался серьезным и занял два месяца по времени, а по трудозатратам – где-то человеко-месяц. А вообще, трудно быть перфекционистом, да😂.

Итак, встречайте:
https://rodin.live

К сожалению, сайт только на английском (да, а пост этот на русском, нестыковочка). Почему так – читайте ниже.

Основной вопрос, который мне задают – ты же там ничего не продаешь, зачем от тебе нужен? Объясняю. Это социальная визитка. Для тех, кто знает меня, но знает недостаточно хорошо. Это такая возможность быстро со мной познакомиться. Да, на нём я ничего не продаю, я просто хвалюсь☺️. Почему профиль в соцсети не подходит для подобных целей? Да потому, что соцсетей сейчас много и они созданы немного для другого. Открываешь ты чей-нибудь Фейсбук или Инстаграм, а там котики, пейзажи, репосты. Листаешь ленту, листаешь и иногда даже удается найти фотографию владельца (ибо котик на аватарке как бы не раскрывает суть😀). Если уж прям совсем интересно узнать о человеке побольше, изучаешь его профиль подробно, и всё-равно ничего не понятно – в итоге забиваешь. Зайдя же на сайт, сразу становится понятно, что за человек, чем занимается, чем увлекается и чего хочет. На страницу ведут ссылки отовсюду и с неё тоже есть ссылки на все соцсети и другие интернет-ресурсы. Некий такой единый хаб, домашняя страница, виртуальный дом.

Далее я расскажу, как это было и что и как планирую развивать. Если не интересно – смело пропускайте, никаких особых откровений там нет.

Началось всё с того, что я сразу отказался от всех конструкторов. Они может быть и неплохо подходят для того, чтобы быстро накидать первую версию, но когда дело доходит до деталей, начинается ад, с которым справиться практически нереально. Например, на мобильных устройствах отображается не так, как хотелось бы? Можно ли это поменять? Нет, ибо в шаблоне так задумано или баг, который никто не собирается исправлять. В итоге приходится создавать несколько версий для разных устройств. Хочешь чтобы сайт был на своём собственном домене? Да не вопрос, только платформа резко становится платной и начинает клянчить хоть и небольшие, но неприятные деньги. Хочешь подключить Google Analytics? Да пожалуйста, это есть в нашем ультра супер энтерпрайз тарифе, переключайся на него. И ты такой жмешь на кнопку переключиться и оно начинает хотеть уже совсем не смешных денег. В итоге оказывается, что времени и сил ты потратил столько же, как при создании сайта с нуля, только теперь это говно поддерживать практически невозможно (и нужно переделывать). Да еще ты за это платишь немалые бабки в месяц. Именно поэтому я сразу пошел путем создания сайта с нуля, понимая, что работы будет немало, но держа в голове, что заодно вспомню и подтяну свои навыки в веб-технологиях.

Я думал начать будет просто. У меня была идея того, как всё это должно выглядеть в итоге. Думал, что найду бесплатный или платный HTML/CSS шаблон и допилю вручную до того, что мне нужно. Но не тут то было. Просмотрев сотни шаблонов оказалось, что почти все они однообразные и заточены под продающие сайты для компании, либо портфолио для фрилансеров. Найдя два-три более-менее сносных шаблона я их купил и начал пилить. Быстро стало понятно, что шаблоны огромные и сложные, да ещё и кривые. Если просто заменить в них текст, будет сносно, а вот поменять поведение – прям непросто.

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

Мы собрались вместе, подпилили кое-что, чему-то он меня научил, чему-то я его:

Ну а дальше уже сам, вооружившись гуглом и здравым смыслом.

Оказалось, что сделать один сайт, который одновременно хорошо смотрится на всех устройствах не так то и просто. А устройств нынче развелось масса – и телефоны и планшеты и компьютеры с разными параметрами экрана. Пришлось обращать внимание на каждую деталь, каждую мелочь, каждую особенность. Играться с дизайном, картинками, кодом. В итоге у меня получилось, хоть и не сразу☺️:

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

Вы даже не представляете, сколько различных технологий пришлось использовать и сколько всего нового я узнал. Время явно не было потрачено зря и мне есть что добавить в своё резюме.

В фоне была проделана огромная работа по инфраструктуре. Благо у меня уже есть полноценный физический сервер в Финляндии. Сделал на нем пару виртуалочек на Ubuntu, поднял контроль версий, билд-сервер, сделал автоматический деплоймент. Теперь изменения занимают считанные минуты. Поправил что-то локально, залил в git, кликнул на Build в TeamCity, кликнул на Deploy – и версия в продакшене. Главное, что всю это инфраструктуру теперь можно использовать для других проектов практически без изменений.

Мне хотелось сделать свой собственный почтовый сервер. Конечно, sendmail уже умер, но его призрак пронизывает всё, что связано с почтой – там ад и кошмар. Зато теперь я фактически отвязан от гугла, и, если вдруг он решит заблокировать мой аккаунт без объяснения причин (котика не такого выложу), то пусть, не развалюсь. Мой новый почтовый адрес, пишите: me@rodin.live.

Сайт на данный момент только на английском. В планах перевести его на русский, но я не уверен, потяну ли я поддержку двух параллельных версий в будущем. Для текущего набора слайдов это несложно, а вот если дальше расширяться, то второй язык – это не просто перевод, это заново написанный текст.

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

Раздел, который однозначно стоит сделать – это резюме. Сейчас у меня есть pdf, который можно скачать, но это не очень удобно и довольно непросто в обновлении. Резюме должно быть отдельной страницей на сайте, откуда, при желании, можно его распечатать или сохранить в word/pdf.

Спасибо вам огромное за обратную связь – очень помогло и многое я, в итоге, исправил, хоть и изначально сопротивлялся. Увидите что-то, что бросается в глаза – пишите, поправлю. Все мои контакты теперь у вас есть😀.

UPD: Добавилась