Changes on Welcome page and contact area

App.js

@@ -124,10 +124,19 @@ const styles = StyleSheet.create({
   buttonContainer: {
     flexDirection: 'column',
     backgroundColor: '#f0f8ff',
-    alignItems: 'center',
-    justifyContent: 'center',
-	paddingTop:100,
-	marginTop: 20,
+    // alignItems: 'center',
+    // justifyContent: 'center',
+	paddingTop:40,
+	marginTop: 15,
+  },
+  bottom: {
+    flex: 0.3,
+    backgroundColor: "gray",
+    borderWidth: 5,
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20,
+	alignItems:'center',
+
   },
   container: {
     flexDirection: 'column',
@@ -136,8 +145,10 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
 	paddingTop:20,
-	marginTop: 20,
+	marginTop: 15,
   },
+
+
   containerbackground:{
 	
     backgroundColor: '#f0f8ff'
@@ -194,7 +205,12 @@ const handlePress = () => false
 //data parsing goes here
 function getInfo(){
 	//console.log(information[6])
-	return information
+	if(!information)
+	{Alert.alert("Please try again later! Error retriving data")}
+	else
+	{return information}
+
+	
 }
 
 //data display
@@ -375,11 +391,12 @@ class App extends React.Component {
 //the text at the end of a page gets cut off if anyone knows how to fix that?
 vars = {
 		welcome:
-
+<ScrollView style={styles.scrollView}>
 		<View style = {styles.containerbackground}>
-		<ScrollView style={styles.scrollView}>
+		
 		  	<View style = {styles.container}>
 				<Text style={styles.intro}>Bienvenido!</Text>
+				<Image source={require('./smallLogo.jpeg')} />
 			</View>
 			<View style = {styles.container}>
 				<Text style={styles.sub}>Aquí podra mantenerse al tanto con las 
@@ -387,8 +404,23 @@ vars = {
 					los Demographic Data Profiles de cada municipio de
 					Puerto Rico.</Text>
 		   </View>
-		  </ScrollView>
-		</View>,
+
+		   <View style = {styles.bottom}>
+				<Text style={styles.intro2}>Contactenos:</Text>
+				<Text style={styles.sub}>Prof: Hernando Mattei Torres
+				<Button onPress={() => Linking.openURL('mailto:hernando.mattei@upr.edu') }
+      			title="e-mail" /></Text>
+				<Text style={styles.sub}>Angelica Rosario Santos
+				<Button onPress={() => Linking.openURL('mailto:angelica.rosario2@upr.edu') }
+      			title="e-mail" /></Text>
+				<Text style={styles.sub}>Data from:</Text>
+				<Image source={require('./census-logos.png')} />
+				<Button onPress={() => Linking.openURL('https://data.census.gov/profile?q=United+States&g=0100000US') }
+      			title="United States Census page" />
+		   </View>
+		  
+		</View>
+		</ScrollView>,
 		 
 		newsView:
 		<View style = {styles.containerbackground}>
@@ -442,25 +474,35 @@ setNews = () => this.setState({ current: this.vars.newsView })
       return (
 	  <View>
 		
-			<View style = {styles.containerbackground}>
+		<View style = {styles.containerbackground}>
+				<ScrollView style={styles.scrollView}>
 				<View style = {styles.buttonContainer}>
 					<Text style={styles.Navsub}> Demographic Data Viewer</Text>
-							<View style = {styles.buttons}>
+						<Text style={styles.sub}> Navegador</Text>
+							<Pressable style = {styles.buttons} onPress={this.setNews}>
+							
 			 		 			<Button
-								onPress = {this.setNews}
-				 				title = "Noticias"
+								title = "Noticias"
 				 				color = "white"
 			  					/>
-			  					<Button
-								 onPress = {this.setData}
-								 title = "Datos"
-								 color = "white"
+			  
+			  					
+							</Pressable>
+								
+							<Pressable style = {styles.buttons} onPress={this.setData}>
+							
+			 		 			<Button
+								title = "Datos"
+				 				color = "white"
 			  					/>
-							</View>
+			  
+			  					
+							</Pressable>
 						
 						
 		  				{this.state.current}
 					</View>
+					</ScrollView>
 			</View>
 		</View>
       );