Giter Club home page Giter Club logo

simple.org's Introduction

Simple.org

This repository houses the source code for the Simple app website.

Development

Setup

We use Middleman to build the static pages which are hosted on GitHub Pages.

To run the site on your own machine, simply clone the repo, install the packages necessary, and start up a Middleman server.

$ git clone [email protected]:resolvetosavelives/simple.org.git
$ cd simple.org
$ bundle install
$ middleman server

Deployment

After merging your commits to master and pulling the latest, run rake publish.

Common deployment errors

Error: src refspec gh-pages does not match any

  1. Run git pull origin master
  2. Run git fetch
  3. Run rm -rf build to delete your build/ directory
  4. Run rake publish

Error: Could not find middleman-blog-4.0.3 in any of the sources

  1. Make sure you have the proper ruby version installed. Note: If you're using rvm, run rvm use 2.5.1 to use Ruby version 2.5.1.
  2. Run rm -rf build to delete your build/ directory
  3. Run rake publish

Contribute

Add a new contributor to Simple.org

To add a new contributor to simple.org/about, do the following:

  1. Add a contributor item to data/contributors.yml
  2. Open locales/en.yml for a list of available roles and countries. Note: Please make sure the string you set in contributors.yml exactly matches the key in the en.yml file. Otherwise the role/country will display an error.
  3. Make sure the contributor is properly displayed in your local
  4. Merge and deploy (if you have deployment issues, check "Deployment" section below)

Create a new blog article

To add a new blog article, do the following:

  1. Create a new branch: Pull the lastest from master and create a new branch.
  2. Create a new file: Add a new file in source/blog/ using the following extension and naming convention: year-month-day-my-new-article.html.erb.
  3. Paste front-matter: Open an old article in source/blog/ and copy and paste the front-matter content to your new article.
  4. Update front-matter: Update the front-matter variables with your content. Note: Make sure to wrap all variable content within " ".
  5. Set an author: If the article's author is a contributor listed in data/contributors/yml, make sure to add their exact name in the author variable. If the author isn't a contributor, follow the "Add a new contributor to Simple.org" instructions above before proceeding.
  6. Add article images: Add your article images in /images/blog/my-new-article/.
  7. Image placeholders: Re-export your images with a width of 50px and a Figma layer blur of 1. Image placeholders are used to lazy-load images and reduce initial page load times.
  8. Create your content: Use an existing article for reference to properly format and structure your article's content. There are no wrapping divs around the content—it's just a bunch of sections and image divs!
  9. Merge to master: Check your article in your local on small and large devices. Once it's ready merge into master.
  10. Publish your article: Follow the instructions in the "Deployment" section above to publish your new article.

If you have any questions Slack Claudio or send him an email at [email protected]

simple.org's People

Contributors

dburka avatar claudiovallejo avatar timcheadle avatar harimohanraj89 avatar dependabot[bot] avatar nburka 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.