jib-collective/doc-mongolia

A web-documentary about uranium mining in Mongolia and it's consequences for the nomads, living there.

Web-Scroll-Reportage about uranium mining and consequences for for the nomads in Mongolia

• Authors: https://jib-collective.net
• Publication Date: 2015/07/16
• URL: https://jib-collective.net/stories/mongolia/

Installation

npm install && bower install

Watch for Changes

grunt watch

Run local server

# Run on http://localhost:3000
node server.js

Build Production Environment

grunt build

Release to a S3

cp aws.json.default aws.json

# Add your credentials to aws.json

# Upload changed files to /mongolei/ and invalidate
# /mongolei/{language}/index.html
grunt release

doc-mongolia's Issues

Falscher Anschnitt von Bildern

Totes Kalb + Portrait haengen zu tief und sollten besser aligned werden.

Images in Lightbox have scaling issue in certain resolutions

• they should have height = 100% and width = auto
• they should be centered
• the text of the caption should be centered

Footer Enhancements

• Hintergrundbild fuellend
• Kontakt raus
• Zweispaltig: Team und Danksagung
• CG formuliert neuen Satz

Audio/ Video Fallback

TODO

• Modernizr Detection fuer Audio/ Video Support
• Audio/ Video ausblenden (Verhalten analog zu iOS Videos)

Enhance Videos in Image Sequences

Videos should be fullscreen again, so they are looking different then pictures. Also they should not be part of the following sequence, but behave like the last item of an image sequence.

Social Media Teaser

There should be a short teaser for the meta tags of the social networks.

• twitter (max 200 chars)
• facebook (max 200 chars)

Header-Bild, solange Video nicht geladen

Solange das Video nicht geladen ist, koennte ein Bild angezeigt werden. Je nachdem, ob die Performance ausreichend ist, koennte das ein Base64 Encode sein, oder ein schlecht aufgeloestes Bild, um die Dateigroesse klein zu halten.

Infografik Enhancements

TODO

• Rohre sollen unabhaenging voneinander sein
• Uran Schild besser nach rechts ruecken
• Blasen der Uranschicht kleiner
• Atom-Zeichen in der Uran-Blase
• Weniger Kontrast in Wasserschicht
• Weniger Text in Grafik

Lazy-Loading fuer Bilder

Um die Performance zu erhoehen, koennte Lazy-Loading eine Option sein.

• Lazy Loading fuer Seitenspalte
• Lazy Loading fuer Sections ( on Enter )

Footer

Der Footer soll wie eine Bildsquenz funktionieren. Zunaechst erscheint das Endbild, welches dann langsam ausgeblendet wird (bis ca. 0.3) um dann darueber den entsprechenden Text anzuzeigen.

Videos don't play in iOS

All I get is the play button - no preview image or video. Maybe the codec is wrong.

JS Performance erhoehen

Um die allgemeine Performance zu steigern, koennte der jeweilige Block immer erst on Enter initialisiert werden.

Provide Loading Animation for Media

To have a better user-feedback about the progress there should be some kind of animation.

• Loading Animation (unitil first frame is playable) for Header Video
• Loading Animation for first Image Sequence

Video Playback on iPad/ iOS7

The .mp4 videos seem to be broken:

• not autoplay, when entering sections
• Safari does not show the poster
• videos don't play
• fallback for header video