1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
import React, { Component } from 'react';
import {
StyleSheet,
Image,
} from 'react-native';
import ScrollableContainer from '../components/scrollableContainer'
import ClearText from '../components/text'
export default class Information extends Component {
constructor(props) {
super()
}
render() {
const content = this.props.content
return (
<ScrollableContainer heading="ABOUT THIS WORK" bodyStyle={styles.bodyStyle}>
<ClearText style={styles.body}>
{this.props.content.show}
</ClearText>
<Image source={require('../../img/aiweiwei.png')} resizeMode='cover' style={styles.face} />
<ClearText style={styles.body}>
{this.props.content.aiWeiWeiBio}
</ClearText>
<Image source={require('../../img/herzogDeMeuron.png')} resizeMode='cover' style={styles.face} />
<ClearText style={styles.body}>
{this.props.content.herzogBio}
</ClearText>
<ClearText style={styles.body}>
{this.props.content.deMeuronBio}
</ClearText>
<ClearText style={styles.footer}>
</ClearText>
</ScrollableContainer>
);
}
}
/*
<YouTube
ref={(ref) => this.youtubePlayer = ref}
videoId={content.video.token}
play={false}
hidden={false}
fullscreen={false}
loop={true}
controls={1}
showFullscreenButton={true}
showinfo={false}
modestbranding={true}
rel={false}
iv_load_policy={3}
onReady={(e)=>{this.setState({isReady: true})}}
onChangeState={(e)=>{
if (e.state == 'playing') {
this.props.onVideoPlay()
}
else {
this.props.onVideoPause()
}
}}
onChangeFullscreen={(e)=>{
if (e.isFullscreen) {
this.props.onVideoPlay()
}
else {
this.props.onVideoPause()
}
}}
onError={(e)=>{this.setState({error: e.error})}}
onProgress={(e)=>{this.setState({currentTime: e.currentTime, duration: Math.round(e.duration)})}}
style={styles.video}
/>
*/
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'flex-start',
alignItems: 'flex-start',
},
bodyStyle: {
marginRight: 10,
},
video: {
alignSelf: 'stretch',
height: 400,
width: '100%',
backgroundColor: 'black',
marginVertical: 10
},
body: {
textAlign: 'left',
paddingRight: 10,
width: '90%',
marginBottom: 20,
maxWidth: 600,
},
hero: {
width: '90%',
height: 300,
},
face: {
width: '90vw',
height: 450,
marginBottom: 20,
},
footer: {
marginBottom: 80,
},
})
|
