toybreaker / binocle

Works Showcase Essential website for Binocle architecture firm

Home Page:https://binocle.it

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

Set homepage photo

Mail the chosen photo named picture-of-the-day. Min width 1800px (webmaster will make the image set!)

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, 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.

About

Works Showcase Essential website for Binocle architecture firm

https://binocle.it


Languages

Language:HTML 74.3%Language:SCSS 25.2%Language:Ruby 0.5%