coursegen 0.8.3 → 0.9.1

data/templates/content/bootstrap/css/full-width-pics.css

@@ -1,64 +1,8 @@
-/*
- * Start Bootstrap - Full Width Pics (http://startbootstrap.com/)
- * Copyright 2013-2016 Start Bootstrap
- * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
- */
-
-body {
-    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
-}
-
-.image-bg-fluid-height,
-.image-bg-fixed-height {
-    text-align: center;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    background-size: cover;
-    -o-background-size: cover;
-}
-
-.image-bg-fluid-height {
-	background: url('/bootstrap/images/image4.jpg') no-repeat center center scroll;
-    padding: 100px 0;
-}
-
-.image-bg-fixed-height {
-	background: url('/bootstrap/images/image4.jpg') no-repeat center center scroll;
-    height: 70px;
-}
-
-.img-center {
-	margin: 0 auto;
-}
-
-section {
-    padding: 15px 0;
-}
-
-.section-heading {
-    margin: 30px 0;
-    font-size: 4em;
-}
-
-.section-lead {
-    margin: 30px 0;
-}
-
-.section-paragraph {
-    margin: 30px 0;
-}
-
-footer {
-    margin: 50px 0;
-}
-
-@media(max-width:768px) {
-    section {
-        padding-top: 25px;
-        padding-bottom: 25px;
-    }
-
-    .section-heading {
-        font-size: 2em;
-    }
-}
+.masthead {
+  height: 70px;
+  background-image: url('/bootstrap/images/image1.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  
+}

data/templates/content/bootstrap/css/postit.css

@@ -0,0 +1,7 @@
+.postit {
+  background: hsl(56, 83%, 73%);
+  margin: 15px 30px  auto;
+  padding: 10px 15px;
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
+  color: #424242;
+}

data/templates/content/bootstrap/css/toasty.css

@@ -0,0 +1,3 @@
+.toasty {
+    background-color: yellow;
+}

data/templates/content/content/index.md.erb

@@ -3,7 +3,7 @@ title: Welcome!
 section: extras
 ---
 <div class="jumbotron">
-	<h2>Welcome to the Sample Course!</h2>
+	<h1>Welcome to the Sample Course!</h1>
 	<p>This course is generated when you first install Coursegen. It uses all the features (almost) of the software, to allow you to see what is possible.</p>
 
 	<p>Pito Salas, pitosalas@brandeis.edu</p>

data/templates/content/content/intro/course_toc.md.erb

@@ -1,5 +1,4 @@
 ---
 title: List of lectures
 ---
-<%= list_of(source: "lectures", rows: ["subsection","page"], cols: [:number, :date, :title, :desc, :homework], items: @items) %>
 <%= list_of(source: "lectures", rows: ["subsection","page"], cols: [:number, :date, :title, :cat, :desc, :homework], items: @items) %>

data/templates/content/content/intro/welcome.md.erb

@@ -1,8 +1,6 @@
 ---
 title: Welcome to Sample Course
 ---
-### Welcome!
+## Welcome!
 
 This page is part of the sample course in Coursegen
-
-Also it is used as the home page.

data/templates/content/content/lectures/part1/02_here_we_go.md.erb

@@ -1,5 +1,26 @@
 ---
 title: Second Lecture - Here we go
+desc: Advanced Features
+slides: true
 ---
-### Continuing
+## Continuing
+
 This page is the second one in the first part. It is the second lecture of the Sample Course.
+
+<%= slide %>
+
+## Headings
+
+# h1
+
+## h2
+
+### h3
+
+#### h4
+
+<%= slide %>
+
+## Next Lecture
+
+Click "Third Lecture" on the sidebar to go to the next lecture.

data/templates/content/content/lectures/part2/01_start_part2.md.erb

@@ -1,5 +1,6 @@
 ---
 title: Third Lecture - Launching Part 2
 ---
-### Part 2 starts here
+## Part 2 starts here
+
 In the sample course, there are two sections or parts. This page is the first page of the second part.

data/templates/content/content/lectures/part2/02_continue_part2.md.erb

@@ -1,5 +1,6 @@
 ---
-title: Fourth Lecture - Part2s second lecture
+title: Fourth Lecture - Part2's second lecture
 ---
-### Second lecture of part 2
+## Second lecture of part 2
+
 This is actually the fourth lecture of the Sample course.

data/templates/layouts/banner.html.erb

@@ -1,9 +1,9 @@
-<aside class="image-bg-fixed-height">
+<aside class="masthead">
   <div class="container">
     <div class="row">
-      <div class="col-xs-7">
-        <a class="navbar-title" href="/"><%= COURSE_SHORT_NAME %> - <%= COURSE_LONG_NAME %></a>
+      <div class="col-md-7">
+        <a href="/"><%= COURSE_SHORT_NAME %> - <%= COURSE_LONG_NAME %></a>
       </div>
     </div>
   </div>
-</aside>
+</aside>

data/templates/layouts/body_footer.html

@@ -1,8 +1,7 @@
 <div class="container">
   <div class="row">
-    <div class="col-xs-12">
+    <div class="col-md-12">
       <footer><%= COPYRIGHT_STRING %></footer>
-      </div>
+    </div>
   </div>
-</div>
-
+</div>

data/templates/layouts/body_header.html.erb

@@ -1,7 +1,25 @@
-<h3 class="body-header">
-	<%= citem.title %>
-	<% if citem.lecture? %>
-		<small>(<%= citem.lecture_date_s %>, <%= citem.lecture_number_s.to_s %>)</small>
-	<% end %>
-	<br/><small> <%= citem.desc %> </small>
-</h3>
+<div class="row">
+  <div class="col-12">
+    <h1>
+      <%= citem.title %>
+      <span style="font-size: 1rem;">
+        <% if citem.lecture? %>
+          (<%= citem.lecture_date_s %>, lect <%= citem.lecture_number.to_s %>, wk <%= ((citem.lecture_number)/2).to_s %>)
+          <span class="float-right">
+            <% if citem.lecture? && citem.section != "root" %>
+              | <%= link_to_prev(toc, item) %> 
+            <% end %>
+            <% if citem.lecture? && citem.section != "root" %>
+              | <%=link_to_next(toc, item) %>
+            <% end %>
+            <% if citem.slides %> | 
+              <%= link_to_slides %>
+            <% end %>
+            | <%= link_to_homework citem %>
+            </span>
+        <% end %>
+      </span>
+    </h1>
+  </div>
+</div>
+<h3 class="subheader"><%= citem.desc %></h3>

data/templates/layouts/bottom_includes.html.erb

@@ -1,15 +1,26 @@
-
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<!-- Optional JavaScript -->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
+  integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
 <script src="/bootstrap/js/custom.js"></script>
-<script src="/tipuesearch/tipuesearch_content.js"></script>
-
+<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2.6.3/dist/cdn/docsearch.min.js"></script>
 <script>
-$(document).ready(function() {
-     $('#tipue_search_input').tipuesearch({
-       'show': 20,
-       'contextBuffer': 100
-     });
-});
+  docsearch({
+    // Your apiKey and indexName will be given to you once
+    // we create your config
+    apiKey: '<%= SEARCH_CONFIG[:api_key] %>',
+    indexName: '<%= SEARCH_CONFIG[:index_name] %>',
+    <% if SEARCH_CONFIG[:app_id] != '' %>
+      appId: '<%= SEARCH_CONFIG[:app_id] %>',
+    <% end %>
+    algoliaOptions: {
+        hitsPerPage: 30
+    },
+    // Replace inputSelector with a CSS selector
+    // matching your search input
+    inputSelector: '#tipue_search_input',
+    // Set debug to true to inspect the dropdown
+    debug: <%= SEARCH_CONFIG[:debug] %>,
+  });
 </script>

data/templates/layouts/course.html.erb

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <%= render "/top_includes.*" %>
   <title><%= @item[:title] %> - <%= COURSE_SHORT_NAME %></title>
@@ -7,38 +8,23 @@
 
 <body>
   <% @citem = Toc.instance.n2c(@item) %>
-  <!-- Navigation -->
-  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-    <%= render "/banner.*", toc: Toc.instance, item: item, citem: @citem %>
-    <%= render "/nav-menus.*", toc: Toc.instance, item: item, citem: @citem %>
-  </nav>
-
-  <!-- Content Section -->
+  <%= render "/banner.*", toc: Toc.instance, item: item, citem: @citem %>
+  <%= render "/nav-menus.*", toc: Toc.instance, item: item, citem: @citem %>
   <section>
-    <div class="container-fluid">
+    <div class="container DocSearch-content">
       <div class="row">
-        <div class="col-sm-12 header-main">
+        <div class="col-md-9">
           <%= render "/body_header.*", toc: Toc.instance, item: item, citem: @citem %>
-        </div>
-      </div>
-      <div class="row">
-        <div class="body-main col-sm-9">
           <%= yield %>
         </div>
         <%= render "/sidebar.*" %>
-        <!-- /.row -->
       </div>
-      <!-- /.container -->
     </div>
   </section>
-    <!-- Footer -->
+  <%= render "/bottom_includes.*" %>
   <footer>
     <%= render "/body_footer.*" %>
   </footer>
-
-  <!-- jQuery -->
-  <%= render "/bottom_includes.*" %>
-
 </body>
 
-</html>
+</html>

data/templates/layouts/helpful_box.html

@@ -1,3 +1,3 @@
 <div id="helpful" class="text-center">Was this helpful!?
-    <a id="yes-link">yes</a> / <a id="no-link">no</a>
+  <a id="yes-link">yes</a> / <a id="no-link">no</a>
 </div>

data/templates/layouts/nav-menus.html.erb

@@ -1,37 +1,17 @@
-<div class="container">
-  <div class="row">
-    <button class="navbar-toggle" data-toggle="collapse"    data-target=".navHeaderCollapse">
-      <span class="sr-only">Toggle navigation</span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-    </button>
-  <div class="collapse navbar-collapse navHeaderCollapse">
-    <ul class="nav navbar-nav col-xs-7">
-      <li>
-        <a href="/content/intro/10_course_toc.md/">TOC</a>
-      </li>
-      <li>
-        <a href="/content/topics/nt/nt_outline.md/">Project Outline</a>
-      </li>
-      <li>
-        <a href="/content/intro/15_nt_links.md/">NanoTwitter</a>
-      </li>
-      <li>
-        <a href="/content/topics/syllabus/cosi105b_final_deliverables.md/">Deliverables</a>
-      </li>
-    </ul>
-    <div class="navbar-control col-xs-3">
-      <form role="form" class="form-inline" action="/content/tipuesearch/search.md/index.html">
-        <div class="input-group input-group-sm">
-          <input type="text" class="form-control" placeholder="search..." name="q" id="tipue_search_input" autocomplete="off" required>
-        </div>
-      </form>
-    </div>
-    <div class="btn-group btn-group-xs col-xs-2">
-      <%if citem.section != "root" %>
-        <%= link_to_prev toc, item %> <%= link_to_next toc, item %>
-      <% end %>
-    </div>
+<nav class="navbar navbar-expand-lg bg-dark py-0">
+  <nav class="nav py-0">
+    <% MENULINKS.each do |label, link| %>
+    <a class="nav-link py-0 text-light" href="<%= link %>">
+      <%= label %>
+    </a>
+    <% end %>
+  </nav>
+  <div class="navbar-control py-0">
+    <form role="form" class="form-inline">
+      <div class="input-group input-group-sm">
+        <input type="search" class="form-control" placeholder="search..." id="tipue_search_input"
+          autocomplete="off" required />
+      </div>
+    </form>
   </div>
-</div>
+</nav>

data/templates/layouts/sidebar.html.erb

@@ -1,13 +1,14 @@
-<div class="col-xs-3">
-  <% if (HELPFUL_BOX) %>
-    <div class="row well right-nav" style="color: rgb(158, 48, 48);padding-top: 4px;padding-bottom: 4px;padding-left: 8px;padding-right: 8px;margin-bottom: 8px;">
-      <%= render "/helpful_box.*" %>
-    </div>
-    <% end %>
-  <div class="row well right-nav" style="padding: 5px;">
+<div class="col-md-3 border rounded-lg sidebar">
+  <% if HELPFUL_BOX %>
+  <div class="row well"
+    style="color: rgb(158, 48, 48);padding: 4px 8px;margin-bottom: 8px;">
+    <%= render "/helpful_box.*" %>
+  </div>
+  <% end %>
+  <div class="row">
     <ul>
       <% SECTION_CONFIG.each do |sbb| %>
-        <%= section_helper(title: sbb.title, selector: sbb.selector) unless sbb.options[:hidden] %>
+      <%= section_helper(title: sbb.title, selector: sbb.selector) unless sbb.options[:hidden] %>
       <% end %>
     </ul>
   </div>

data/templates/layouts/slides.html.erb

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title><%= COURSE_SHORT_NAME %></title>
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <link rel="stylesheet" href="https://unpkg.com/reveal.js@4.0.2/dist/reset.css">
+  <link rel="stylesheet" href="https://unpkg.com/reveal.js@4.0.2/dist/reveal.css">
+  <link rel="stylesheet" href="https://unpkg.com/reveal.js@4.0.2/dist/theme/white.css" id="theme">
+  <!--[if lt IE 9]>
+  <script src="https://unpkg.com/reveal.js@4.0.2/lib/js/html5shiv.js"></script>
+  <![endif]-->
+
+  <!-- Custom CSS -->
+  <link rel="stylesheet" href="/bootstrap/css/customslides.css">
+
+  <style>
+    .scrollable {
+      bottom: 0;
+      overflow-y: auto  !important;
+      overflow-x: hidden !important;
+    }
+
+    <% SLIDES_CONFIG[:ignore_selectors].each do |s| %>
+    .slides <%= s %> {
+      display: none;
+    }
+    <% end %>
+  </style>
+</head>
+
+<body>
+<div class="reveal">
+  <div class="slides">
+    <section data-markdown data-separator="^<slide_break></slide_break>" class="scrollable">
+      <textarea data-template>
+        <%= yield %>
+      </textarea>
+    </section>
+  </div>
+</div>
+
+<script src="https://unpkg.com/reveal.js@4.0.2/dist/reveal.js"></script>
+<!-- Plugins -->
+<script src="https://unpkg.com/reveal.js@4.0.2/plugin/markdown/markdown.js"></script>
+<script src="https://unpkg.com/reveal.js@4.0.2/plugin/highlight/highlight.js"></script>
+
+<script>
+    // Full list of configuration options available at:
+    // https://github.com/hakimel/reveal.js#configuration
+    Reveal.initialize({
+        minScale: 0.2,
+        maxScale: 1.4,
+
+        markdown: {
+            breaks: true
+        },
+
+        <% SLIDES_CONFIG[:revealjs_opts].each do |k, v| %>
+        <%= k %>: <%= v.to_json %>,
+        <% end %>
+
+        // Optional reveal.js plugins
+        plugins: [ RevealMarkdown, RevealHighlight ]
+    })
+</script>
+</body>