scrollytelling-navigation 1.15.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 67a8074e428898c26570a9c63e51b20fc43f5463
+  data.tar.gz: 358fcca5e8f02b06facbb8ea9ab270fcad5df372
+SHA512:
+  metadata.gz: 26179d4944e905e7fbac654c2129fa38958d32ed8454944f41c7304c7250f8e8eb87ebf3c8b94ceb3b2fed9c5a738d520926fd6a39fe94621794bffd18f796bb
+  data.tar.gz: 9559f16069fba53d57ed137dd981826e2c04a21e2234183a2d79406444bcad966464f470d2149336d6feb8e789eeee86a2586de1404c4130091b30a5f582582b

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.ruby-version

@@ -0,0 +1 @@
+2.4.1

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,49 @@
+# Contributor Code of Conduct
+
+As contributors and maintainers of this project, and in the interest of
+fostering an open and welcoming community, we pledge to respect all people who
+contribute through reporting issues, posting feature requests, updating
+documentation, submitting pull requests or patches, and other activities.
+
+We are committed to making participation in this project a harassment-free
+experience for everyone, regardless of level of experience, gender, gender
+identity and expression, sexual orientation, disability, personal appearance,
+body size, race, ethnicity, age, religion, or nationality.
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery
+* Personal attacks
+* Trolling or insulting/derogatory comments
+* Public or private harassment
+* Publishing other's private information, such as physical or electronic
+  addresses, without explicit permission
+* Other unethical or unprofessional conduct
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+By adopting this Code of Conduct, project maintainers commit themselves to
+fairly and consistently applying these principles to every aspect of managing
+this project. Project maintainers who do not follow or enforce the Code of
+Conduct may be permanently removed from the project team.
+
+This code of conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community.
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting a project maintainer at joost@spacebabies.nl. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. Maintainers are
+obligated to maintain confidentiality with regard to the reporter of an
+incident.
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 1.3.0, available at
+[http://contributor-covenant.org/version/1/3/0/][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/3/0/

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in scrollytelling-navigation.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Joost Baaij
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,64 @@
+# Scrollytelling::Navigation
+
+This [Pageflow](https://github.com/codevise/pageflow) plugin replaces the built-in navigation with the Scrollytelling version.
+
+The Scrollytelling navigation uses dots to show progress instead of thumbnails.
+
+### This is the 1-13-stable branch
+
+This branch targets `gem 'pageflow', '~> 0.11.0'`.
+
+## How does it look?
+
+See the various stories on [our homepage](https://www.scrollytelling.io/).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'scrollytelling-navigation'
+```
+
+Bundle the plugin with your application by typing this on the command line:
+
+    $ bundle
+
+## Usage
+
+Register the plugin in the Pageflow initializer and then add it to your asset pipeline.
+
+```
+# config/initializers/pageflow.rb
+config.plugin(Scrollytelling::Navigation::Plugin.new)
+
+# app/assets/javascripts/pageflow/application.js
+//= require scrollytelling/navigation
+
+# app/assets/stylesheets/pageflow/application.css.scss
+@import "scrollytelling/navigation";
+```
+
+Furthermore after installing any Pageflow plugin it's a good idea to change your asset version. This will invalidate all server-side cache, most notably the cache that `i18n-js` uses to render the editor UI.
+
+```
+# config/initializers/assets.rb
+Rails.application.config.assets.version = 'x.x.x'
+```
+
+After all that, restart your application server.
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/scrollytelling/scrollytelling-navigation. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/assets/javascripts/scrollytelling/navigation.js

@@ -0,0 +1,5 @@
+//= require ./navigation/invert
+//= require ./navigation/counter
+//= require ./navigation/audio
+//= require ./navigation/sharing
+//= require ./navigation/widget_type

data/app/assets/javascripts/scrollytelling/navigation/audio.js

@@ -0,0 +1,18 @@
+$.widget('scrollytelling.audioControl', {
+  _create: function() {
+    $('#scrollytelling-audio', this.element).on('click', this.toggleAudio);
+  },
+
+  toggleAudio: function(event) {
+    event.preventDefault();
+    var target = $(event.target);
+
+    if(pageflow.settings.get('volume') > 0) {
+      pageflow.settings.set('volume', 0);
+      target.removeClass('audio-playing').addClass('audio-muted');
+    } else {
+      pageflow.settings.set('volume', 1);
+      target.removeClass('audio-muted').addClass('audio-playing');
+    }
+  }
+});

data/app/assets/javascripts/scrollytelling/navigation/counter.js

@@ -0,0 +1,29 @@
+$.widget('scrollytelling.scrollytellingNavigationCounter', {
+  setActive: function(page) {
+    this.element.find('a').removeClass('active');
+    this.element.find('a[href="#' + page.attr('id') + '"]').addClass('active');
+  },
+
+  updateActive: function(page) {
+    this.setActive(page.element);
+  },
+
+  _create: function() {
+    // Init active dot
+    this.setActive(pageflow.slides.currentPage());
+
+    // Listen to page changes
+    pageflow.events.on('page:change', this.updateActive.bind(this));
+
+    // Set click handler
+    $('nav a', this.element).on('click', this.onClick);
+  },
+
+  onClick: function(event) {
+    event.preventDefault();
+
+    var page_id = $(this).attr('data-page-id');
+
+    pageflow.slides.goToById(page_id);
+  }
+});

data/app/assets/javascripts/scrollytelling/navigation/invert.js

@@ -0,0 +1,21 @@
+// Set class .page-invert on widget element if the active page has the
+// class .invert
+$.widget('scrollytelling.scrollytellingNavigationInvert', {
+  changeInvert: function(page) {
+    this.setInvert(page.element);
+  },
+
+  setInvert: function(pageElement) {
+    this.element.toggleClass('page-invert', pageElement.hasClass('invert'));
+    $('.navigation_mobile').toggleClass('page-invert', pageElement.hasClass('invert'));
+  },
+
+  _create: function() {
+    // Set inverted class on first load
+    this.setInvert(pageflow.slides.currentPage());
+
+    // Listen to page changes
+    pageflow.events.on('page:change', this.changeInvert.bind(this));
+
+  }
+});

data/app/assets/javascripts/scrollytelling/navigation/sharing.js

@@ -0,0 +1,32 @@
+$.widget('scrollytelling.facebookSharing', {
+  _create: function() {
+    $('#share-fb', this.element).on('click', this.onClick);
+  },
+
+  onClick: function(event) {
+    event.preventDefault();
+    var fbSharer = window.open(
+      "//www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(location.href.replace(location.hash,"")),
+      "Facebook",
+      "width=600,height=300"
+    );
+  }
+});
+
+$.widget('scrollytelling.twitterSharing', {
+  _create: function() {
+    $('#share-tw', this.element).on('click', this.onClick);
+  },
+
+  onClick: function(event) {
+    event.preventDefault();
+    var summary = $("meta[name='description']").attr('content');
+    window.scrollytelling = window.scrollytelling || {};
+    var twitter_via = window.scrollytelling.twitter_via || 'scrollytelling';
+    var twSharer = window.open(
+      "//twitter.com/intent/tweet?text="+encodeURIComponent(summary)+"&via="+twitter_via+"&url="+encodeURIComponent(location.href.replace(location.hash,"")),
+      "Twitter",
+      "width=600,height=260"
+    )
+  }
+});

data/app/assets/javascripts/scrollytelling/navigation/widget_type.js

@@ -0,0 +1,20 @@
+pageflow.widgetTypes.register('scrollytelling_navigation', {
+  enhance: function(element) {
+    element.scrollytellingNavigationCounter();
+    element.scrollytellingNavigationInvert();
+    element.facebookSharing();
+    element.twitterSharing();
+    element.audioControl();
+
+    // Enable the parent page globally (Pageflow enables it only in mobile nav).
+    $('.parent_page', element).parentPageButton({
+      visibleClass: 'is_visible'
+    });
+
+    // hacky: if the entry URL matches 'onsite', push onsite class on the navigation.
+    // this allows us to hide the sharing widgets for onsite productions.
+    if($('head link[href*="onsite"]').length > 0) {
+      element.addClass('onsite');
+    }
+  }
+});

data/app/assets/stylesheets/scrollytelling/navigation.scss

@@ -0,0 +1,43 @@
+/// Background color used in the tooltips.
+$scrollytelling-tooltip-bg-color: black !default;
+$scrollytelling-invert-tooltip-bg-color: white !default;
+$scrollytelling-sharing-size: 40px !default;
+$scrollytelling-fa-size: 30px !default;
+$scrollytelling-nav-color: white !default;
+$scrollytelling-invert-nav-color: black !default;
+
+ul.scrolly-nav-box {
+  position: absolute;
+  list-style-type: none;
+  z-index: 5;
+  padding: 0;
+  margin: 0;
+
+  a {
+    text-decoration: none;
+  }
+}
+
+@mixin scrollytelling-indicator {
+  margin: 0;
+  cursor: pointer;
+  color: $scrollytelling-nav-color;
+  font-size: 16px;
+  text-transform: uppercase;
+  font-family: sourcesanspro;
+  letter-spacing: 1px;
+  line-height: $scrollytelling-fa-size;
+  height: $scrollytelling-sharing-size;
+
+  @include desktop {
+    letter-spacing: 3px;
+  }
+}
+
+@import "./navigation/navigation";
+@import "./navigation/mobile_navigation";
+@import "./navigation/options";
+@import "./navigation/entry";
+@import "./navigation/parent_page";
+@import "./navigation/home_button";
+@import "./navigation/mobile_overrides";

data/app/assets/stylesheets/scrollytelling/navigation/_entry.scss

@@ -0,0 +1,24 @@
+.entry {
+  .indicator {
+    @include scrollytelling-indicator;
+    left: 100px;
+    bottom: 20px;
+  }
+
+  .indicator.invert {
+    color: $scrollytelling-invert-nav-color;
+  }
+
+  .scroll_indicator:before {
+    content: "\f0ab";
+    font-family: "FontAwesome";
+    font-size: 16px;
+    margin-right: .25em;
+    background-image: none;
+  }
+
+  .scroll_indicator.invert:before {
+    color: $scrollytelling-invert-nav-color;
+    background-image: none;
+  }
+}

data/app/assets/stylesheets/scrollytelling/navigation/_home_button.scss

@@ -0,0 +1,25 @@
+ul.scrollytelling-home_button {
+  @include scrollytelling-indicator;
+  left: 100px;
+  top: 20px;
+
+  a {
+    color: $scrollytelling-nav-color;
+
+    .page-invert & {
+      color: $scrollytelling-invert-nav-color;
+    }
+  }
+
+  a:before {
+    content: "\f0a8";
+    font-family: "FontAwesome";
+    font-size: 16px;
+    margin-right: .25em;
+    background-image: none;
+
+    .page-invert & {
+      color: $scrollytelling-invert-nav-color;
+    }
+  }
+}

data/app/assets/stylesheets/scrollytelling/navigation/_mobile_navigation.scss

@@ -0,0 +1,115 @@
+.navigation_mobile {
+  .parent_page {
+    display: none; /* hide here because we include it in all nav */
+  }
+
+  .menu {
+    width: auto;
+    height: auto;
+    right: 20px;
+
+    &.index:before {
+      font-family: "FontAwesome";
+      content: "\f0c9";
+      font-size: 20px;
+    }
+
+    &.sharing:before {
+      font-family: "FontAwesome";
+      content: "\f1e0";
+      font-size: $scrollytelling-fa-size;
+    }
+
+    &.imprint:before {
+      font-family: "FontAwesome";
+      content: "\f05a";
+      font-size: $scrollytelling-fa-size;
+    }
+  }
+
+  .imprint_mobile:after,
+  .menu.imprint,
+  .menu.index,
+  .menu.sharing,
+  .overview_mobile:after,
+  .sharing_mobile:after {
+    background-image: none;
+  }
+
+  .imprint_mobile .credits a,
+  .overview_mobile .credits a,
+  .sharing_mobile .credits a {
+    margin-top: 0;
+    color: inherit;
+    display: inline;
+  }
+
+  &.active {
+    .sharing_mobile {
+      a.share.facebook {
+        p:before {
+          font-family: "FontAwesome";
+          content: "\f082";
+          margin-right: 12px;
+        }
+      }
+
+      a.share.twitter {
+        p:before {
+          font-family: "FontAwesome";
+          content: "\f081";
+          margin-right: 12px;
+        }
+      }
+
+      a.share.whatsapp {
+        img {
+          width: 18px;
+          height: 18px;
+          border: none;
+          float: left;
+          margin-right: 10px;
+          padding-top: 4px;
+        }
+      }
+
+      li {
+        background-color: darkgrey;
+        font-family: sourcesanspro;
+
+        > a {
+          color: white;
+          padding-top: 10px;
+          height: 50px;
+          margin-left: 24px;
+        }
+
+        > a:before {
+          display: none;
+        }
+
+        p {
+          margin: 0;
+        }
+      }
+    }
+
+    .menu.index {
+      &:before {
+        content: "\f00d";
+      }
+    }
+  }
+
+  &.page-invert {
+    .menu.index:before {
+      color: $scrollytelling-invert-nav-color;
+    }
+  }
+
+  &.page-invert.active {
+    .menu.index:before {
+      color: white;
+    }
+  }
+}

data/app/assets/stylesheets/scrollytelling/navigation/_mobile_overrides.scss

@@ -0,0 +1,20 @@
+@media screen and (max-width: 900px) {
+  #scrollytelling-navigation,
+  ul.scrollytelling-sharing {
+    display: none;
+  }
+
+  ul.scrollytelling-home_button {
+    top: 10px;
+    left: 20px;
+  }
+
+  ul.scrollytelling-options {
+    bottom: 20px;
+    right: 10px;
+  }
+
+  .entry .indicator {
+    left: 20px;
+  }
+}

data/app/assets/stylesheets/scrollytelling/navigation/_navigation.scss

@@ -0,0 +1,121 @@
+#scrollytelling-navigation {
+  right: 70px;
+  position: absolute;
+  z-index: 100;
+  top: 50%;
+  opacity: 1;
+  transform: translateY(-50%);
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  li {
+    display: block;
+    width: 25px;
+    height: 25px;
+    margin: 2px 5px;
+    position: relative;
+  }
+
+  li:hover {
+    a span {
+      width: 10px;
+      height: 10px;
+      margin: -5px 0 0 -5px;
+    }
+
+    .scrollytelling-navigation-tooltip {
+      transition: opacity 0.2s ease-in;
+      width: auto;
+      opacity: 1;
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  a {
+    display: block;
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    text-decoration: none;
+
+    span {
+      border-radius: 50%;
+      position: absolute;
+      z-index: 1;
+      height: 4px;
+      width: 4px;
+      border: 0;
+      background: $scrollytelling-nav-color;
+      left: 50%;
+      top: 50%;
+      margin: -2px 0 0 -2px;
+      transition: all 0.1s ease-in-out;
+    }
+
+    &.active span {
+      height: 12px;
+      width: 12px;
+      margin: -6px 0 0 -6px;
+      border-radius: 100%;
+    }
+  }
+
+  .scrollytelling-navigation-tooltip {
+    right: 30px;
+    position: absolute;
+    top: -1px;
+    color: $scrollytelling-nav-color;
+    font-size: 14px;
+    white-space: nowrap;
+    max-width: 220px;
+    opacity: 0;
+    width: 0;
+    cursor: pointer;
+    line-height: 1;
+    display: none;
+
+    background-color: $scrollytelling-tooltip-bg-color;
+    padding: 6px;
+    padding-right: 20px;
+    border-radius: 3px;
+
+    &:after {
+      left: 100%;
+      top: 50%;
+      border: solid transparent;
+      content: " ";
+      height: 0;
+      width: 0;
+      position: absolute;
+      pointer-events: none;
+      border-color: rgba(255, 255, 255, 0);
+      border-left-color: $scrollytelling-tooltip-bg-color;
+      border-width: 5px;
+      margin-top: -5px;
+    }
+  }
+
+  .page-invert & {
+    a span {
+      background: $scrollytelling-tooltip-bg-color;
+    }
+
+    .scrollytelling-navigation-tooltip {
+      color: $scrollytelling-tooltip-bg-color;
+      background-color: $scrollytelling-invert-tooltip-bg-color;
+
+      &:after {
+        border-left-color: $scrollytelling-invert-tooltip-bg-color;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/scrollytelling/navigation/_options.scss

@@ -0,0 +1,67 @@
+ul.scrollytelling-sharing,
+ul.scrollytelling-options {
+
+  a {
+    width: $scrollytelling-sharing-size;
+    height: $scrollytelling-sharing-size;
+
+    text-decoration: none;
+    position: relative;
+    display: inline-block;
+
+    font-family: "FontAwesome";
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    opacity: 0.8;
+    transition: opacity 0.2s;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    &:before {
+      color: #fff;
+      font-size: 28px;
+      line-height: $scrollytelling-sharing-size;
+      width: $scrollytelling-sharing-size;
+      text-align: center;
+      position: absolute;
+      left: 0;
+
+      .page-invert & {
+        color: $scrollytelling-invert-nav-color;
+      }
+    }
+  }
+}
+
+ul.scrollytelling-sharing {
+  top: 20px;
+  right: 70px;
+  width: 200px;
+  max-width: 80%;
+  height: 40px;
+  text-align: right;
+
+  li {
+    display: inline;
+  }
+
+  #share-tw:before { content: "\f099"; }
+  #share-fb:before { content: "\f082"; }
+}
+
+.onsite ul.scrollytelling-sharing {
+  display: none;
+}
+
+ul.scrollytelling-options {
+  bottom: 20px;
+  right: 70px;
+
+  .audio-playing:before { content: "\f028"; }
+  .audio-muted:before { content: "\f026"; }
+}

data/app/assets/stylesheets/scrollytelling/navigation/_parent_page.scss

@@ -0,0 +1,22 @@
+.parent_page {
+  @include scrollytelling-indicator;
+  left: 100px;
+  bottom: 70px;
+  opacity: 0;
+  transition: opacity 1s ease;
+
+  &:before {
+    content: "\f0a8";
+    font-family: "FontAwesome";
+    margin-right: .5em;
+  }
+
+  &.is_visible {
+    opacity: 1;
+    transition: opacity 0.5s ease 2.5s;
+  }
+}
+
+.page-invert .parent_page {
+  color: $scrollytelling-invert-nav-color;
+}

data/app/views/scrollytelling/navigation/_widget.html.erb

@@ -0,0 +1,39 @@
+<div data-widget="scrollytelling_navigation">
+
+  <nav id="scrollytelling-navigation">
+    <ul>
+      <% entry.pages.
+           displayed_in_navigation.
+           limit(25).
+           each do |page| %>
+        <li>
+          <a href="#<%= page.perma_id %>" data-page-id="<%= page.id %>">
+            <span></span>
+          </a>
+          <% if page.configuration["title"].presence || page.configuration["subtitle"].presence %>
+            <div class="scrollytelling-navigation-tooltip">
+              <%= page.configuration["title"].presence || page.configuration["subtitle"].presence %>
+            </div>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </nav>
+
+  <% if entry.home_button.enabled? %>
+  <ul class="scrollytelling-home_button scrolly-nav-box">
+    <li><%= link_to t('scrollytelling.navigation.home_link'),
+                    entry.home_button.url,
+                    title: t('scrollytelling.navigation.home_title', url: entry.home_button.url) %></li>
+  </ul>
+  <% end %>
+
+  <ul class="scrollytelling-sharing scrolly-nav-box">
+    <li><a href="#" id="share-tw"></a></li>
+    <li><a href="#" id="share-fb"></a></li>
+  </ul>
+
+  <ul class="scrollytelling-options scrolly-nav-box">
+    <li><a href="#" id="scrollytelling-audio" class="audio-playing"></a></li>
+  </ul>
+</div>

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "scrollytelling/navigation"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/config/locales/en.yml

@@ -0,0 +1,6 @@
+en:
+  scrollytelling:
+    navigation:
+      home_link: ' Home'
+      home_title: 'That will take you to %{url}'
+      widget_type_name: Scrollytelling dots with tooltips

data/config/locales/nl.yml

@@ -0,0 +1,6 @@
+nl:
+  scrollytelling:
+    navigation:
+      home_link: ' Home'
+      home_title: 'Je gaat dan naar %{url}'
+      widget_type_name: Scrollytelling stippen met tooltips

data/lib/scrollytelling/navigation.rb

@@ -0,0 +1,16 @@
+require "scrollytelling/navigation/plugin"
+require "scrollytelling/navigation/widget_type"
+require "scrollytelling/navigation/engine"
+require "scrollytelling/navigation/version"
+
+module Scrollytelling
+  module Navigation
+    def self.widget_type
+      WidgetType.new
+    end
+
+    def self.plugin
+      Plugin.new
+    end
+  end
+end

data/lib/scrollytelling/navigation/engine.rb

@@ -0,0 +1,9 @@
+require 'rails/engine'
+
+module Scrollytelling
+  module Navigation
+    class Engine < ::Rails::Engine
+      isolate_namespace Scrollytelling::Navigation
+    end
+  end
+end

data/lib/scrollytelling/navigation/plugin.rb

@@ -0,0 +1,11 @@
+require 'pageflow/plugin'
+
+module Scrollytelling
+  module Navigation
+    class Plugin < ::Pageflow::Plugin
+      def configure(config)
+        config.widget_types.register(Scrollytelling::Navigation.widget_type, default: true)
+      end
+    end
+  end
+end

data/lib/scrollytelling/navigation/version.rb

@@ -0,0 +1,5 @@
+module Scrollytelling
+  module Navigation
+    VERSION = "1.15.0"
+  end
+end

data/lib/scrollytelling/navigation/widget_type.rb

@@ -0,0 +1,24 @@
+require 'pageflow/widget_type'
+
+module Scrollytelling
+  module Navigation
+    class WidgetType < ::Pageflow::WidgetType
+      def name
+        'scrollytelling_navigation'
+      end
+
+      def roles
+        ['navigation']
+      end
+
+      def render(template, entry)
+        template.render(
+          partial: 'scrollytelling/pageflow/navigation/widget.html.erb',
+          locals: {
+            entry: entry
+          }
+        )
+      end
+    end
+  end
+end

data/scrollytelling-navigation.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'scrollytelling/navigation/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "scrollytelling-navigation"
+  spec.version       = Scrollytelling::Navigation::VERSION
+  spec.authors       = ["Joost Baaij"]
+  spec.email         = ["joost@spacebabies.nl"]
+
+  spec.summary       = "Scrollytelling “dots” navigation for Pageflow"
+  spec.homepage      = "https://github.com/scrollytelling/scrollytelling-navigation"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency 'pageflow', '~> 0.11.0'
+  spec.add_runtime_dependency 'rails', '>= 3.0', '< 5.0'
+
+  spec.add_development_dependency "bundler", "~> 1.11"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+end

metadata

@@ -0,0 +1,153 @@
+--- !ruby/object:Gem::Specification
+name: scrollytelling-navigation
+version: !ruby/object:Gem::Version
+  version: 1.15.0
+platform: ruby
+authors:
+- Joost Baaij
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-08-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: pageflow
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.11.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.11.0
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: 
+email:
+- joost@spacebabies.nl
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".ruby-version"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/scrollytelling/navigation.js
+- app/assets/javascripts/scrollytelling/navigation/audio.js
+- app/assets/javascripts/scrollytelling/navigation/counter.js
+- app/assets/javascripts/scrollytelling/navigation/invert.js
+- app/assets/javascripts/scrollytelling/navigation/sharing.js
+- app/assets/javascripts/scrollytelling/navigation/widget_type.js
+- app/assets/stylesheets/scrollytelling/navigation.scss
+- app/assets/stylesheets/scrollytelling/navigation/_entry.scss
+- app/assets/stylesheets/scrollytelling/navigation/_home_button.scss
+- app/assets/stylesheets/scrollytelling/navigation/_mobile_navigation.scss
+- app/assets/stylesheets/scrollytelling/navigation/_mobile_overrides.scss
+- app/assets/stylesheets/scrollytelling/navigation/_navigation.scss
+- app/assets/stylesheets/scrollytelling/navigation/_options.scss
+- app/assets/stylesheets/scrollytelling/navigation/_parent_page.scss
+- app/views/scrollytelling/navigation/_widget.html.erb
+- bin/console
+- bin/setup
+- config/locales/en.yml
+- config/locales/nl.yml
+- lib/scrollytelling/navigation.rb
+- lib/scrollytelling/navigation/engine.rb
+- lib/scrollytelling/navigation/plugin.rb
+- lib/scrollytelling/navigation/version.rb
+- lib/scrollytelling/navigation/widget_type.rb
+- scrollytelling-navigation.gemspec
+homepage: https://github.com/scrollytelling/scrollytelling-navigation
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: Scrollytelling “dots” navigation for Pageflow
+test_files: []