Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
app
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Save EU Net Neutrality

This repository contains the source code for the SaveNetNeutrality.eu website and embeddable widgets. The site is built using HTML and Jekyll, and hosted on Github Pages. Read on for instructions on setting up your own development environment, translating the site, and more information on customizing the widget!


Embed the widget on your site

If you have a site, you can run our widget to help drive EU citizens to take action on Net Neutrality! It's as easy as dropping one line of code on your page.

Banner Widget

Place this code on your page before the closing </BODY> tag:

<script src="https://www.savenetneutrality.eu/widget.js"></script>

Banner Widget

Banner Widget (dark theme)

Place this code on your page before the closing </BODY> tag:

<script type="text/javascript">
var _cd_options = { theme: 'dark' };
</script>
<script src="https://www.savenetneutrality.eu/widget.js"></script>

Banner Widget (dark)

Modal Widget

Place this code on your page before the closing </BODY> tag:

<script type="text/javascript">
var _cd_options = { animation: 'modal' };
</script>
<script src="https://www.savenetneutrality.eu/widget.js"></script>

Modal Widget

Customizing the widget text

You can customize the text and button. Simply use the _cd_options hash and specify the widgetText or buttonText properties. For example, to change the text on the dark banner, do as follows:

<script type="text/javascript">
var _cd_options = {
  theme: 'dark',
  widgetText: 'Save net neutrality lol',
  buttonText: 'Click here omg'
};
</script>
<script src="https://www.savenetneutrality.eu/widget.js"></script>

NOTE: If you're customizing because your language is not showing up, you may wish to submit a translation to us instead, so we can still show the cool countdown. See the section below on translating, if that interests you.

Important note about cookies!

The widget uses cookies to keep track of when the user closes it, so it doesn't show up again. You'll need to have a note on your site about cookies to comply with EU law. If this is a problem, we can release a version that doesn't use cookies but will always display on every page. Just file a Github Issue if this is something you want.


Animated GIF Banners

If you can't embed JavaScript on your site, you can run one of our animated GIF banners. Simply post these images to your site and link back to www.savenetneutrality.eu! These images are licensed under the CC0 (“No Rights Reserved”) license.

Graphical banner 1

Graphical banner 2


Setting up a development environment

(This is only needed if you want to make changes to the site. If you just want info on embedding the widget, skip this section.)

Prerequisites:

  • Ruby
  • NodeJS
  • A computer

Running the development environment:

Simply clone the site to the folder of your choice. To install the dependencies and start the server, run:

cp env.example .env
npm install
npm start

Then you can access the site at http://localhost:9047.


Translating the site

The site and widget both support localized (translated) text. We need help translating this into as many languages as possible, so please submit a Pull Request if you can help. It's easy:

  1. Edit the l10n.yaml file and follow the format to add a translation for your language. Use the correct 2 letter ISO locale code for your language if it's not already on the list.

  2. Copy the English homepage file (/app/index.md) into a file called /app/_translations/LOCALE.md, replacing LOCALE with the 2 letter code for your language (eg. /app/_translations/es.md for Spanish)

  3. Translate all the language in the new page file you created. Make sure the text-related meta variables on top of this file are translated as well.

  4. Once it's translated, make sure the page_translation: true is set in the l10n.yaml file for your language. This will automatically redirect the site to your page for visitors with your language.

  5. Submit a Pull Request and we'll review and merge it in!

About

No description, website, or topics provided.

Resources

Releases

No releases published

Packages

No packages published