Updates to readme.md

Author: emilbaehr

README.md

@@ -1,12 +1,71 @@
-## Credits
+# Mobile App Minisite
+**Create and deploy a clean site for your iOS app in a couple of minutes.**
+
+Designed for GitHub Pages for super easy set up. Just fork this repo, edit _config.yml, upload screenshot/video and push the changes to the `gh-pages` branch. Voilá! Your site will become immediately viewable on your personal Github Pages account, e.g. `https://username.github.io/your-repos-name/`
+
+## Quick Start
+
+### Step 1: Fork this repo.
+After forking the repo, your site will often be live immediately on your personal Github Pages account, e.g. `https://yourusername.github.io/your-repos-name/`
+
+### Step 2: Edit `_config.yml` to customize for your app
+Once you have forked the repo, you can customize almost anything via the `_config.yml` file. To get started, enter your iOS app ID in the `ios_app_id` field.
+
+Things you can customise in `_config.yml`:
+- App Name
+- App Icon
+- App Description
+- App Price
+- App Store Link
+- Play Store Link
+- Press Kit Download Link
+- Header Image
+- Header Color
+- Background Color
+- Text Colors
+- iPhone Device Color
+- Your Name
+- Link to Website
+- Social Links and Contact Info
+- Feature List (Title, text, icon)
+
+### 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. The screenshot must have one of the following resolutions:
+- 828x1792
+- 1125x2436
+- 1242x2688.
+
+#### 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.
 
+Video formats supported by Chrome and Firefox:
+- `.webm`
+- `.ogg`
+
+Video formats supported by Safari:
+- `.mp4`
+- `.mov`
+
+The videos must have one of the following resolutions:
+- 828x1792
+- 1125x2436
+- 1242x2688.
+
+
+## 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/)
 
 ## Author
-
 [Emil Baehr](https://emilbaehr.com/)
+[Emil Baehr on Twitter](https://twitter.com/ebaehr)
 
 ## License
-
 [MIT License](LICENSE)

_config.yml

@@ -46,7 +46,7 @@ features                                  :
 
   - title                                 : Video Support
     description                           : Preview app video on the iPhone device simply by placing your video files in the videos folder.
-    fontawesome_icon_name                 : play
+    fontawesome_icon_name                 : play-circle
 
   - title                                 : Automatic Icon and Metadata
     description                           : Enter iOS app ID in the _config.yml file to automatically fetch app icon, price and App Store Link.

_includes/head.html

@@ -7,7 +7,6 @@
 	<title>{{ site.app_name }}</title>
 	<meta name="description" content="{{ site.app_description }}">
 
-	<!-- Favicon -->
 	<link rel="shortcut icon" href="{{ site.app_icon }}">
 
 	<!-- Smart App Banner -->

_sass/layout.scss

@@ -454,6 +454,25 @@ footer {
 	display: flex;
 }
 
+@media only screen and (max-width: 992px) {
+	
+	.footerText {
+		color: $footer-text-color;
+		display: block;
+		line-height: 1.5;
+		width: 100%;
+		text-align: center;
+		padding-top: 54px;
+		padding-bottom: 61px;
+	}
+	
+	.footerIcons {
+		padding-bottom: 70px;
+		display: flex;
+	}
+	
+} 
+
 .hidden {
 	display: none;
 }