diff --git a/Ejectable/components/EndScreenInfo.tsx b/Ejectable/components/EndScreenInfo.tsx
new file mode 100644
index 00000000..d3482db4
--- /dev/null
+++ b/Ejectable/components/EndScreenInfo.tsx
@@ -0,0 +1,69 @@
+import * as WebBrowser from 'expo-web-browser';
+import React, { useState} from 'react';
+import { Button, StyleSheet, TouchableOpacity } from 'react-native';
+
+import Colors from '../constants/Colors';
+import { MonoText } from './StyledText';
+import { Text, View } from './Themed';
+import { TripSummary } from '../GT2';
+
+export default function EndScreenInfo({ path }: { path: string }) {
+
+ return (
+
+
+
+ Summary of this trip:
+
+
+
+
+
+
+
+ World Bank on Greenhouse Gas Accounting
+
+
+
+
+ );
+}
+
+function handleHelpPress() {
+ WebBrowser.openBrowserAsync(
+ 'https://olc.worldbank.org/content/ghg-accounting-101-self-paced'
+ );
+}
+
+const styles = StyleSheet.create({
+ getStartedContainer: {
+ alignItems: 'center',
+ marginHorizontal: 50,
+ },
+ homeScreenFilename: {
+ marginVertical: 7,
+ },
+ codeHighlightContainer: {
+ borderRadius: 3,
+ paddingHorizontal: 4,
+ },
+ getStartedText: {
+ fontSize: 17,
+ lineHeight: 24,
+ textAlign: 'center',
+ },
+ helpContainer: {
+ marginTop: 15,
+ marginHorizontal: 20,
+ alignItems: 'center',
+ },
+ helpLink: {
+ paddingVertical: 15,
+ },
+ helpLinkText: {
+ textAlign: 'center',
+ },
+});
diff --git a/Ejectable/screens/ModalScreen.tsx b/Ejectable/screens/ModalScreen.tsx
new file mode 100644
index 00000000..c8f79c55
--- /dev/null
+++ b/Ejectable/screens/ModalScreen.tsx
@@ -0,0 +1,36 @@
+import { StatusBar } from 'expo-status-bar';
+import * as React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+
+import EndScreenInfo from '../components/EndScreenInfo';
+import { Text, View } from '../components/Themed';
+
+export default function ModalScreen() {
+ return (
+
+ Modal
+
+
+
+ {/* Use a light status bar on iOS to account for the black space above the modal */}
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ alignItems: 'center',
+ justifyContent: 'center',
+ },
+ title: {
+ fontSize: 20,
+ fontWeight: 'bold',
+ },
+ separator: {
+ marginVertical: 30,
+ height: 1,
+ width: '80%',
+ },
+});