… мне нужен сайт!

с такой мыслью проснулся я ранним сентябрьским утром, ощутив мрачность и серость бытия безработного человека… начав трудовую деятельность почти 15 лет назад, я ее не прекращал ни на один день: что там говорить, я и в отпуске-то был всего несколько раз.

За окном стояла теплая сентябрьская погода, детишки топали в школу, а я беззаботно стоял на балконе и смотрел на небо…. Да! Однозначно, мне нужен сайт!

Но с чего же начать? К этому моменту я уже решил создавать свой проект, но еще не было ни названия, ни логотипа… Также у меня не было лишней соточки, чтобы заказать разработку на стороне. Что же было у меня? А было у меня дикое желание… желание самореализоваться, к тому же были кое-какие знания в web разработке. Как Вы считаете, достаточно ли этого?

Мой доминирующий архетип “Творец” пнул меня под зад и сказал “Достаточно“, вариантов не оставалось – я начал думать…

Думала, думала, думала, время быстро пролетало а….

…играла песня “Руки вверх” в наушниках. Было принято решение начать с разработки страницы “О себе”, наверное оно не самое оптимальное, но я и не претендовал на роль крутого разработчика 😉 Начался мозговой штурм, нужен был срочно логотип, название, слоган и девиз. Недавний пример переименования “Макдоналдс” во “Вкусно и точка” не давал мне покоя, хотелось сделать что-то подобное и гениальное… Но мой маркетинговый гений где-то отдыхал, и было решено сгенерировать название из моего имени, рода деятельности и хобби. Но так как литрбол теннис звучал двояко, а Лёхотрон не внушал доверия, проект получил название АйзТЕХНО, т.е. буквально Техноглаз 🙂

С логотипом я пытался схитрить, решив воспользоваться современными технологиями – генерацией изображения нейросетью. Но получалось мягко говоря спорно….

Пришлось вспомнить о фотошопе и о лозунге: “Хочешь сделать хорошо – сделай сам!”. В итоге я взял шестеренку и начертание глаза. Вставил ее вместо зрачка – получилось как-то пустовато. Добавил шестеренке объектив видеокамеры – теперь идеально! Ну почти… у топовых компаний на логотипе пишется название, подумал я…

и добавил EyesTechno. Получилось следующее

По-моему я сильно ступил, поступив учиться на технический факультет почти 20 лет назад 😢

Интерфейс

Подведя промежуточный итог, я понял, что самую важную часть работы уже сделал – у меня есть логотип и название. Нужно будет обязательно запатентовать их, когда моя компания достигнет оборота в 100 млн. А пока нужно было продумать интерфейс сайта, он должен быть user-friendly.

Решив повторить успех VK, было решено делать переключатель тем “светлая-темная”. Для этого в разметке страницы обозначался элемент кнопки <button>, которой был присвоен CSS класс "button-interface" и идентификатор "buttonSwitchTheme" для обращения к элементу из JavaScript:

 <button class="button-interface" id="buttonSwitchTheme"></button>

Прописал CSS свойства элемента и CSS-переменные определяющие основные цвета (чтобы не утомлять Вас прикреплю скриншоты из редактора кода) :

Красота! Волшебство! Wizard! FARB! Тьфу-тьфу…

Контент

Оставалось дело за малым – наполнить контентом страницу “О себе”… Не стал долго думать и взял свою лучшую фотографию , нет… не свадебную, и написал много букв о том, какой я классный 🤪.

Итак… лучшая моя фотография была отфотошоплена и приготовилась украсить мое творение. Да! На темной теме она смотрелось очень даже неплохо, но стоило переключить на светлую … факап😐

Со светлой темы на меня смотрел какой-то Гендельф… ну я себя и не называл дизайнером в принципе. Выход был найден, программным способом из JS при переключении темы, менялась картинка. Но из-за того, что код срабатывал не мгновенно, на пару секунд Гендельф все же выглядывал… да и ладно, я так то вообще по системам безопасности больше….

Для написания текста помогла предыдущая статья на https://dzen.ru, удалив лишние пробелы из нее, текст идеально вписался на странице.

В принципе моя первая страница была готова – архетип Творец оказался прав! Хорошей идеи и правильной мотивации достаточно для того, чтобы творить и создавать!

Kонечное исполнение страницы можно посмотреть здесь: https://eyestechno.ru/about-us/. Не забудьте пощелкать переключателем тем, чтобы посмотреть на Гендельфа.

Заключение

Этой статьей я открываю рубрику “ТехноБаза”, я ее старался написать обычным языком, чтобы было интересно широкому кругу читателей. Если считаете такой формат интересным, ставьте лайк, подписывайтесь на меня , добавляйтесь в друзья в ВК: https://vk.com/eyestechno

Ваш Техноглаз 😉