-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.js
88 lines (85 loc) · 2.32 KB
/
About.js
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
import React, {Component} from 'react';
import {Image, ScrollView, StyleSheet, Text, View} from 'react-native';
import {Actions} from 'react-native-router-flux';
import Footer from './Footer';
import NavBar from './NavBar';
export default class LandingPage extends Component {
render() {
return (
<View style={styles.container}>
<NavBar />
<View style={styles.main}>
<ScrollView>
<View style={styles.scroll}>
<Text style={styles.about}>about sipster</Text>
<Image
source={require('./assets/drink.png')}
style={styles.drinkImage}
/>
<Text style={styles.content}>
With ample opportunities for free drinks in the tech community,
it can be easy to lose track of just how much alcohol you're
consuming. Sipster tracks your daily intake and allows you to
set goals for your health. Sipster is built on React Native,
Express, Node, Knex.js, and PostgeSQL.
</Text>
<Text style={styles.about}>about the developer</Text>
<Image
source={require('./assets/headshot.jpg')}
style={styles.headshot}
/>
<Text style={styles.content}>
Amber Johnson is a full stack web developer based in Denver. She
enjoys building databases, playing the cello, and long-distance
hiking.
</Text>
<View style={styles.spacer} />
</View>
<Footer style={{inherit: 'none'}} />
</ScrollView>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white'
},
main: {
flex: 8,
alignItems: 'center'
},
scroll: {
alignItems: 'center'
},
about: {
alignSelf: 'center',
fontSize: 26,
fontWeight: 'bold',
color: 'lightgreen',
paddingTop: 40,
paddingBottom: 30
},
drinkImage: {
width: 100,
height: 140,
marginBottom: 40
},
headshot: {
width: 140,
height: 140,
borderRadius: 10,
marginTop: 10,
marginBottom: 30
},
content: {
paddingRight: 20,
paddingLeft: 20,
textAlign: 'center'
},
spacer: {
height: 60
}
});