https://github.com/ayamflow/paleofuture
A reinterpretation of Matt Novak's Paleofuture blog.
https://github.com/ayamflow/paleofuture
Last synced: about 1 year ago
JSON representation
A reinterpretation of Matt Novak's Paleofuture blog.
- Host: GitHub
- URL: https://github.com/ayamflow/paleofuture
- Owner: ayamflow
- Created: 2012-11-20T11:07:11.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2013-10-22T16:16:07.000Z (over 12 years ago)
- Last Synced: 2025-01-31T14:42:10.189Z (over 1 year ago)
- Language: JavaScript
- Homepage: http://paleofutur.gobelins.fr/2014/g8/
- Size: 12.7 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#PALEOFUTURE
#### Design & concept, graphic design, development by Léa Mariani & Florian Morel
First project at Gobelins school. Reintepretation of Matt Novak's [Paleofuture blog](http://www.paleofuture.com/).
Conceived for Chrome with a resolution > 1440x900
*(WIP responsive)*
### Libraries
* Vanilla JS
* JQuery (selectors and stuff)
* JQuery UI (autocomplete, drag)
* PreloadJS (preload all images)
* Handlebars
* jqDock (Mac OS X like dock)
* lodash (better underscore.js)
* slimScroll
* Greensock (TimelineMax, TweenMax)
* rAF FTW
* Compass
### Structure
* /js/
* main.js = preload & init
* Timeline.js => main controller (handle timeline, articles, and main events)
* ArticleViewer.js => Article View
* other : misc utils
* Features
* Timeline with dynamic current year and decade/year scrolling
* Parallax & scroll of article container (depending on the timeline position)
* Search engine with autocomplete on article name & result view
* Article view :
* Related articles (right sidebar), category filters (left dock)
* toolbar with current category reminder and social features access (pin/share), ...
* Some undevelopped/fake features for the demo:
* Pins page (access with Community > Submit) *(It's just a jpeg)*
* Commentaries on article view *(It's just jpegs)*
Pretty much it. Although this project was not supposed to be totally working, I tried to code the smoothest experience possible. Minimal jank !