Giter Site home page Giter Site logo

sorry-app / theme-example-narrow-jumbotron Goto Github PK

View Code? Open in Web Editor NEW
2.0 4.0 1.0 720 KB

This is an example status page theme based on Bootstrap's Narrow Jumbotron.

Home Page: http://getbootstrap.com/examples/jumbotron-narrow/

License: MIT License

JavaScript 22.97% CSS 22.90% Liquid 54.13%

theme-example-narrow-jumbotron's Introduction

Example Theme - Narrow Jumbotron

This is an example status page theme for use with your Sorry account based on Bootstrap's Narrow Jumbotron example.

Whilst this is a production ready theme you're more than welcome to use, you'll probably want to use this as a basis for your own theme, or as a learning resource for getting your head around theme development.

For more details on theme development, read our Theme documenation.

Getting The Theme

  1. Download the latest version
  2. or clone the git repo: git clone [email protected]:sorry-app/theme-example-narrow-jumbotron.git

Manual Deployment

The simplest option if you don't wish to make any changes to the theme is to upload the zip file found in the dist folder through your user interface of your Sorry account.

If you make any changes you'll need to rezip your theme before you upload it, as per the Sorry docs.

Automatic Deployment with Grunt

To make development and deployment of the theme even easier you can use the included Grunt deployment tasks.

These tasks take the themes source code, bundle it into a deployable zip and upload it to your status page through the Sorry API.

Installing Grunt

From the command line:

  1. Navigate to the root of this downloaded theme project
  2. Run npm install.

npm will look at package.json and automatically install the necessary local dependencies listed there.

Unfamiliar with npm? Don't have node installed? That's a-okay. npm stands for node packaged modules and is a way to manage development dependencies through node.js. Download and install node.js before proceeding.

Authenticating with Sorry

We need somewhere to keep your Sorry login credentials. In the root of your project create a file called sorry.json which contains your username and password - don't worry, this will NOT be commited to your repo as we've included it in .gitignore.

{
  "username": "your email address goes here",
  "password": "your password goes here"
}

Deploying Your Theme

Now we have your authentication details in place we should be ready to deploy the theme. However, as per our docs we suggest you create a demo page for testing your theme, rather than deploying to your live page.

When you're ready to deploy, use the deploy task from the command line:

grunt deploy --sorry-page="YOUR PAGE ID HERE"

You can find your page ID in the address bar of your Sorry account. A page URL of http://app.sorryapp.com/pages/my-page suggests the page ID is my-page.

Other Grunt Tasks

Watch - grunt watch --sorry-page="YOUR PAGE ID HERE"

This is a convenience method for watching all the core HTML, CSS and JS assets in your theme, whenever you make a change to these files grunt will automaticly bundle and deploy your theme as above.

Release - grunt release <:patch | :minor | :major>

Bumps the version number and creates a new git tag for the theme. You can append the release command with patch, minor or major depending on the version number increment you wish to make.

You don't need to use the release task, it can just be handy to organise released versions of the theme.

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

Once you are happy that your contribution is ready for production please send us a pull request, at which point we'll review the code and merge it in.

Versioning

For transparency and insight into our release cycle, and for striving to maintain backward compatibility, This project will be maintained under the Semantic Versioning guidelines as much as possible.

Releases will be numbered with the following format:

<major>.<minor>.<patch>

And constructed with the following guidelines:

  • Breaking backward compatibility bumps the major (and resets the minor and patch)
  • New additions without breaking backward compatibility bumps the minor (and resets the patch)
  • Bug fixes and misc changes bumps the patch

For more information on SemVer, please visit http://semver.org/.

Authors & Contributors

Robert Rawlins

Robin Geall

Copyright

© Copyright 2014 - See LICENSE for details.

theme-example-narrow-jumbotron's People

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

akdarrah

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.