Skip to content

Commit

Permalink
Post: 2023/photos
Browse files Browse the repository at this point in the history
  • Loading branch information
chuhlomin committed Nov 5, 2023
1 parent a388d91 commit 1044b05
Show file tree
Hide file tree
Showing 3 changed files with 75 additions and 0 deletions.
37 changes: 37 additions & 0 deletions content/blog/2023/photos.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
---
date: 2023-11-05
---

# Photos

Usually, I post photos on Instagram, but I've been increasingly dissatisfied with it:
the algorithmic feed, the stories, and the ads. Luckily, it's still possible to
[download photos from Instagram](https://www.instagram.com/download/request).

I decided to make a minimalistic photo gallery.
The main requirement is that the gallery should work fast on mobile and desktop.

http://chuhlomin.com/photos

![Photos](photos.png)

[The Photographer app](https://github.com/chuhlomin/chuhlomin.com/tree/main/photographer)
takes a folder of photos and generates thumbnails, blurs, and other metadata stored in a YAML file.
The same file is later used by the site generator to "render" the HTML page.
Here are some of the features:

* Photos are stored in Cloudflare R2 storage for fast delivery (and to avoid paying for traffic).
* Images are preloaded in the background.
* Some photos have captions.
* Sprites are used to reduce the number of requests.
* A blurred image is shown before the photo is loaded.
* Keyboard navigation.

What else would I like to add:

* tags,
* location information,
* display of photos on the map,
* search by description.

#project #go #image
Binary file added content/blog/2023/photos.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 38 additions & 0 deletions content/blog/2023/photos_ru.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
---
date: 2023-11-05
---

# Фото

Обычно, я выкладываю фотографии в Instagram, но он меня всё больше не устраивает:
алгоритмической лентой, сторис и рекламой. К счастью, ещё можно
[выгрузить фотографии из Instagram](https://www.instagram.com/download/request).

Поэтому, я решил сделать свою минималистичную фотогалерею.
Главное требование — галерея должна быстро работать на мобильных и настольных компьютерах.

http://chuhlomin.com/photos

![Photos](photos.png)

[Приложение "Фотограф"](https://github.com/chuhlomin/chuhlomin.com/tree/main/photographer)
берет папку с фотографиями и генерирует миниатюры, размытия и другие метаданные,
хранящиеся в YAML-файле.
Этот же файл впоследствии используется генератором сайта для "рендеринга" HTML-страницы.
Вот некоторые особенности:

* Фотографии хранятся в хранилище Cloudflare R2 для быстрой доставки (и чтобы не платить за трафик).
* Изображений предзагружаются в фоне.
* У некоторых фотографий есть подписи.
* Для сокращения количества запросов используются спрайты.
* До того как фотография загрузится, показывается размытое изображение.
* Управление с клавиатуры.

Что ещё хотелось бы добавить:

* теги,
* информация о локации,
* показ фотографий на карте,
* поиск по описанию.

#project #go #image

0 comments on commit 1044b05

Please sign in to comment.