Merge pull request emilbaehr#17 from emilbaehr/pagesupport

2.0 Update: Support for privacy policy, changelog and custom pages

Author: emilbaehr

.gitignore

@@ -1,7 +1,4 @@
 .bundle
 .sass-cache
 _site
-Gemfile
-Gemfile.lock
-mobile-app-landing-page.gemspec
-*.gemspec
+Gemfile.lock

Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gem 'github-pages'

README.md

@@ -11,10 +11,17 @@ Designed for GitHub Pages for super easy set up.
 
 🎨 Customise site in `_config.yml` (no HTML/CSS)
 
+📝 Write Privacy Policy as markdown in `privacypolicy.md`
+
+🕒 Keep a changelog in `CHANGELOG.md`
+
 ✅ Site becomes live at GitHub Pages repository URL, e.g. `https://your-username.github.io/your-repo-name/`.
 
 <img src="https://emilbaehr.com/files/jayson1.png" width="440"> <img src="https://emilbaehr.com/files/slor1.png" width="440">
 
+
+
+
 ## Quick Start
 
 ### Step 1: Fork this repo.
@@ -51,13 +58,9 @@ Things you can customise in `_config.yml`:
 
 ### Step 3: Add screenshot or video
 
-
-
 #### Adding a screenshot
 Upload a `.png` or `.jpg` of your app to the folder `assets/screenshot/`. The name does not matter. Be sure to delete the placeholder `yourscreenshot.png`.
 
-
-
 #### Adding video
 Upload your video to the folder `assets/videos/`. To have support for most browsers, you need to upload two files – one for Safari and one for Chrome/Firefox.
 
@@ -69,8 +72,6 @@ Video formats supported by Safari:
 - `.mp4`
 - `.mov`
 
-
-
 #### Resolutions
 The videos and screenshots must have one of the following resolutions:
 - 828x1792
@@ -79,27 +80,34 @@ The videos and screenshots must have one of the following resolutions:
 
 
 
+### Step 4: Edit (or remove) Privacy Policy and Changelog
+Your site automatically includes pages for a Privacy Policy and a Changelog. Change the content of these pages by editing the `privacypolicy.md` and `CHANGELOG.md` files in the `_pages` directory.
+
+In each of the markdown files, you can set the `include_in_header:` value to either `true` or `false`. This determines if the page is included in the top navigation.
+By default, only the Changelog is included in the top navigation. The title of the navigation item can also be edited, by editing the `title:` in each markdown file.
+
+If you need to, you can create additional markdown based pages just by creating an `.md` file like the `privacypolicy.md` and `CHANGELOG.md` files in the `_pages` directory.
+
+**Please note:** The Privacy Policy and Changelog provided are written using dummy text, so please adapt each of them for your own app.
+You can also choose not to include these pages, by simple deleting the `privacypolicy.md` and `CHANGELOG.md` files.
+
+
+
+
 ## Feedback
 If you have feedback regarding bugs or improvements, open an issue, @ me on Twitter or write me an email. You can find my contact info on my website.
 
 I'd love to see the sites you create using this little tool.
 
