Рисование горы
Раз цвета и тип были отсортированы я хотел что-то в заголовке, какой-то знак вместо просто простого текста. Lovundfjellet казалась очевидной. Это гора прямо на острове, та что находится в основном каждой фотографии которую я имею дома.
Так я открыл Aseprite и попробовал нарисовать это в пиксельной графике.
Попытка одна была неправильной
Первая версия имела этот единственный острый пик, один крутой зуб торчащий прямо вверх. Выглядело довольно драматично честно говоря, как логотип горнолыжного курорта. Проблема в том что это не то как гора выглядит. Lovundfjellet более округлый чем это, больше купол с лёгким креном, не шип.
Я только заметил как неправильно это было после поднятия реальной фотографии я взял из парома в прошлом году и положив её рядом с версией моего пикселя. Не близко. Перерисовал весь силуэт от той фотографии, выравнял вершину, расширил основание, и это вдруг прочиталось как реальная гора вместо универсального треугольника.
Маленькое но это имело значение для меня. Если я собираюсь поместить горный профиль моего домашнего острова на мой собственный сайт я хочу чтобы она действительно выглядела как это.
Знак BMK
Пока я был на этом я сделал маленький логотип тоже, BMK с крошечной версией того же самого горного профиля спрятанной в нём. Используя его в углу заголовка сейчас вместо просто моих инициалов сами по себе.
Favicon, действительно боль того дня
Должна была быть лёгкой частью. Экспортировал гору как маленький favicon, бросил его, и мой браузер просто отказал обновить это. Вкладка не переставала показывать старый значок по умолчанию независимо что я делал. Жёсткое обновление, очистка кэша для сайта, закрывание вкладки полностью, ничего не работало в Firefox на долгое время.
Закончилось переименованием файла и увеличением query параметра кэша-взлома на ссылке перед этим наконец сдался:
<!-- до: браузер просто продолжал обслуживать старый значок из кэша -->
<link rel="icon" href="/favicon.png" />
<!-- после: новое имя файла плюс версия запроса, и наконец это повторно получило -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=2" />Я не полностью понимаю почему это было так упорно об одном 32x32 png но вот это.
Маленькая гора в углу сейчас. Чувствует себя правильно.