adding episode for maintainable website

tempalte changes for navigation

tinydatacenter.com-v2/TDC.bfproject

@@ -0,0 +1,117 @@
+c2e.convert_special: 0
+e2c.convert_num: 0
+openfiles: /home/hi/p/tinydatacenter/tinydatacenter.com-v2/md-pages/index.md:508:0:0:
+openfiles: /home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html/index.html:662:0:0:
+openfiles: /home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts/start.sh:74:0:1:
+snr_recursion_level: 5
+convertcolumn_horizontally: 0
+adv_open_matchname: 0
+show_mbhl: 0
+fb_show_backup_f: 0
+view_line_numbers: 1
+sync_include_backup: 0
+htmlbar_thumbnailwidth: 300
+view_left_panel: 1
+bookmarks_filename_mode: 0
+e2c.convert_xml: 1
+c2e.convert_iso: 0
+opendir: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts
+wrap_text_default: 0
+documentroot: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/app/resources/public
+default_mime_type: text/plain
+ssearch_text: sass
+snr_casesens: 0
+view_blocks: 0
+name: iSpooge v2
+fb_show_hidden_f: 0
+editor_tab_width: 2
+show_visible_spacing: 1
+view_statusbar: 1
+display_right_margin: 1
+outputb_scroll_mode: 2
+c2e.IE_apos_workaround: 0
+enable_syntax_scan: 1
+sync_include_hidden: 0
+leftpanel_active_tab: 0
+ssearch_regex: 0
+e2c.convert_iso: 0
+ssearch_casesens: 0
+charmap_block: 1
+webroot: http://localhost:3000/
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/config.edn
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html/base.html
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/vendor/videojs/video.cjs.js
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/vendor/videojs/video.js
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html/video.html
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html/page.html
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html/home.html
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/vendor/videojs/examples/simple-embed/index.html
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts/env.sh
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/config.edn
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/md-pages/index.md
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html/index.html
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts/start-static.sh
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts/start-prod.sh
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts/build.sh
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/css/screen.css
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/Dockerfile
+recent_files: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts/start.sh
+snr_replacetype: 0
+savedir: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2
+spell_check_default: 0
+spell_insert_entities: 0
+last_filefilter: 
+htmlbar_notebooktab: 9
+view_blockstack: 0
+snr_escape_chars: 0
+fb_viewmode: 0
+c2e.convert_symbol: 0
+spell_lang: en
+ssearch_dotmatchall: 0
+searchlist: blue
+searchlist: sass
+autocomplete: 1
+outputb_show_all_output: 0
+bookmarks_show_mode: 0
+fb_focus_follow: 1
+snippets_show_as_menu: 1
+snr_filepattern: 
+e2c.convert_special: 0
+autoindent: 1
+adv_open_recursive: 0
+recent_dirs: file:///home/hi
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/vendor/videojs
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/vendor/videojs/examples/simple-embed
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/css
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/md-pages
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/layout/html
+recent_dirs: file:///home/hi/p/tinydatacenter/tinydatacenter.com-v2/scripts
+filegloblist: *.txt
+filegloblist: *.shtml
+filegloblist: *.py
+filegloblist: *.pl
+filegloblist: *.php
+filegloblist: *.js
+filegloblist: *.java
+filegloblist: *.htm
+filegloblist: *.html
+filegloblist: *.h
+filegloblist: *.css
+filegloblist: *.cpp
+filegloblist: *.cgi
+filegloblist: *.c
+filegloblist: *
+ssearch_unescape: 0
+htmlbar_view: 1
+c2e.convert_xml: 1
+snr_dotmatchall: 0
+sync_delete_deprecated: 0
+editor_indent_wspaces: 1
+view_cline: 1
+snr_type: 0
+snr_scope: 0
+bmarksearchmode: 0
+view_main_toolbar: 1
+e2c.convert_symbol: 0

