From a31cdd53e9d2d7196912dfa6bbc2bd47c9ce538d Mon Sep 17 00:00:00 2001 From: Brian Sanders Date: Mon, 23 Apr 2018 21:13:47 -0400 Subject: [PATCH 1/2] About page: R-E-S-P-E-C-T the user's language S-E-L, er, selection Store the preference on `global`, like a monster. --- HomeScreen.js | 14 ++++++-------- page/About.js | 50 ++++++++++++++++++++++++++++++++++++++------------ 2 files changed, 44 insertions(+), 20 deletions(-) diff --git a/HomeScreen.js b/HomeScreen.js index 10d8774..1d6e4e3 100644 --- a/HomeScreen.js +++ b/HomeScreen.js @@ -16,13 +16,11 @@ class HomeScreenWrapped extends React.Component { // could be abstracted to a single function accepting lang prop // but this works for only two cases - handlePressEnglish = () => { - this.setState({ language: ENGLISH }) + handlePress= (lang) => { + global.LANG = lang; + this.props.navigation.navigate("Chooser"); } - handlePressHindi = () => { - this.setState({ language: HINDI }) - } - + render () { const navigation = this.props.navigation; let homeScreenImage = require('./assets/BackgroundForAppLanding.png'); @@ -63,7 +61,7 @@ class HomeScreenWrapped extends React.Component { }} > navigation.navigate('Chooser', { language: ENGLISH })} + onPress={() => this.handlePress(ENGLISH)} onPressIn={() => { this.setState({ pressing: ENGLISH }); }} onPressOut={() => { this.setState({ pressing: null }); }} underlayColor="transparent" @@ -82,7 +80,7 @@ class HomeScreenWrapped extends React.Component { /> navigation.navigate('Chooser', { language: HINDI })} + onPress={() => this.handlePress(HINDI)} onPressIn={() => { this.setState({ pressing: HINDI }); }} onPressOut={() => { this.setState({ pressing: null }); }} underlayColor="transparent" diff --git a/page/About.js b/page/About.js index 8bf477b..5b69b05 100644 --- a/page/About.js +++ b/page/About.js @@ -8,22 +8,46 @@ import { View } from 'react-native'; -import {IndicatorViewPager, PagerDotIndicator} from 'rn-viewpager'; +import { ENGLISH, HINDI } from "../config"; +import {IndicatorViewPager, PagerDotIndicator} from 'rn-viewpager'; import pageStyles, { A, H2, Bull, P, Strong } from "./styles.js"; -const ProjectDescription = () => ( - -

- Aashiyaan is an interactive mobile documentary that has been co-created by domestic workers, homemakers and a filmmaker from Delhi. Filmed entirely in India, the transmedia project was developed with support from artists, volunteers, hackers and friends in New Delhi, India; Ryerson and York Universities, Canada; Code for Boston, USA and the Open Documentary Lab at MIT, USA. -

-

- When cities are labelled unsafe, women appear as statistics and victims. This documentary is a living archive of the lives and experiences of the 'invisible' women of Delhi. It invites viewers to listen to and participate in women’s conversations about how they navigate unsafe urban geographies -

