Skip to content

Works Showcase Essential website for Binocle architecture firm

Notifications You must be signed in to change notification settings

toybreaker/binocle

Repository files navigation

Netlify Status

Warning

Despite this repo being public, it doesn't mean that all these assets are open-source and/or copyright free, or even that you may use any of them. Please, ask for permission first, by contacting us: info@junglestar.org All photos © Binocle. All rights reserved. Thanks, Junglestar team

Features

  • progressive image in home using picture and ".avif" w/ jpg fallback.
  • standalone web-app (after "add to home screen" on android).
  • CSV driven menu.
  • plain javascript.
  • address use microformat. See test
  • work intros use markdown inside {{content}}.
  • FULL HD - up to 1920px wide shots.
  • open-graph & twitter-cards.
  • SSL/https thanks to netlify.

No frills editing guide

IMAGES NAMING

Photos should be named as follow: projectname-01.jpg, projectname-02.jpg, etc..

Note:

  • first the name of the project without spaces and dashes and all lowercase,
  • then dash,
  • then the progressive number of the photos starting from 01.

Update CONTACT INFOS, tel?

Change lines 11>15 in this file

PROFILE fine tuning?

Edit this file

PROFILE image change?

Upload a picture named profile.jpg to the shared gdrive folder with same specs as for works images, then it will be processed by gulp as works images. (If in a hurry upload 3 pictures properly dimensioned named profile-640.jpg, profile-1024.jpg, profile-1920.jpg overwriting the existing ones.)

WORKS: disable + enable project?

Move project row form works.csv to works_to_finish.csv. When done, move it back.

WORKS: new project?

Add a new line in this file with the work details, look at existing lines to understand the logic, make a folder with the work name and an index.htm inside it, with the correct front-matter.

2DOs:

  • refactor to use .avif
  • setup service workers for full Offline experience.