Merge pull request #250 from amiaopensource/moves-cc-img

moves cc-by img into repo

css/css.css

@@ -1,9 +1,73 @@
+.grid {
+  display: grid;
+  align-content: center;
+  grid-template-areas:
+   "header"
+   "sidebar"
+   "content"
+   "footer";
+}
+
+.header {
+  grid-area: header;
+  text-align: center;
+}
+
+.content {
+  grid-area: content;
+}
+
+.sidebar {
+  grid-area: sidebar;
+}
+
+.footer {
+  grid-area: footer;
+  text-align: center;
+}
+
+@media only screen and (max-width: 999px)  {
+.grid {
+  grid-template-columns: 1fr;
+  grid-template-areas:
+  "header"
+  "sidebar"
+  "content"
+  "footer";
+  }
+}
+
+@media only screen and (min-width: 1000px)   {
+  .grid {
+    grid-gap: 1rem;
+    grid-template-columns: 30% auto;
+    grid-template-areas:
+    "header  header"
+    "sidebar content"
+    "footer  footer";
+  }
+}
+
+.license img {
+  max-width: 10em;
+  display: inline;
+}
+
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Montserrat', sans-serif;
 }
 
+h1 {
+  letter-spacing: 0.1em;
+  font-size: 7vw;
+}
+
 h2 {
-  font-size: 24px;
+  font-size: 3em;
+}
+
+h3 {
+  font-size: 2em;
 }
 
 .intro-lead {
@@ -39,11 +103,6 @@ img {
   margin-bottom: 18px;
 }
 
-h1 {
-  letter-spacing: 8px;
-  font-size: 86px;
-  line-height: 120px;
-}
 
 div {
   font-family: 'Merriweather', serif;
@@ -114,15 +173,3 @@ div {
 .footnote {
   font-size: 90%;
 }
-
-@media only screen and (min-width: 576px) {
-  img {
-    max-width: 60%;
-  }
-}
-
-@media only screen and (min-width: 992px) {
-  img {
-    width: 100%;
-  }
-}

js/js.js

@@ -4,25 +4,21 @@ $(document).ready(function() {
     $('[data-toggle="tooltip"]').tooltip()
   });
 
-  // open modal window if a hash is found in URL
+  // open recipe window if a hash is found in URL
   if(window.location.hash) {
-    $(window.location.hash).modal('show');
+    id = window.location.hash
-    // add direct link to modal window
+    $(id).collapse('show');
-    $(".link").empty();
+    $('html, body').animate({ scrollTop: $(id).offset().top}, 1000);
-    $(".link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
+    $(id + " .link").empty();
+    $(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
   }
 
-  // add hash to URL when modal is opened
+  // add hash URL when recipe is opened
-  $('span[data-toggle="modal"]').on("click", function(){
+  $('span[data-toggle="collapse"]').on("click", function(){
-    window.location.hash = $(this).attr("data-target");
+    id = $(this).attr("data-target");
-    // add direct link to modal window
+    window.location.hash = id
-    $(".link").empty();
+    $(id + " .link").empty();
-    $(".link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
+    $(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
-  });
-
-  // remove hash from URL when modal is closed
-  $(document).on('hide.bs.modal', function (e) {
-    history.pushState("", document.title, window.location.pathname);
   });
 
 });

scripts/ffmprovisr

@@ -22,4 +22,6 @@ elif [[ "$(uname -s)" = "Linux" ]] ; then
         ffmprovisr_path=$(find ~/.linuxbrew/Cellar/ffmprovisr -iname 'index.html' | sort -M | tail -n1)
     fi
     xdg-open "${ffmprovisr_path}"
+else
+    echo "Please locate the 'ffmprovisr' folder, and open the 'index.html' file in a browser."
 fi