From eb3823053d5dea4df44ae063df1e2feb511666ca Mon Sep 17 00:00:00 2001
From: Justin Shillingford <jgs272@cornell.edu>
Date: Fri, 26 Jun 2020 11:03:09 -0400
Subject: Added new user text and button

Also updated logo to be high-res and styled start button
---
 App.tsx                     |  48 +++++++++++++++++++++++++++++++++++---------
 src/assets/sign_in_logo.png | Bin 7298 -> 28865 bytes
 2 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/App.tsx b/App.tsx
index e58025b7..2b9e8172 100644
--- a/App.tsx
+++ b/App.tsx
@@ -20,6 +20,7 @@ import {
   TextInput,
   Button,
   Alert,
+  TouchableOpacity,
 } from 'react-native';
 
 import {
@@ -55,20 +56,26 @@ const App = () => {
           />
           <View style={styles.forgotPassword}>
             <Button
-              onPress={() => Alert.alert("Tagg! You're it!")}
+              onPress={() => Alert.alert("tagg! You're it!")}
               title="Forgot password"
               color='#FFFFFF'
               accessibilityLabel="Forgot password button"
             />
           </View>
-          <View style={styles.startButton}>
-            <Button
-              onPress={() => Alert.alert("My favorite Girl Scout Cookies are Taggalongs!")}
+          {/* <View style={styles.start}> */}
+            <TouchableOpacity style={styles.start}>
+              <Text style={styles.startText}>Let's Start!</Text>
+            </TouchableOpacity>
+            {/* <Button
+              onPress={() => Alert.alert("My favorite Girl Scout Cookies are taggalongs!")}
               title="Let's Start!"
               color='#FFFFFF'
               accessibilityLabel="Let's start button"
-            />
-          </View>
+            /> */}
+          {/* </View> */}
+          <Text style={styles.newUser}>
+            New to tagg? <Text style={styles.getStarted} onPress={() => Alert.alert("I get the tagg flip it and tumble it.")}>Get started!</Text>
+          </Text>
         </LinearGradient>
       </View>
     </>
@@ -86,6 +93,8 @@ const styles = StyleSheet.create({
   },
   logo: {
     top: 165,
+    width: 215,
+    height: 149
   },
   credentials: {
     top: 215,
@@ -94,16 +103,35 @@ const styles = StyleSheet.create({
     borderRadius: 20,
     width: 248,
     height: 40,
-    padding: 13,
+    paddingLeft: 13,
     marginVertical: 15,
-    fontSize: 15
+    fontSize: 15,
+    color: '#FFFFFF'
   },
   forgotPassword: {
     top: 200,
     left: -50
   },
-  startButton: {
-    top: 220
+  start: {
+    top: 220,
+    backgroundColor: '#FFFFFF',
+    width: 144,
+    height: 36,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 20
+  },
+  startText: {
+    color: '#78A0EF',
+    fontWeight: 'bold',
+    fontSize: 15
+  },
+  getStarted: {
+    color: '#FFFFFF'
+  },
+  newUser: {
+    top: 230,
+    color: '#F4DDFF',
   }
 });
 
diff --git a/src/assets/sign_in_logo.png b/src/assets/sign_in_logo.png
index 8fa1aa5a..27e43268 100644
Binary files a/src/assets/sign_in_logo.png and b/src/assets/sign_in_logo.png differ
-- 
cgit v1.2.3-70-g09d2