Git Product home page Git Product logo

hayacuerdos-fci's Introduction

hayacuerdo

Site that aims to provide graphical evidence of conflicts.

Installation

  • Install Jekyll: gem install jekyll
  • Fork this repository Optional
  • Clone it: git clone https://github.com/ciudadanointeligente/hayacuerdos-fci
  • Run the jekyll server: jekyll --server
  • If you have problems with baseurl run this: 'jekyll serve --watch --baseurl='

You should have a server up and running locally at http://localhost:4000.

Customization

Next you'll want to change a few things. Most of them can be changed directly in _config.yml. That's where we'll pull your name, Twitter username, and things like that.

There's a few other places that you'll want to change, too:

  • CNAME: If you're using this on GitHub Pages with a custom domain name, you'll want to change this to be the domain you're going to use. All that should be in here is a domain name on the first line and nothing else (like: example.com).
  • favicon.ico: This is a smaller version of my gravatar for use as the icon in your browser's address bar. You should change it to whatever you'd like.
  • apple-touch-icon.png: Again, this is my gravatar, and it shows up in iOS and various other apps that use this file as an "icon" for your site.

Google docs

  • Create a google spreadsheet
  • Publish it to the web: file -> publish to the web -> select 'entire document' -> press 'publish'
  • The generated hiperlink must be declared in _config.yml in gsheet* (where * is the descriptive name of your comparison)
  • Create a new sheet for each comparison, with the name in lowercase. For example: government-oposition
  • Each sheet must include the following column headers: 'postura1' , 'postura1_txt_largo' , 'postura2' , 'postura2_txt_largo' , 'class'. Following the previous example: postura1 = government position postura1_txt_largo = government position detail postura2 = oposition position postura2_txt_largo = oposition position detail class = defines the closeness between positions ('acuerdototal', 'acuerdoparcial', 'noacuerdo) acuerdototal = agreement acuerdoparcial = partial agreement noacuerdo = no agreement
  • Download the example sheet

How to integrate the google spreadsheet to the website

  • Create a folder on the root named after your comparison that contains index.html. In this file you must call the folder with the comparator.html
  • Inside the _includes folder, you must create a folder that will contain comparisons.
  • This must contain at least comparator.html file.
  • Inside comparator.html search for the div class="sheet_page" and enter the name of the first sheet (of your spreadsheet) that you want to load.
  • Then you must define your public_spreadsheet_url
  • Finally inside the 'wanted' tag you must specify each sheet to display.
  • Review hayacuerdo.js in the 'switch' section to define the name of the list-box you want to display.

Deployment

You should deploy with GitHub Pages- it's just easier.

All you should have to do is rename your repository on GitHub to be username.github.com. Since everything is on the gh-pages branch, you should be able to see your new site at http://username.github.com.

Everything else:

For more information about us, our site Fundación Ciudadano Inteligente. And if you want help with patches, report bugs or replicate our project check our repositories.

hayacuerdos-fci's People

Contributors

camargozzini avatar damian-garrido avatar fredericksilva avatar lfalvarez avatar lutiguedes avatar mariajh avatar matiasechavarria avatar rezzo avatar

Stargazers

 avatar

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.