https://github.com/global-asp/nairobi-css

A responsive framework for multilingual literacy sites
https://github.com/global-asp/nairobi-css

css-framework literacy mulitilingual responsive

Last synced: 4 months ago
JSON representation

A responsive framework for multilingual literacy sites

• Host: GitHub
• URL: https://github.com/global-asp/nairobi-css
• Owner: global-asp
• License: mit
• Created: 2018-06-07T11:18:09.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-03-01T01:57:41.000Z (over 6 years ago)
• Last Synced: 2025-10-07T09:41:30.939Z (8 months ago)
• Topics: css-framework, literacy, mulitilingual, responsive
• Language: HTML
• Homepage: https://global-asp.github.io/nairobi/
• Size: 139 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Nairobi CSS - A responsive framework for multilingual literacy sites

Nairobi CSS is a framework for building responsive, mobile-friendly, multilingual literacy websites. It was developed for use on the [Storybooks Canada](http://storybookscanada.ca) website, and has since been used as the basis for multiple other sites serving different regions and languages via the [Global Storybooks](http://globalstorybooks.net) platform.

## Features

* **Responsive**: Mobile-first design looks great on any screen size or device.

* **Lightweight**: Designed from the ground up to be fast and light on resources for use in locations without high-speed Internet.

* **Portable**: The whole site can be downloaded and hosted locally, or made available on a local network for situations where no Internet is available.

* **Configurable**: Most aspects of the site can be changed from a single configuration file.

* **Multimedia**: Images and audio integrated on every page for a rich reading experience.

* **Easy to use**: Large, friendly buttons and clear, discoverable features for users of any age and skill level.

* **Interactive features**: Auto-highlighting, quick language switcher, and other features available out of the box.

* **Navigation options**: Group and sort stories by language or reading level. Quickly skip through pages and between linked stories.

## Demo

You can see what this repository looks like when built by visiting [this demo site](https://global-asp.github.io/nairobi/).

## Installation

Nairobi CSS is built with Jekyll, so you will need to have Ruby and Jekyll installed in order to build the site.

Enter the project folder and run:

    jekyll build

The rendered site will be in the `_site` folder.

## Acknowledgements

Site design by Darshan Soni.

Icons provided by [FontAwesome](http://fontawesome.io/) (via [Fontello](http://fontello.com/)) and [Elegant Circles](https://dohliam.github.io/elegant-circles/).

CSS based on Spectre.

Story text and images from the [African Storybook](http://africanstorybook.org) via [Global ASP](https://global-asp.github.io/). Audio from [Storybooks Canada](http://storybookscanada.ca) via [gsn-audio](https://github.com/global-asp/gsn-audio).

## License

MIT.