tinydatacenter.com-v2/app/resources/templates/md/pages/feeds.md

@@ -0,0 +1,9 @@
+{:title "News feeds (RSS)"
+ :layout :page
+ :page-index 700
+ :navbar? false}
+
+* [Main](/feed.xml) - all new posts
+* [Episodes](/episodes.xml) - new episodes
+* [Episodes WIP](/episodes-wip.xml) - episodes that are in progress
+* [Daily links](/daily-lins.xml) - new links that pertain to Tiny DC

tinydatacenter.com-v2/app/resources/templates/md/pages/index.md

@@ -23,7 +23,7 @@ Here are episodes:
 1. [Connecting to a netwwork and accessing the web site](2018-02-04-webserver-net.html)
 1. [Using Docker to keep the site running between reboots](2018-02-04-docker.html)
 1. [Adding a desktop environment](2018-02-04-desktop.html)
-1. Creating a maintainable site *in progress* **up next!**
+1. [Creating a maintainable site](2018-03-08-maintainable-website.html) *in progress* **up next!**
 1. [Let there be scale - adding a CDN](2018-01-24-webserver-online-and-global.html)
 1. A fancy way to collect feedback - API and storage
 1. Going live - configuring the home router
@@ -38,4 +38,4 @@ Here are episodes:
 
 ## Contact
 
-* social @t ispooge d0t com or (four one f1ve).93 seven.7four67
+* social @t harlanji d0t com or (four one f1ve).93 seven.7four67

tinydatacenter.com-v2/app/resources/templates/md/pages/principles.md

@@ -1,7 +1,7 @@
 {:title "Principles"
  :layout :page
- :page-index 1000
- :navbar? true}
+ :page-index 600
+ :navbar? false}
 
 * Run commands by hand, then save to text file, then automate... cost benefit
 

tinydatacenter.com-v2/app/resources/templates/md/pages/source-code.md

