resource page + styles

app/Resources.js

@@ -6,6 +6,8 @@ import {
   View,
   Text,
   StatusBar,
+  Linking,
+  Image,
 } from 'react-native';
 
 import {
@@ -15,13 +17,73 @@ import {
   DebugInstructions,
   ReloadInstructions,
 } from 'react-native/Libraries/NewAppScreen';
-
+import styles from './styles/morestyles';
 class Resources extends React.Component {
 	render() {
 		return (
-			<View>
+			<ScrollView>
+        <View style = {styles.resourceContainer}>
+          <Text onPress={() => Linking.openURL('https://classroom.mcpsmd.org/')}>
+            <Image source ={require('./assets/canvaslogo.png')} style = {styles.image}/>
+            <View style = {styles.textContainer}>
+              <Text style = {styles.resourceText}>
+                MyMCPS Classroom
+              </Text> 
+            </View>
+          </Text>  
+        </View>
+        <View style = {styles.resourceContainer}>
+          <Text onPress={() => Linking.openURL('https://md-mcps-psv.edupoint.com/Home_PXP2.aspx')}>
+            <Image source ={require('./assets/studentvue.jpg')} style = {styles.image}/>
+            <View style = {styles.textContainer}>
+              <Text style = {styles.resourceText}>
+                StudentVUE
+              </Text> 
+            </View>
+          </Text>  
+        </View>
+        <View style = {styles.resourceContainer}>
+          <Text onPress={() => Linking.openURL('https://mbhs.edu/newsevents/Announcements/Montgomery%20Blair%20High%20School%20Final%20Bell%20Schedule%20.pdf')}>
+            <Image source ={require('./assets/schedule.jpg')} style = {styles.image}/>
+            <View style = {styles.textContainer}>
+              <Text style = {styles.resourceText}>
+                1st Semester Schedule
+              </Text> 
+            </View>
+          </Text>
+        </View>
+        <View style = {styles.resourceContainer}>
+          <Text onPress={() => Linking.openURL('https://student.naviance.com/mbhs')}>
+            <Image source ={require('./assets/naviance.png')} style = {styles.image}/>
+            <View style = {styles.textContainer}>
+              <Text style = {styles.resourceText}>
+                Naviance
+              </Text> 
+            </View>
+          </Text>
+        </View>
+        <View style = {styles.resourceContainer}>
+          <Text onPress={() => Linking.openURL('https://blairblazersathletics.com/')}>
+            <Image source ={require('./assets/athletics.jpg')} style = {styles.image}/>
+            <View style = {styles.textContainer}>
+              <Text style = {styles.resourceText}>
+                Blair Athletics
+              </Text> 
+            </View>
+          </Text>
+        </View>
+        <View style = {styles.resourceContainer}>
+          <Text onPress={() => Linking.openURL('https://classroom.google.com/u/0/h')}>
+            <Image source ={require('./assets/googleclassroom.jpg')} style = {styles.image}/>
+            <View style = {styles.textContainer}>
+              <Text style = {styles.resourceText}>
+                Google Classroom
+              </Text> 
+            </View>
+          </Text>
+        </View>
         
-			</View>
+			</ScrollView>
 		)
 	}
 }

app/styles/liststyles.js

@@ -10,7 +10,7 @@ const styles = StyleSheet.create({
     padding: 20,
     marginVertical: 8,
     marginHorizontal: 16,
-    borderRadius: 8,
+    borderRadius: 16,
   },
   title: {
     fontSize: 32,

app/styles/morestyles.js

@@ -15,7 +15,29 @@ const styles=StyleSheet.create({
 	headerTitle: {
 		fontWeight:'bold',
 		fontSize:24
-	}
+	},
+	resourceContainer: {
+		alignItems: 'center',
+    	marginTop: '3%',
+	},
+	image: {
+		height: 100,
+		width: 400,
+		borderTopRightRadius: 16,
+		borderTopLeftRadius: 16,
+	},
+	textContainer: {
+		backgroundColor: 'black',
+		width: 400,
+		borderBottomLeftRadius: 16,
+		borderBottomRightRadius: 16,
+	},
+	resourceText: {
+		fontWeight: 'bold',
+		color: 'white',
+		fontSize:32,
+		textAlign:'center',
+	},
 });
 
 export default styles;