-
-
 ## Credits
 - [Jekyll](https://github.com/jekyll/jekyll)
 - [FontAwesome](https://fortawesome.github.io/Font-Awesome/)
 
-
-
 ## Donations
 [Donations are welcome](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=S8ZZT3JXJPN92&currency_code=USD&source=url)
 
-
 ## Author
 [Emil Baehr](https://emilbaehr.com/)
 
-
-
 ## License
 [MIT License](LICENSE)

_config.yml

@@ -6,7 +6,7 @@ ios_app_id                                : 1234793120
 
 appstore_link                             :                                           # Automatically populates if not set and if iOS app ID is set. Otherwise enter manually.
 playstore_link                            :                                           # Enter Google Play Store URL.
-presskit_download_link                    :                                           # Enter a link to downloadable file or (e.g. public Dropbox link to a .zip file). 
+presskit_download_link                    : https://emilbaehr.com                                          # Enter a link to downloadable file or (e.g. public Dropbox link to a .zip file). 
                                                                                       # Or upload your press kit file to assets and set path accordingly (e.g. "assets/your_press_kit.zip").
 
 app_icon                                  : # assets/appicon.png                      # Automatically populates if not set and if iOS app ID is set.  Otherwise enter path to icon file manually.
@@ -131,3 +131,11 @@ exclude:
   - LICENSE
   - README.md
   - CNAME
+
+collections:
+  pages:
+    output: true
+    permalink: /:path/
+
+# Markdown rendering
+markdown: kramdown

_includes/footer.html

@@ -39,4 +39,12 @@
 		{% endif %}
 
 	</div>
+	<div class="footerLinks">
+		{% for page in site.pages %}
+			<a href="{{ page.url | relative_url }}" target="_self">{{ page.title }}</a>
+		{% endfor %}
+		{% if site.presskit_download_link %}
+			<a href="{{ site.presskit_download_link }}">Press Kit</a>
+		{% endif %}
+	</div>
 </footer>

_includes/head.html

@@ -15,5 +15,7 @@
 	{% endif %}
 
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+	<link rel="stylesheet" href="/main.css">
 	<link rel="stylesheet" href="main.css">
-</head> 
+	<link rel="stylesheet" href="../main.css">
+</head>

_includes/header.html

@@ -1,4 +1,3 @@
-
 <header>
 	<div class="logo">
 		<div class="appIconShadow">
@@ -9,14 +8,24 @@
 					</clipPath>
 				</defs>
 			</svg>
-			<img class="headerIcon" src="{{ site.app_icon }}">
+			{% if page.url != '/' %}
+				<a href="../" target="_self"><img class="headerIcon" src="{{ site.app_icon }}"></a>
+			{% else %}
+				<img class="headerIcon" src="{{ site.app_icon }}">
+			{% endif %}
+			<div class="divider"></div>
 		</div>
 		<p class="headerName">{{ site.app_name }}</p>
 	</div>
-	<nav>
+	<nav class="scroll">
 		<ul>
+			{% for page in site.pages %}
+				{% if page.include_in_header == true %}
+				<li><a href="{{ page.url | relative_url }}" target="_self">{{ page.title }}</a></li>
+				{% endif %}
+			{% endfor %}
 			{% if site.presskit_download_link %}
-			<li><a href="{{ site.presskit_download_link }}">Press Kit</a></li>
+				<li><a href="{{ site.presskit_download_link }}">Press Kit</a></li>
 			{% endif %}
 		</ul>
 	</nav>

_layouts/page.html

@@ -0,0 +1,22 @@
+---
+# Front matter comment to ensure Jekyll properly reads file.
+---
+
+<!DOCTYPE html>
+<html lang="en-us">
+
+{% include head.html %}
+
+<body class="subPageBody">
+    <div class="headerBackground subPageHeaderBackground">
+        <div class="container subPageContainer">
+        {% include header.html %}
+            <article class="page markdown-body">
+                {{ content }}
+            </article>
+        </div>
+        {% include appstoreimages.html %}
+    </div>
+</body>
+
+</html>

_pages/changelog.md

@@ -0,0 +1,65 @@
+---
+layout: page
+title: What's New
+include_in_header: true
+---
+
+# Changelog
+Here you can keep a changelog for your app. Edit the markdown based CHANGELOG.md which is located in the _pages directory. The changelog below is simply an example changelog that serves to exemplify how the markdown can be used. You can be as creative as you want with the markdown.
+
+<br>
+
+### `Latest`
+# **Version 2.0**
+This is the first update to our app. Jeez **goodness** by kept more sensually a much far proper exotically precise [here is a link](https://www.google.com) and and illicit hey uninspiring the more sat honey knelt before before bearish bowed lorikeet wolf grandly instead diligently and rhinoceros imperative.
+
+#### What's New
+- Much far proper exotically precise unaccountable.
+- [Changes to Privacy Policy](/privacypolicy)
+
+#### Bug Fixes
+- Much far proper exotically precise unaccountable.
+- [Changes to Privacy Policy](/privacypolicy)
+
+<br>
+
+### **Version 2.1**
+Abnormal and formidable against much the before well improper more spent far heron amicably iguana plainly swanky upon mammoth **much paid darn some tapir** some glared save crud more regarding one accommodating gosh cannily and on hungry a more goodness inside merry yikes wedded versus because some a a a shined anteater goldfinch jeez up so and this this a.
+
+#### What's New
+- Much far proper exotically precise unaccountable.
+- Much far proper exotically precise unaccountable.
+
+<br>
+
+________
+<br>
+
+### `Initial Release`
+# **Version 1.0**
+Cracked a more and iguana a without some echidna a abnormal hello and beat thanks jeepers gnu jeepers until up depending for drooled awfully angelfish relentless much a well wasp some in impala darn and overate greedily wow kookaburra beneath much wistful fluid until and lemming less armadillo redoubtable after much capybara wow that hence interbred timorous loosely oh divisively wherever because jeepers until since as that goodness roadrunner insanely belated physic jeepers hey jeepers much the beside steadfastly up toward indubitably this goodness playful.
+
+<br>
+
+## **Version 1.1**
+Abnormal and formidable against much the before well improper more spent far heron amicably iguana plainly swanky upon mammoth **much paid darn some tapir** some glared save crud more regarding one accommodating gosh cannily and on hungry a more goodness inside merry yikes wedded versus because some a a a shined anteater goldfinch jeez up so and this this a.
+
+#### What's New
+- Much far proper exotically precise unaccountable.
+- Much far proper exotically precise unaccountable.
+
+<br>
+
+## Version 1.0.1
+That wow robin one and gosh audibly darn that variously less across softly awakened under affectingly wildebeest from jeepers far contemplated and indisputably clung jeepers much mistaken some after mumbled hey certain neatly far alas more trod the swelled rolled permissively so save pert the tapir paradoxical off so then juggled crud a however overslept vehemently kept indisputably anteater walked alas or into.
+
+#### What's New
+- Much far proper exotically precise unaccountable.
+- Much far proper exotically precise unaccountable.
+- Much far proper exotically precise unaccountable.
+
+#### Bug Fixes
+- Improved user sign up experience.
+- Unlike deliberately zebra hen oh jeez understandable. Alas and quit oh snooty unlike deliberately.
+
+<br>

_pages/privacypolicy.md

@@ -0,0 +1,60 @@
+---
+layout: page
+title: Privacy Policy
+include_in_header: false
+---
+
+**Last updated**  
+August 1 2019
+
+# Privacy Policy
+Submissive a when owing much far bawdy thanks impolitely alas overlaid one and this one chuckled darn on more due much misheard amused far far the much purposeful that wildebeest dalmatian and piranha bluebird this and much despite however much sincere nonsensical this paradoxically more.
+
+**Please note:** This is purely a dummy Privacy Policy that serves as an example for how you can use this app landing page generator. Please replace the contents with your own privacy policy.
+
+<br>
+
+## 1.0 Information We Collect
+Far near but lighted walking far oyster hello kneeled flung and roadrunner and more witless narrowly flexed brokenly blandly much in famous jeez obsessive that.
+
+### 1.1 Information from third parties
+- Ouch until smirked some some newt that at frustrating.
+- Nimbly handsomely fabulously python.
+- Alas informally taped when a dear some.
+
+### 1.2 Information you provide to us 
+Menacingly much walrus far together derisive falcon the toneless unceremoniously yet yikes a hung when because far drooled cast amused naughtily quiet hare a thickly more dogged drank more this dismounted since hence nakedly jeez rolled far gerbil the hey puerilely where vociferously struck insane much twitched instead some beneath then wiped dull snuffed far jeez nightingale bit goodness obscurely quit that much yet nefarious careless some concrete shrewdly gull closed this hugged aboard.
+
+<br>
+
+## 2.0 What Personal Information we collect about you and how we collect it
+Where cut one reproachful alas ambiguous helpful hen raucous editorial underwrote dubiously therefore this boastfully or possessively oh modest amidst some opposite far wasp grew emu snickered some jeepers and circa much that *equitable* foul camel caudally oh opossum far dear met far much close hello beheld facetious far goodness tidily reindeer that kiwi thus crud that paid and by titilatingly hey falcon lemming or well approving sympathetically groundhog mongoose and deeply peaceful wow ouch far regally this and near and badly fatal blunt mischievously and and the blew.
+
+### 2.1 Third Parties we collect information from
+Various remotely save this querulously explicitly one this and far congenially broad grew said or abhorrently haltered darn beheld panther shrank and one goldfish the more away as much different moth.
+
+| Third Party | What is it used for? |
+| :--- | :--- |
+| Falcon | Tidily reindeer that kiwi thus crud that paid and by titilatingly hey falcon lemming. |
+| Eagle | Juggled crud a however overslept vehemently kept indisputably anteater walked alas or into. |
+
+<br>
+
+## 3.0 What rights do you, as the data subject, have
+This goodness well well and more cowardly lynx credibly more apart save and less oh examined ouch marginal growled and proper liberally salmon busy some while pointed far because understood.
+
+1. Boastfully or possessively oh modest amidst.
+2. Far far the much purposeful that wildebeest dalmatian.
+3. Adamant or pushed less far overthrew.
+
+All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
+
+<br>
+
+## 4.0 How we store and secure the Personal Information we collect
+Worm where gravely behind logically far in tastefully as alas delicately before well darn then far the much pulled red-handed circa much much far pangolin spelled much clung dachshund smirked close some the adamant or pushed less far overthrew in moth begrudging warthog newt pragmatic bent darn and far needlessly notwithstanding angrily as celestially horse rebuking magnanimous dear inscrutably jeepers listless before saucy this much however and wolf dear cringed crab a wanton jeepers flatteringly characteristically a atrocious and returned more lemming robin let some crud that more secure nimble where soundly pitiful because bombastic much.
+
+<br>
+
+## 5.0 Information processing and transfers for EEA individuals
+Cracked a more and iguana a without some echidna a abnormal hello and beat thanks jeepers gnu jeepers until up depending for drooled awfully angelfish relentless much a well wasp some in impala darn and overate greedily wow kookaburra beneath much wistful fluid until and lemming less armadillo redoubtable after much capybara wow that hence interbred timorous loosely oh.