[#13] Nested List implementation

lizadaly · Dec 13, 2016 · ffdbdd2 · ffdbdd2
1 parent 34fa3a0
commit ffdbdd2
Show file tree

Hide file tree

Showing 12 changed files with 34,378 additions and 8 deletions.
diff --git a/examples/nested-list/css/windrift.css b/examples/nested-list/css/windrift.css
@@ -0,0 +1,30 @@
+/* Base styles provided by Windrift */
+
+/* Give the base container some breathing room */
+.container {
+  margin: 2em 15%;
+}
+
+/* If the scrolling mode is "scrolling", ensure that the most-recent chapter
+doesn't bump up against the bottom margin */
+.pagination-scrolling .current-chapter {
+  margin-bottom: 3em;
+}
+
+/* If the scrolling mode is "by-chapter", only the current chapter should be visible */
+.pagination-by-chapter .chapter {
+  display: none;
+}
+.pagination-by-chapter .current-chapter {
+  display: block
+}
+
+/* If the scrolling mode is "by-section", only the current section of the current
+chapter should be visible */
+.pagination-by-section .section,
+.pagination-by-section .chapter .current-section {
+  display: none;
+}
+.pagination-by-section .current-chapter .current-section {
+  display: block
+}
diff --git a/examples/nested-list/images/cats.jpg b/examples/nested-list/images/cats.jpg
diff --git a/examples/nested-list/images/dogs.jpg b/examples/nested-list/images/dogs.jpg
diff --git a/examples/nested-list/index.html b/examples/nested-list/index.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+  <head>
+      <meta charset="utf-8" />
+      <meta http-equiv="x-ua-compatible" content="ie=edge" />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <title>Windrift Starter</title>
+
+      <meta name="keywords" content="starter windrift javascript react interactive-fiction" />
+      <meta name="description" content="A starter application used for working with the Windrift story framework" />
+      <meta name="author" content="Liza Daly" />
+      <meta name="copyright" content="CC BY 4.0" />
+
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation-flex.min.css" />
+      <link rel="stylesheet" href="css/windrift.css" />
+  </head>
+
+  <body class="pagination-scrolling">
+
+      <nav class="top-bar">
+        <div class="top-bar-title">
+          Windrift Starter
+        </div>
+        <div>
+          <div class="top-bar-right">
+            <a href="#" onClick="resetGame(event)">Restart</a>
+          </div>
+        </div>
+      </nav>
+
+      <div class="container">
+        <article id="article" class="row columns"></article>
+      </div>
+
+  <script type="text/javascript" src="story.js"></script></body>
+
+</html>