From dd70fa81a205304cb48bbc0494ad34c16d496ff2 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 2 Jun 2017 11:40:02 -0400
Subject: buildddd

---
 client/src/lib/views/information.js |  2 +-
 client/src/lib/views/privacy.js     | 81 +++++++++++++++++++++++++++++++++++--
 2 files changed, 78 insertions(+), 5 deletions(-)

(limited to 'client/src')

diff --git a/client/src/lib/views/information.js b/client/src/lib/views/information.js
index c48eb7f..77d1af2 100644
--- a/client/src/lib/views/information.js
+++ b/client/src/lib/views/information.js
@@ -105,7 +105,7 @@ const styles = StyleSheet.create({
   },
   face: {
     width: '90vw',
-    height: 400,
+    height: 450,
     marginBottom: 20,
   },
   footer: {
diff --git a/client/src/lib/views/privacy.js b/client/src/lib/views/privacy.js
index c2d0596..eb243a3 100644
--- a/client/src/lib/views/privacy.js
+++ b/client/src/lib/views/privacy.js
@@ -5,7 +5,6 @@ import {
 } from 'react-native';
 import HTMLView from 'react-native-htmlview'
 
-import htmlStyles from '../components/htmlStyles'
 import ScrollableContainer from '../components/scrollableContainer'
 import ClearText from '../components/text'
 
@@ -14,20 +13,94 @@ export default class Privacy extends Component {
     super()
   }
   render() {
-    let body = '<p>' + this.props.content.body + '</p>'
+    let body = this.props.content.body
     return (
       <ScrollableContainer heading='Privacy Policy'>
         <View style={styles.body}>
-          <HTMLView value={body} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} />
+          <HTMLView value={body} stylesheet={htmlStyles} renderNode={renderNode} onLinkPress={this.props.onLinkPress} />
         </View>
       </ScrollableContainer>
     )
   }
 }
 
+function renderNode (node, index) {
+  if (node.name === 'hr') {
+    return ( <View key={index} style={styles.hr} /> )
+  }
+  // console.warn(node.name)
+}
+
 const styles = StyleSheet.create({
   body: {
     width: '90%',
     maxWidth: '650px',
+    paddingBottom: 200,
+  },
+  hr: {
+    width: 50,
+    height: 2,
+    backgroundColor: '#fff',
+    marginBottom: 20,
+  },
+})
+
+const htmlStyles = StyleSheet.create({
+  p: {
+    color: 'white',  
+    fontFamily: 'Futura-Medium',
+    textAlign: 'justify',
+    fontSize: 16,
+    lineHeight: 30,
+    margin: 0,
+  },
+  li: {
+    color: 'white',  
+    fontFamily: 'Futura-Medium',
+    textAlign: 'justify',
+    fontSize: 16,
+    lineHeight: 30,
+    margin: 0,
+  },
+  b: {
+    fontFamily: 'Futura-MediumItalic',
+    color: 'white',
+    fontSize: 16,
+    lineHeight: 30,
+  },
+  i: {
+    fontFamily: 'Futura-MediumItalic',
+    color: 'white',
+    fontSize: 16,
+    lineHeight: 30,
+  },
+  a: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    textDecorationLine: 'underline',
+    fontSize: 16,
+    lineHeight: 30,
+  },
+  h1: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    fontSize: 24,
+    lineHeight: 30,
+    margin: 0,
+  },
+  h2: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    fontSize: 20,
+    lineHeight: 32,
+    margin: 0,
+  },
+  h3: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    fontSize: 16,
+    lineHeight: 30,
+    fontWeight: 'bold',
+    margin: 0,
   },
-})
\ No newline at end of file
+})
-- 
cgit v1.2.3-70-g09d2