GithubHelp home page GithubHelp logo

nolanchan / site Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hackforla/food-oasis-la

0.0 1.0 0.0 8.17 MB

This is a website with a map of food sources in Los Angeles, and list of resources about food deserts and health, published with Jekyll and GitHub Pages.

Home Page: https://foodoasis.la

License: Other

Ruby 0.51% HTML 12.07% JavaScript 74.28% CSS 13.14%

site's Introduction

Food Oasis

This is a website with a map of food sources in Los Angeles, and list of resources about food deserts and health. You can view the site here… https://foodoasis.la

How to make changes

The website is published with GitHub Pages, and the files are generated with Jekyll.

As you make changes and commit/push them to GitHub, the website will automatically update.

How to develop locally

If you want to see a preview of your changes before they appear on the live site, you can run a Jekyll server on your local machine. Installing Ruby and Jekyll is a good place to start.

A summary of the project files

Files for Jekyll

_config.yml
_data/*
_drafts/*
_includes/*
_layouts/*

Files for Node.js

_node/*

Files generated by Node.js, for Jekyll

_community-garden/*
_farmers-market/*
_food-pantry/*

Files for GitHub

README.md
LICENSE
CNAME

Assets

assets/css
assets/images
assets/js

Third-party assets

assets/leaflet

Pages

index.html
organizations.md
resources.md
about.md
team.md
faqs.md
news.html
404.md

Pages translated into Spanish

es/*

Map

map.html

Lists

list.html
community-garden.html
farmers-market.html
food-pantry.html

How to update the food source data

The food sources listed on the website are generated by Jekyll, from markdown files in these folders…

_community-garden/*
_farmers-market/*
_food-pantry/*

The markdown files themselves are generated by Node.js from the data files in the _data folder.

To re-generate the files, first install Node.js. And then run these three commands from your project folder…

  1. Change to the _node directory…
cd _node
  1. Install Node.js dependencies for this project…
npm install
  1. Ask Node.js to run the generation script
node generate-locations.js

Note that this will overwrite the existing markdown files, but it won’t remove any of them. You may wish to manually remove these three folders before running generate-locations.js, so there won’t be any old files left inside them…

_community-garden/*
_farmers-market/*
_food-pantry/*

site's People

Contributors

777mms36 avatar amandamcg avatar dannyprikaz avatar hanhanhan avatar hvz90 avatar jayunani avatar jimthoburn avatar joshuazrobins avatar quipcode avatar syropcode avatar tamurafatherree avatar

Watchers

 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.