с такой мыслью проснулся я ранним сентябрьским утром, ощутив мрачность и серость бытия безработного человека... начав трудовую деятельность почти 15 лет назад, я ее не прекращал ни на один день: что там говорить, я и в отпуске-то был всего несколько раз.
За окном стояла теплая сентябрьская погода, детишки топали в школу, а я беззаботно стоял на балконе и смотрел на небо.... Да! Однозначно, мне нужен сайт!
Но с чего же начать? К этому моменту я уже решил создавать свой проект, но еще не было ни названия, ни логотипа... Также у меня не было лишней соточки, чтобы заказать разработку на стороне. Что же было у меня? А было у меня дикое желание... желание самореализоваться, к тому же были кое-какие знания в web разработке. Как Вы считаете, достаточно ли этого?
Мой доминирующий архетип "Творец" пнул меня под зад и сказал "Достаточно", вариантов не оставалось - я начал думать...
Думала, думала, думала, время быстро пролетало а....
...играла песня "Руки вверх" в наушниках. Было принято решение начать с разработки страницы "О себе", наверное оно не самое оптимальное, но я и не претендовал на роль крутого разработчика ;) Начался мозговой штурм, нужен был срочно логотип, название, слоган и девиз. Недавний пример переименования "Макдоналдс" во "Вкусно и точка" не давал мне покоя, хотелось сделать что-то подобное и гениальное... Но мой маркетинговый гений где-то отдыхал, и было решено сгенерировать название из моего имени, рода деятельности и хобби. Но так как литрбол теннис звучал двояко, а Лёхотрон не внушал доверия, проект получил название АйзТЕХНО, т.е. буквально Техноглаз :)
С логотипом я пытался схитрить, решив воспользоваться современными технологиями - генерацией изображения нейросетью. Но получалось мягко говоря спорно....
Пришлось вспомнить о фотошопе и о лозунге: "Хочешь сделать хорошо - сделай сам!". В итоге я взял шестеренку и начертание глаза. Вставил ее вместо зрачка - получилось как-то пустовато. Добавил шестеренке объектив видеокамеры - теперь идеально! Ну почти... у топовых компаний на логотипе пишется название, подумал я...
и добавил EyesTechno. Получилось следующее
По-моему я сильно ступил, поступив учиться на технический факультет почти 20 лет назад 😢
Интерфейс
Подведя промежуточный итог, я понял, что самую важную часть работы уже сделал - у меня есть логотип и название. Нужно будет обязательно запатентовать их, когда моя компания достигнет оборота в 100 млн. А пока нужно было продумать интерфейс сайта, он должен быть user-friendly.
Решив повторить успех VK, было решено делать переключатель тем "светлая-темная". Для этого в разметке страницы обозначался элемент кнопки <button>, которой был присвоен CSS класс "button-interface" и идентификатор "buttonSwitchTheme" для обращения к элементу из JavaScript:
<button class="button-interface" id="buttonSwitchTheme"></button>
Прописал CSS свойства элемента и CSS-переменные определяющие основные цвета (чтобы не утомлять Вас, прикреплю скриншоты из редактора кода) :
Теперь у меня была круглая кнопка в правом нижнем углу экрана, ее нужно было "оживить". Для этого на языке JavaScript прописал следующие "волшебные" строки:
Красота! Волшебство! Wizard! Тьфу-тьфу...
Контент
Оставалось дело за малым - наполнить контентом страницу "О себе"... Не стал долго думать и взял свою лучшую фотографию , нет... не свадебную, и написал много букв о том, какой я классный 🤪.
Итак... лучшая моя фотография была отфотошоплена и приготовилась украсить мое творение. Да! На темной теме она смотрелось очень даже неплохо, но стоило переключить на светлую ... факап😐
Со светлой темы на меня смотрел какой-то Гендельф… ну я себя и не называл дизайнером в принципе. Выход был найден, программным способом из JS при переключении темы, менялась картинка. Но из-за того, что код срабатывал не мгновенно, на пару секунд Гендельф все же выглядывал… да и ладно, я так то вообще по системам безопасности больше….
Для написания текста помогла предыдущая статья на https://dzen.ru, удалив лишние пробелы из нее, текст идеально вписался на странице.
В принципе моя первая страница была готова — архетип Творец оказался прав! Хорошей идеи и правильной мотивации достаточно для того, чтобы творить и создавать!
Kонечное исполнение страницы можно посмотреть здесь: https://eyestechno.ru/about-us/. Не забудьте пощелкать переключателем тем, чтобы посмотреть на Гендельфа.
Заключение
Этой статьей я открываю рубрику «ТехноБаза», я ее старался написать обычным языком, чтобы было интересно широкому кругу читателей. Если считаете такой формат интересным, ставьте лайк, подписывайтесь на меня , добавляйтесь в друзья в ВК: https://vk.com/eyestechno
Ваш Техноглаз ;)
