## Like the big images at the top:
<http://www.washingtonpost.com/sf/syrian-refugees/2013/12/03/refuge-stories-from-the-syrian-exodus/>

![](file:///Users/sng/Notes/img/Screen%20Shot%202014-04-14%20at%209.09.02%20PM.png)

Also big images: <http://ridestori.es/>
![](file:///Users/sng/Notes/img/Screen%20Shot%202014-04-14%20at%209.08.24%20PM.png)

More big images: <http://www.cast83.com/>

---

Awesome photo essay/essays in this site: <http://www.tylerfinck.com/2014/01/mount-monadnock/>

Like the long thin images on the homepage:
<http://www.kennethreitz.org/>
![](file:///Users/sng/Notes/img/Screen%20Shot%202014-06-18%20at%2010.23.59%20AM.png)

like the text/images used on notes from the road about page: <http://www.notesfromtheroad.com/about/>

really like the blockquotes on: <http://aworkinglibrary.com/writing/overkill/>
![](file:///Users/sng/Notes/img/Screen%20Shot%202014-04-14%20at%209.08.08%20PM.png)

really like the little expanding map bubble on these permalinks:
<https://hi.co/moments/qdvswsvq> Also the textured bottom instead of hard edge, though maybe that's a little to cutesy

![](file:///Users/sng/Notes/img/Screen%20Shot%202014-06-30%20at%2010.49.18%20AM.png)

---

Adelle and open sans are both nice: <http://www.typewolf.com/site-of-the-day/fonts/adelle>

Some nice typography examples here <http://3.7designs.co/blog/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it/>

Want to implement fragmentions:
<http://www.kevinmarks.com/fragmentions.html>

Add Permashort links to notes when longer than what's pushed to twitter:
http://indiewebcamp.com/Twitter#Why_permashortcitation_instead_of_a_link

Like this idea of acknowledgments instead of colophon: http://www.macstories.net/acknowledgements/

stop using title tags maybe?
<http://blog.paciellogroup.com/2013/01/using-the-html-title-attribute-updated/>

Move away from storing everything in DB maybe? Python lib to interact with git repo: <http://www.samba.org/~jelmer/dulwich/docs/tutorial/repo.html#creating-new-commits>

## Content:
### Privacy policy examples:
* http://www.lorriethomas.com/lorrie-thomas-ross-privacy.php
* http://charlieharvey.org.uk/page/privacy
* https://warpuni.com/terms-site/privacy-policy/
* 

###Locations

Steal this js for getting location from browser:
https://kylewm.com/admin/new?type=checkin


### Links section:

pull in link page text using readability filter to get something simple:
<https://github.com/buriy/python-readability>

### Comments

for webmentions:
https://github.com/bear/ronkyuu

### Photos

* workflow for photos:
	* edit, organize, tag (including geo), title and caption in darktable
	* export to folder, appending tags to Exif data
	* add metadata file to folder to define album and add descriptive text. If no metadata then no album.
	* Upload folder as zip file and unzip via web interface 
    * scan all images and extract metadata, title, caption, tags
    * add photo to db along with some meta and title/caption
	* sidecar json file with all data on disk mirroring file name
	* resize for responsive galleries and compress image to mimic imagoptim preserving original
	* rebuild photo pages
    * optionally push to flickr:

* tools:
    * for reading exif: <http://smarnach.github.io/pyexiftool/>