- -); +const ProjectDescription = { + [HINDI]: () => ( + +

+ आशियाँ | Aashiyaan एक इंटरैक्टिव मोबाइल डॉक्यूमेंट्री फ़िल्म है जिसे घरेलू श्रमिकों, गृहणियों और दिल्ली की एक फिल्म निर्माता द्वारा सह-निर्मित किया गया है।इंटरैक्टिव डाक्यूमेंट्री वह होती है जिस में आप स्वयं, अपनी पसंद की कहानी का चयन कर सकते हैं और अपनी कहानी भी उस में शामिल कर सकते हैं | भारत में फिल्मायी गयी यह डॉक्यूमेंटरी विभिन्न मीडिया (मोबाइल फ़ोन, इंटरनेट इत्यादि) के ज़रिये नई दिल्ली (भारत) में फ़िल्मकारों, स्वयंसेवकों, हैकर्स (कम्प्यूटर की दुनिया के जुगाड़ू) और मित्रों के सहयोग तथा रायरसन और यॉर्क विश्वविद्यालय (कैनडा); कोड फॉर बोस्टन (अमेरिका) और एम.आई.टी. की ओपन डॉक्यूमेंट्री लैब (अमेरिका) के सहयोग से बनी है। + +

+

+ यह डॉक्यूमेंटरी दिल्ली की 'अदृश्य' महिलाओं के जीवन और अनुभवों का एक जीवित संग्रह है। यह कई आकार लेता है। एक इंटरैक्टिव मोबाइल ऐप के ज़रिए आप इन महिलाओं की असुरक्षित शहरी क्षेत्रों में रहने, चलने और अपनी राह बनाने की बातचीत में शामिल हो सकते हैं | आप एक ऑडियो-विज़ुअल गैलरी (चित्र और संवाद) के ज़रिये इन महिलाओं की उम्मीदों, यादों और आकांक्षाओं का अनुभव कर सकते हैं | + +

+

+ यदि आप इन महिलाओं के बारे में और जानना चाहते हैं और उनकी आंखों से शहर का अनुभव करना चाहते हैं आप अपनी यात्रा का चयन कर सकते हैं या YouTube पर हमारे इंटरैक्टिव संग्रह पर जा सकते हैं। आप यह भी देख सकते हैं कि ये सह-निर्माता अपनी रोज़ मर्रा की ज़िन्दगी के दौरान फ़िल्मकार कैसे बनीं? + +

+

+ जब शहरों को असुरक्षित महसूस किया जाता है, तब महिलायें आंकड़ों और पीड़ितों के रूप में दिखाई देती हैं। आशियाँ | Aashiyaan इस कथन को विभिन्न वर्गों की महिलाओं के अनुभव के माध्यम से चुनौती देता है। इन महिलाओं द्वारा किए गए घरेलू श्रम, फ़िल्मी श्रम, उनके रचनात्मक श्रम को आकार देते हैं क्योंकि वे वार्तालाप स्थापित करते हैं, उनकी जीवनियाँ दर्शाते हैं और कभी कभी नाचते मोर दिखाते है। आशियाँ | Aashiyaan का मतलब घोंसला, घर ... अपनी स्वयं की व्यक्तिगत दुनिया है। +

+ + ), + + [ENGLISH]: () => ( + +

+ Aashiyaan is an interactive mobile documentary that has been co-created by domestic workers, homemakers and a filmmaker from Delhi. Filmed entirely in India, the transmedia project was developed with support from artists, volunteers, hackers and friends in New Delhi, India; Ryerson and York Universities, Canada; Code for Boston, USA and the Open Documentary Lab at MIT, USA. +

+

+ When cities are labelled unsafe, women appear as statistics and victims. This documentary is a living archive of the lives and experiences of the 'invisible' women of Delhi. It invites viewers to listen to and participate in women’s conversations about how they navigate unsafe urban geographies +

+ + ) +} + const ProjectCredits = () => ( @@ -44,11 +68,13 @@ const ProjectCredits = () => ( export default class AboutPage extends Component { render() { + let Description = ProjectDescription[global.LANG || HINDI]; + return ( }> - + From 100b0f57ae22503cad4e739363dc92e8c5b64e7c Mon Sep 17 00:00:00 2001 From: Brian Sanders Date: Mon, 23 Apr 2018 21:19:15 -0400 Subject: [PATCH 2/2] Make the project name bold in the Hindi about text --- page/About.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/page/About.js b/page/About.js index 00ebac3..5f15e99 100644 --- a/page/About.js +++ b/page/About.js @@ -19,7 +19,7 @@ const ProjectDescription = { [HINDI]: () => (

- आशियाँ | Aashiyaan एक इंटरैक्टिव मोबाइल डॉक्यूमेंट्री फ़िल्म है जिसे घरेलू श्रमिकों, गृहणियों और दिल्ली की एक फिल्म निर्माता द्वारा सह-निर्मित किया गया है।इंटरैक्टिव डाक्यूमेंट्री वह होती है जिस में आप स्वयं, अपनी पसंद की कहानी का चयन कर सकते हैं और अपनी कहानी भी उस में शामिल कर सकते हैं | भारत में फिल्मायी गयी यह डॉक्यूमेंटरी विभिन्न मीडिया (मोबाइल फ़ोन, इंटरनेट इत्यादि) के ज़रिये नई दिल्ली (भारत) में फ़िल्मकारों, स्वयंसेवकों, हैकर्स (कम्प्यूटर की दुनिया के जुगाड़ू) और मित्रों के सहयोग तथा रायरसन और यॉर्क विश्वविद्यालय (कैनडा); कोड फॉर बोस्टन (अमेरिका) और एम.आई.टी. की ओपन डॉक्यूमेंट्री लैब (अमेरिका) के सहयोग से बनी है। + आशियाँ | Aashiyaan एक इंटरैक्टिव मोबाइल डॉक्यूमेंट्री फ़िल्म है जिसे घरेलू श्रमिकों, गृहणियों और दिल्ली की एक फिल्म निर्माता द्वारा सह-निर्मित किया गया है।इंटरैक्टिव डाक्यूमेंट्री वह होती है जिस में आप स्वयं, अपनी पसंद की कहानी का चयन कर सकते हैं और अपनी कहानी भी उस में शामिल कर सकते हैं | भारत में फिल्मायी गयी यह डॉक्यूमेंटरी विभिन्न मीडिया (मोबाइल फ़ोन, इंटरनेट इत्यादि) के ज़रिये नई दिल्ली (भारत) में फ़िल्मकारों, स्वयंसेवकों, हैकर्स (कम्प्यूटर की दुनिया के जुगाड़ू) और मित्रों के सहयोग तथा रायरसन और यॉर्क विश्वविद्यालय (कैनडा); कोड फॉर बोस्टन (अमेरिका) और एम.आई.टी. की ओपन डॉक्यूमेंट्री लैब (अमेरिका) के सहयोग से बनी है।