@@ -0,0 +1,6 @@
+{:title "Source Code (Git)"
+ :layout :page
+ :page-index 900
+ :navbar? false}
+
+* [GitHub](https://github.com/harlanji/tinydatacenter) - primary dev repo

tinydatacenter.com-v2/app/resources/templates/md/pages/wwwwwh.md

@@ -1,7 +1,7 @@
 {:title "Explanation"
  :layout :page
  :page-index 500
- :navbar? true
+ :navbar? false
  }
 
 # What's a Tiny DataCenter?

tinydatacenter.com-v2/app/resources/templates/md/posts/2018-03-06-archival-project.md

@@ -11,3 +11,21 @@ Archived material is bundled into a maximally available static distribution form
 general and simple, one large incrementally built docker image can be created and distributed to
 a CDN.
 
+
+
+
+```
+scripts/download-playlist.sh PLD5lYPY-uZpoqkKmEG0JmBx28ukXnRPc4
+
+
+```
+
+
+
+readme (needs work):
+
+https://github.com/harlanji/tinydatacenter/commit/4eb7d0372038eccbfa67db2e84c158050ec1f6a1#diff-e0c1975268c786c35b87dc4fd3e77c5d
+
+make page for video: 
+
+https://github.com/harlanji/tinydatacenter/commit/4eb7d0372038eccbfa67db2e84c158050ec1f6a1#diff-6c24e0d1419d38dacca21f22f8f2f3a9

tinydatacenter.com-v2/app/resources/templates/md/posts/2018-03-08-daily.md

@@ -0,0 +1,7 @@
+{:title "Daily Links"
+ :layout :post
+ :tags  ["daily-links"]
+ :toc false}
+
+* [THUNDERBIRDNEWS FEEDS (RSS), BLOGS AND ...HOW TO SUBSCRIBE TO NEWS FEEDS AND BLOGS](https://support.mozilla.org/en-US/kb/how-subscribe-news-feeds-and-blogs)
+* []()

tinydatacenter.com-v2/app/resources/templates/md/posts/2018-03-08-maintainable-website.md

@@ -0,0 +1,20 @@
+{:title "Maintainable website"
+ :layout :episode
+ :video-url "/media/tinydc/episode/maintainable-website/playlist.m3u8"
+ :episode-prev-version "2018-01-24-maintainble-website.html"
+ :episode-next-steps ["2018-03-06-archival-project.html"]
+ :episode-prereqs ["2018-02-04-webserver.html" "2018-02-04-docker.html"]
+ :tags ["episode" "episode-wip" "video"]}
+
+## Maintanable website
+
+From the baseline maintainable website one is able to carry out a number of more interesting projects.
+This episode will focus on porting a simple static website to one with a layout and some pages. We will
+use a static site generator to avoid many issues that come with maintaining a website using more technology
+that seems less primitive... from my perspective this technique is equally or more advanced than popular
+modern tools.
+
+We get security and horizontal scalability out of the box. In a future episode we'll see how to incorporate dynamic
+elements into the website. Following our [persistent static website]() design one can imagine how events 
+can be utilized for dynamic portions of the website.
+

tinydatacenter.com-v2/app/resources/templates/themes/blue/html/archives.html

@@ -3,7 +3,7 @@
 {% block content %}
 <div id="posts">
     <div id="page-header">
-        <h2>Archives</h2>
+        <h2>Notebook</h2>
     </div>
     {% for group in groups %}
         <h4>{{group.group}}</h4>

tinydatacenter.com-v2/app/resources/templates/themes/blue/html/base.html

@@ -14,7 +14,6 @@
 </head>
 <body>
 
-
 <nav class="navbar navbar-default">
     <div class="container">
         <div class="navbar-header">
@@ -35,10 +34,8 @@
                 <a href="{{nav-page.uri}}">{{nav-page.title}}</a>
                 </li>
                 {% endfor %}
-                <li><a href="{{source-code-url}}">Source Code</a></li>
                 <li
-                {% if archives %} class="active" {% endif %}><a href="{{archives-uri}}">Journal</a></li>
-                <li><a href="{{rss-uri}}">RSS</a></li>
+                {% if archives %} class="active" {% endif %}><a href="{{archives-uri}}">Notebook</a></li>
             </ul>
         </div><!--/.nav-collapse -->
     </div><!--/.container-fluid -->
@@ -47,7 +44,6 @@
 
 <div class="container">
 
-
     <div class="row">
         <div class="col-lg-9">
             <div id="content">

tinydatacenter.com-v2/app/resources/templates/themes/blue/html/episode.html

@@ -14,6 +14,19 @@
 
 <link rel="stylesheet" href="/assets/videojs/video-js.css">
 
+
+   
+   
+   {% if post.episode-prereqs %}
+   <h4>Prereqs</h4>
+     <ul>
+     {% for ep-url in post.episode-prereqs %}
+       <li><a href="{{ep-url}}">{{ep-url}}</a></li>
+     {% endfor %}
+     </ul>
+   {% endif %}
+   
+
 <video id=example-video width=640 height=360 class="video-js vjs-default-skin" data-setup='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
   <source
      src="{{post.video-url}}"
@@ -31,7 +44,16 @@ player.play();
 
     
    {% include "/html/post-content.html" %}
-   
+
+   {% if post.episode-next-steps %}
+   <h4>Next steps</h4>
+     <ul>
+     {% for ep-url in post.episode-next-steps %}
+       <li><a href="{{ep-url}}">{{ep-url}}</a></li>
+     {% endfor %}
+     </ul>
+   {% endif %}
+
    
     <div id="prev-next">
         {% if post.prev %}

tinydatacenter.com-v2/app/resources/templates/themes/blue/html/index.html

@@ -4,6 +4,7 @@
 <div id="custom-page">
 
 
+
 <!--
 <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/SM8xq8dYuCI?rel=0&amp;controls=0&amp;showinfo=0&amp;loop=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
 -->