import { View, Text } from "../../../components/Themed";
import { StyleSheet } from "react-native";
import Colors from "../../../constants/Colors";


export default function AboutScreen() {
    return (
        <View style={styles.container}>
            <View style={styles.content}>
                <Text style={styles.title}>Why?</Text>
                <Text style={styles.text}>
                    I had a sad amount of free time during my chemo treatments my senior year at 🍊. I picked up a few personal projects, this being one of em.
                    {'\n\n'}
                    I am nosy when it comes to what is happening around me and I was tired of looking through the KPD 'Calls in Progress' PDF for information, so here we are.
                    {'\n\n'}
                    I also liked the idea of people being able to share information that could help others stay safe without worrying about it being tied back to them, so that is 
                    where the posting and aliases came from. 
                    {'\n\n'}
                    I hope you find this app a bit useful in keeping safe. Have fun, Knox!

                </Text>
            </View>
        </View>
    )
}

const styles = StyleSheet.create({
    container:{
        flex:1,
    },
    content:{
        flex:1,
    },
    title:{
        fontSize:24,
        fontWeight:'bold',
        color:Colors.dark.redBright,
        alignSelf:'flex-start',
        marginLeft:15,
    },
    text:{
        fontSize:17,
        color:Colors.dark.text,
        textAlign:'left',
        marginTop:10,
        paddingHorizontal:15,
    }
})