Added a privacy policy to comply with use of Google Analytics

flask_site.py

@@ -49,6 +49,10 @@ def home():
 def bio():
     return render_template('bio.html')
 
+@app.route('/privacy-policy')
+def privacy_policy():
+    return render_template('privacy-policy.html')
+
 @app.route('/blog')
 def blog():
     g.db.execute('SELECT * FROM blog_posts ORDER BY id DESC')

static/css/style.css

@@ -411,14 +411,8 @@ div#instafeed {
 	margin-right: 20px;
 }
 
-#contact p {
-    width: 50%;
-    display: inline-block;
-}
-
-p.contact-btns {
-    float: right;
-    text-align: right;
+#contact {
+	text-align: center;
 }
 
 a#menu-icon {
@@ -449,22 +443,6 @@ a.social-link:hover, a.social-link:active {
     border-bottom: 1px solid rgba(255, 255, 255, 1);
 }
 
-.entry-footer {
-    border-radius: 50px;
-}
-
-.entry-footer span {
-    margin: auto 5px;
-}
-
-.entry-footer a:link, .entry-footer a:visited {
-    color: #5C995C;
-}
-
-.entry-footer a:hover, .entry-footer a:active {
-    color: #fff;
-}
-
 /* Admin Styles */
 .admin-table {
 	width: 100%;
@@ -584,8 +562,8 @@ a.social-link:hover, a.social-link:active {
 
 @media all and (max-width: 870px) {
 	.one-third {
-		width: 45%;
-		margin: 5px 2.5% 40px;
+		width: 90%;
+		margin: 5px 5% 40px;
 	}
 }
 
@@ -595,13 +573,6 @@ a.social-link:hover, a.social-link:active {
 	}
 }
 
-@media all and (max-width: 700px) {
-	.one-third {
-		width: 90%;
-		margin: 5px 5% 40px;
-	}
-}
-
 @media all and (max-width: 440px) {
 	.blog-entry {
 		padding: 0 5px;

templates/master.html

@@ -69,8 +69,9 @@
                     <div class="section-wrapper">
                         <div class="section" id="footer">
                             <div class="section-content" id="contact">
-                                <p>William Brawner {{ current_year }}</p>
-                                <p class="contact-btns">
+                                <p class="one-third">William Brawner {{ current_year }}</p>
+                                <p class="one-third"><a href="{{ url_for('privacy_policy') }}">privacy policy</a></p>
+                                <p class="contact-btns one-third">
                                     <a class="social-link" href="mailto:contact@wbrawner.com?subject=Let's Work Together"><i class="fa fa-envelope-o"></i></a>
                                     <a target="_blank" class="social-link" href="https://www.facebook.com/wpbrawner"><i class="fa fa-facebook"></i></a>
                                     <a target="_blank" class="social-link" href="https://twitter.com/BillyBrawner1"><i class="fa fa-twitter"></i></a>

templates/privacy-policy.html

@@ -0,0 +1,12 @@
+{% extends 'master.html' %}
+{% block body %}
+<div class="section-wrapper">
+    <div class="section" id="bio">
+        <h2>privacy policy</h2>
+	    <h3>the gist:</h3>
+	    <p>I use a tool called <a href="https://www.google.com/analytics/">Google Analytics</a>. It gives some basic information about my visitors. You can prevent my site and all sites from collecting this data about you, by using <a href="https://chrome.google.com/webstore/detail/google-analytics-opt-out/fllaojicojecljbmefodhfapmkghcbnh">an extension from Google</a>. I would also like to remind you that you are on the internet, and anything you post publicly could potentially be visible to anyone in the world. Any messages you send to me are delivered directly to my email, however, so I will only post the contents of those emails after requesting your permission.</p>
+	    <h3>the why:</h3>
+	    <p>I use Google Analytics mostly for curiosity's sake. I wanted to learn to use the tool and I am always curious about who is viewing my website. I use a minimalist version of the tool so I'm not selling your information and I don't really do anything with the information that's collected except look at it once in a blue moon. Feel free to <a href="{{ url_for('contact') }}">contact me</a> with any questions or concerns.</p>
+	</div>
+</div>
+{% endblock %}