Code Monkey home page Code Monkey logo

georgiankeyboard's Introduction

#WP7 Jekyll "app site" templates

Many mobile apps are relatively simple, and don't need a fully blown websites to accompany them - usually a simple, static, single page is suffice.

###Setup GitHub pages for hosting and Jekyll for templating/static site generation is a perfect fit for this scenario, but keep an eye out on Code52 for alternative Jekyll generators.

  1. Create a GitHub repo

  2. Enable GH-Pages

  3. Run some git commands.

    	git clone git://github.com/aeoth/Wp7JekyllTemplates.git
    	cd Wp7JekyllTemplates
    	git remote add MySite <yourGitHubUrl>
    
  4. You'll then need to customise your site, open up _config.yml and you'll see a bunch of settings like 'your app name', 'accent' (that is the "blue" colour in the example below), your AppId etc. There is also the option to change the phone type from the default lumia710whiteblue to the emulator, HTC, Samsung or Nokia phones.

  5. Replace the images in img\screenshots with your own screenshots. They should all be 400x240.

  6. Deploy your site with more git!

     git add -A  
     git commit -m "init"
     git push MySite master:gh-pages
    
  7. Within 10 minutes (it's only "that slow" the first time), your site will be running at http://YOURNAME.github.com/REPONAME/. You can even use your own domain, but look at the GitHub Pages documentation for that

###Todo

  • Dynamic number of screenshots (set in config)
  • Mobile templates
  • More social integration

###Example

georgiankeyboard's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.