GithubHelp home page GithubHelp logo

akvorrat / sti-ui Goto Github PK

View Code? Open in Web Editor NEW
13.0 13.0 25.0 28.83 MB

Frontend code for SaveTheInternet in Europe

Home Page: https://savetheinternet.eu/

HTML 17.70% JavaScript 20.13% CSS 48.03% Shell 1.55% Ruby 12.59%

sti-ui's People

Contributors

agnes- avatar alfaschz avatar darxmorph avatar katrinleinweber avatar luchaos avatar maltefiala avatar mirkosalaris avatar muellermartin avatar mungle avatar musha68k avatar nykopol avatar petertheone avatar publicscam avatar raditotev avatar rubbingalcoholic avatar sebalis avatar sonstwer avatar sqrt2 avatar tiagocasalribeiro avatar xsmeets avatar yaoyuanpa avatar zomtec avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sti-ui's Issues

Position of Timeline graphic

Merging into blue is nice but leaves a lot of space to the left. We need to weigh what option to use.

IE11 does not merge, see screenshot attached
timeline

Tracker impact: Reduce 3rd party requests

Use local files to reduce 3rd party fingerprinting possibilities and net load.

Currently, anti-tracker software generates following output:
disconnect_results
ghostery_results
privacy_badger_results_osx_crapitan
privacy_badger_settings_osx_crapitan

Issue is related to #29

@socialhack Regarding doubleclick we could switch to piwik. We can setup a piwik solely for this campaign if you want.

Flags are missing in the country selector

Hi guys,

This is the current code for the country selector, and it does not feature the flags, which are shown on the design. I am referring to the design on https://trello.com/c/uGXOazgy/39-questionnaire-basic-structure

<select name="questions-form__header__locality__language__select">
    <option value="EN">English</option>
    <option value="DE">German</option>
</select>

Did you decide to drop it or are you planning to add this in the future?

Thanks,
Ondrej.

Remove static links

Currently we statically link to beta.savetheinternet.eu and sti.produktion.io. Those links need to be changed to relative ones.

Missing dropdown hanlder registration is wrong - handlers registered if they exist

The default handleLanguageSelect and handleCountrySelect handlers are registered if there is implementation provided already. Check the following:

if (typeof handleCountrySelect != 'undefined') {
  function handleCountrySelect(event) {
    console.log('COUNTRY SELECT');
    return true;
  }
}

I believe the if statement logic should be inverted, eg. typeof handleCountrySelect === 'undefined'. This applies to both handlers.

Change the email provider buttons to links

I am currently implementing the email links... could the email provider buttons:

<button class="action-button">gmail</button> <button class="action-button">yahoo</button> <button class="action-button">hotmail</button>

Be changed to link tags? You can still keep the same look and feel.

Thanks a lot ❤️

Step 4 page not generated

Hello!

The \build folder does not contain Step 4, but Step 4 exists in the source. I do not have the necessary tooling to generate that page from the templates, could you please include it in the output and commit?

Thanks,
Ondrej.

Step buttons

  • normal styling
  • on hover styling
  • active styling (bottom arrow)

Step 4

  • button alignment, styling

Newsletter subscription should work

just copy this html code from the old website:

 <div class="newsletter-box">
                <form action="https://mailman.edri.org/mailman/subscribe/savetheinternet/" method="post">
                    <input id="newsletter-email" name="email" placeholder="Your Email" type="email">
                    <input name="email-button" value="SIGN UP" type="Submit" id="newsletter-submit">
                </form>
            </div>

Typos Questionnaire

Multiple Choice part:

All the questions should start with a capital letter at the beginning, this also helps with readability
Question 5: prioritise

Open Questions page 1:

Question 1: that can be GIVEN (N); RELIABILITY (L)
Question 2 in the dropdown: the three hyphens should be – (Alt) not -
Question 3 in the dropdown: after specialised services there’s a lost quotation mark :simple_smile:
also, it says “user’s rights", while in the dropdown of Question 4 it says “users’ rights"

Open Questions page 2:

Question 2: the hyphen should be – (Alt) not -
Question 3 in the dropdown: regardless of the type of content being accessed (PERIOD) ISPs
Question 4: … as a user? (SPACE) Please (NO COMMA) provide examples.
Question 5: For example: Traffic (CAPITAL T) management, (COMMA, NO SEMICOLON)
Question 5 in the dropdown: “transparent” not ‘transparent – wrong quotation mark; transparency is one of(SPACE) the criteria
Question 6 in the dropdown: would be(SPACE)misleading

"go to submission" button besides "more" and "back"

We want a Button on Step 1 and 2 which brings the user directly to step 4.
People can finish the questionnaire on all steps as all fields are optional as long as one input has been given (this is already implemented).

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.