42

GitHub - emilbaehr/automatic-app-landing-page: A Jekyll theme for automatically...

 5 years ago
source link: https://github.com/emilbaehr/automatic-app-landing-page
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

README.md

Automatic App Landing Page

Create and deploy an iOS app landing page on GitHub Pages in only five minutes.

Designed for GitHub Pages for super easy set up. Fork this repo, edit _config.yml, upload screenshot/video and commit your changes. Voilá! Your site will become immediately viewable on your repository's GitHub Pages URL, e.g. https://your-username.github.io/your-repo-name/.

68747470733a2f2f656d696c62616568722e636f6d2f66696c65732f6a6179736f6e312e706e67 68747470733a2f2f656d696c62616568722e636f6d2f66696c65732f736c6f72312e706e67

Quick Start

Step 1: Fork this repo.

After forking the repo, your site will be live immediately on your personal Github Pages account, e.g. https://yourusername.github.io/your-repo-name/.

Make sure GitHub Pages is enabled for your repo. It might take some time for the site to propagate entirely.

Step 2: Enter iOS App ID in _config.yml

Enter your iOS app ID in the ios_app_id field and commit your changes. Your site will automatically rebuild with your app icon, name, price and link to App Store.

You can go on with customising almost anything in the _config.yml file.

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
  • Cover Image
  • Cover Overlay Color
  • Background Color
  • Text Colors
  • iPhone Device Color
  • Your Name / Company 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. 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.

Video formats supported by Chrome and Firefox:

  • .webm
  • .ogg

Video formats supported by Safari:

  • .mp4
  • .mov

Resolutions

The videos and screenshots 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

Author

Emil Baehr

License

MIT License


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK