mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-08 14:51:17 -05:00
resource page + styles
This commit is contained in:
parent
a26d44c8cf
commit
f52f7c1f24
|
@ -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>
|
||||
|
||||
</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>
|
||||
|
||||
</ScrollView>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
BIN
app/assets/athletics.jpg
Normal file
BIN
app/assets/athletics.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
BIN
app/assets/canvaslogo.png
Normal file
BIN
app/assets/canvaslogo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 86 KiB |
BIN
app/assets/googleclassroom.jpg
Normal file
BIN
app/assets/googleclassroom.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 27 KiB |
BIN
app/assets/naviance.png
Normal file
BIN
app/assets/naviance.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 118 KiB |
BIN
app/assets/schedule.jpg
Normal file
BIN
app/assets/schedule.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 38 KiB |
BIN
app/assets/studentvue.jpg
Normal file
BIN
app/assets/studentvue.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 40 KiB |
|
@ -10,7 +10,7 @@ const styles = StyleSheet.create({
|
|||
padding: 20,
|
||||
marginVertical: 8,
|
||||
marginHorizontal: 16,
|
||||
borderRadius: 8,
|
||||
borderRadius: 16,
|
||||
},
|
||||
title: {
|
||||
fontSize: 32,
|
||||
|
|
|
@ -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;
|
Loading…
Reference in New Issue
Block a user