added new theme, jekyll framework, and base pages

_config.yml

@@ -0,0 +1,25 @@
+# Site settings
+title: 'ProDOS 8'
+email: jbrooks@blueshiftinc.com
+description: >
+        ProDOS-8 is the operating system for Apple II computers.
+baseurl: ""
+url: "http://prodos8.com"
+twitter_username: JBrooksBSI
+github_username:  ProDOS-8
+
+# Build settings
+markdown: kramdown
+
+exclude:
+  - package.json
+  - package-lock.json
+  - node_modules
+  - gulpfile.js
+  - README.md
+
+keep_files:
+  - _site/css
+  - _site/js
+
+include: ['_pages']

_data/navigation.yml

@@ -0,0 +1,37 @@
+- title: "About"
+  href:  /about/
+
+- title: "Docs"
+  href:  /docs/
+  subcategories:
+    - subtitle: ProDOS 8 Technical Notes
+      subhref:  /docs/technote/
+    - subtitle: ProDOS 8 Technical Reference Manual
+      subhref:  /docs/techref/
+
+- title: "Releases"
+  href:  /releases/
+  subcategories:
+    - subtitle: "ProDOS 2.5"
+      subhref: "/releases/prodos-25/"
+
+    - subtitle: "ProDOS 2.4.2"
+      subhref: "/releases/prodos-242/"
+
+    - subtitle: "ProDOS 2.4.1"
+      subhref: "/releases/prodos-241/"
+
+    - subtitle: "ProDOS 2.4"
+      subhref: "/releases/prodos-24/"
+
+    - subtitle: "ProDOS 2.0.3"
+      subhref: "/releases/prodos-203/"
+
+    - subtitle: "ProDOS 1.0"
+      subhref: "/releases/prodos-10/"
+
+- title: "Contribute"
+  href: /contribute/
+
+- title: "Contact"
+  href: /contact/

_includes/footer.html

@@ -0,0 +1,28 @@
+<style type="text/css">
+  footer,
+  footer div.container div.row div.col span.footer-copyright,
+  footer div.container div.row div.col span.footer-copyright a,
+  footer div.container div.row div.col span.footer-copyright a:active,
+  footer div.container div.row div.col span.footer-copyright a:visited,
+  footer div.container div.row div.col a,
+  footer div.container div.row div.col a:active,
+  footer div.container div.row div.col a:visited {
+    color:#00ff95 !important;
+    font-family: "Apple2Forever80";
+    background-color:#000000 !important;
+  }
+  footer div.container div.row div.col span.footer-copyright a:active,
+  footer div.container div.row div.col a:active {
+    color:#ffffff !important;
+  }
+</style>
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <span class="footer-copyright"><a href="/about/">ProDOS-8</a></span>
+        <a class="footer-author" href="http://www.prodos8.com/">www.prodos8.com</a>
+      </div>
+    </div>
+  </div>
+</footer>

_includes/header.html

@@ -0,0 +1,33 @@
+<header>
+  <div class="container">
+    <nav class="navbar navbar-expand-lg navbar-light">
+      <a class="navbar-brand" href="/"><img src="/pix/prodos_logo2.svg" width="273" height="123" alt="ProDOS-8" title="ProDOS-8" onerror="this.onerror=null; this.src='/pix/prodos_logo.png'" /></a>
+      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <i class="fa fa-bars" aria-hidden="true"></i>
+      </button>
+      <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+          {% for nav in site.data.navigation %}
+            <li class="nav-item {% if page.url == nav.href %}active{% endif %}">
+              <a class="nav-link {% if nav.subcategories != null %}has-subcat{% endif %}" href="{{ nav.href }}">{{ nav.title }}</a>
+              {% if nav.subcategories != null %}
+                <span class="dropdown-chevron-mobile"></span>
+              {% endif %}
+              {% if nav.subcategories != null %}
+                <ul class="subcategory">
+                  {% for subcategory in nav.subcategories %}
+                    <li class="nav-subitem">
+                      <a class="nav-sublink" href="{{ subcategory.subhref }}">
+                        {{ subcategory.subtitle }}
+                      </a>
+                    </li>
+                  {% endfor %}
+                </ul>
+              {% endif %}
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    </nav>
+  </div>
+</header>

_includes/technote_credit.html

@@ -0,0 +1,5 @@
+<div id="credit">
+<a href="/docs/technote/"><strong>The Apple II Technical Notes</strong></a> have been converted to HTML by <strong>Aaron Heiss</strong> as a public service to the Apple II community, with permission by Apple Computer, Inc.
+<p>&nbsp;</p>
+Any and all trademarks, registered and otherwise, are properties of their owners.
+</div>

_includes/topbar.html

@@ -0,0 +1,33 @@
+<div class="topbar">
+  <div class="container">
+    <h1 id="latest-release-notice"><a href="/releases/prodos-242"><strong>Latest release</strong> of ProDOS is <strong>2.4.2</strong></a></h1>
+    <span class="phone"><a href="/releases/prodos-25">ProDOS 2.5 has been announced but is not available yet.</a></span>
+  </div>
+</div>
+<style type="text/css">
+div.topbar { background-color:#292929 !important; }
+
+div.topbar div.container h1#latest-release-notice a,
+div.topbar div.container h1#latest-release-notice a:visited,
+div.topbar div.container h1#latest-release-notice a:active {
+  color:#ffffff !important;
+  font-family: "Apple2Forever80";
+}
+div.topbar div.container a:hover,
+div.topbar div.container h1#latest-release-notice a:hover {
+  color:#00ff95 !important;
+  font-family: "Apple2Forever80";
+}
+
+div.topbar div.container span.phone a,
+div.topbar div.container span.phone a:visited,
+div.topbar div.container span.phone a:active {
+  color: #ffae36 !important;
+  font-family: "Apple2Forever80";
+}
+div.topbar div.container span.phone a:hover {
+  color:#ffffff !important;
+  font-family: "Apple2Forever80";
+}
+
+</style>

_js/app.js

@@ -0,0 +1,44 @@
+window.$ = window.jQuery = require('jquery');
+global.Popper = require('popper.js');
+var bootstrap = require('bootstrap');
+var magnificPopup = require('magnific-popup');
+var matchHeight = require('jquery-match-height');
+
+$('.dropdown-chevron-mobile').on('click', function(e) {
+
+  e.preventDefault();
+
+  // Toggles the arrow class on itself.
+  $(this).toggleClass('open');
+
+  // Get the parent list item and its id.
+  var parent = $(e.target).parent('li');
+  parent.children('ul').toggleClass('open');
+
+});
+
+/* Back to top */
+$(window).scroll(function(){
+  if ($(this).scrollTop() > 100) {
+    $('.back-to-top').fadeIn();
+  } else {
+    $('.back-to-top').fadeOut();
+  }
+});
+
+$('.back-to-top').click(function(){
+  $("html, body").animate({ scrollTop: 0 }, 600);
+  return false;
+});
+
+/* Match height */
+$('.pricing-card-features').matchHeight();
+$('.panel').matchHeight();
+
+/* Magnific Popup */
+$('.image-link').magnificPopup({
+  type:'image',
+  gallery: {
+    enabled: true
+  }
+});

_layouts/default.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+    <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+    <link rel="stylesheet" href="{{ root }}/css/main.css">
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125779998-1"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'UA-125779998-1');
+    </script>
+
+  </head>
+  <body>
+    {% include topbar.html %}
+    {% include header.html %}
+    {{ content }}
+    {% include footer.html %}
+    <script src="{{ root }}/js/dist/app.bundle.js"></script>
+  </body>
+</html>

_layouts/home.html

@@ -0,0 +1,101 @@
+---
+layout: default
+---
+
+<div class="container-full home-page-intro-container">
+  <div class="container">
+    <div class="row">
+      <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12">
+        <div class="home-intro">
+          <h1>Your Apple II. Enhanced.</h1>
+          <p>ProDOS 2.4.2 is the current release, and available for <strong>ALL</strong> models of the Apple II.</p>
+          <p>Features of ProDOS 2.4.2 include:</p>
+          <ul>
+            <li>Compatibility with all 8-bit Apple II's</li>
+            <li>Bitsy Bye Program Launcher</li>
+            <li>Disk imaging using ADT Pro</li>
+            <li>Disk utilities</li>
+            <li>ROM ID detection for Apple II clones.</li>
+            <li>Thunderclock driver is updated to work through 2023</li>
+          </ul>
+          <a href="/releases/prodos-242" class="btn btn-lg btn-secondary">Download ProDOS 2.4.2</a>
+        </div>
+      </div>
+      <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12">
+        <div class="home-carousel">
+          <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
+            <ol class="carousel-indicators">
+              <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+              <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+              <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+            </ol>
+            <div class="carousel-inner" role="listbox">
+              <div class="carousel-item active">
+                <img class="d-block img-fluid" src="/pix/prodos242/homepage_slide1.png" alt="ProDOS 2.4.2 Boot Screen">
+                <div class="carousel-caption d-none d-md-block"></div>
+              </div>
+              <div class="carousel-item">
+                <img class="d-block img-fluid" src="/pix/prodos242/homepage_slide2.png" alt="Second slide">
+                <div class="carousel-caption d-none d-md-block"></div>
+              </div>
+              <div class="carousel-item">
+                <img class="d-block img-fluid" src="/pix/prodos242/homepage_slide3.png" alt="Second slide">
+                <div class="carousel-caption d-none d-md-block"></div>
+              </div>
+            </div>
+            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+              <span class="sr-only">Previous</span>
+            </a>
+            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+              <span class="carousel-control-next-icon" aria-hidden="true"></span>
+              <span class="sr-only">Next</span>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container-full home-page-cards-background">
+  <div class="container">
+    <div class="row">
+      <div class="col-xl-4 col-lg-4">
+        <div class="home-card">
+          <a href="/bitsy-boot">
+            <img src="/pix/homecard_bitsy_boot.png">
+          </a>
+          <div class="home-card-content">
+            <h2><a href="/bitsy-boot/">Bitsy Boot</a></h2>
+            <p><li>A small system program which allows quick and easy booting of Apple II devices in various slots</li><li>Allows one-press booting of slots 1-7</li><li>Displays all slots which contain active ProDOS devices</li><li>Allows programs to quit to the 8-bit launcher or return to the 16-bit GS/OS Finder</li></p>
+            <a href="/bitsy-boot/" class="btn btn-secondary" role="button" aria-pressed="true">More about Bitsy Boot</a>
+          </div>
+        </div>
+      </div>
+      <div class="col-xl-4 col-lg-4">
+        <div class="home-card">
+          <a href="/bitsy-bye">
+            <img src="/pix/homecard_bitsy_bye.png">
+          </a>
+          <div class="home-card-content">
+            <h2><a href="/bitsy-bye/">Bitsy Bye</a></h2>
+            <p><li>A new program launcher<li><li>Select drives by slot using number keys 1-7.</li><li>Select files by typing the first letter of their filename.</li><li>Displays the slot and drive of each device</li><li>Does not abort on drive errors, but instead lists and allows launching of all readable files.</li></p>
+            <a href="/bitsy-bye/" class="btn btn-secondary" role="button" aria-pressed="true">More about Bitsy Bye</a>
+          </div>
+        </div>
+      </div>
+      <div class="col-xl-4 col-lg-4">
+        <div class="home-card">
+          <a href="/minibas/">
+            <img src="/pix/homecard_bitsy_bye.png">
+          </a>
+          <div class="home-card-content">
+            <h2><a href="/minibas">MiniBas</a></h2>
+            <p><li>This tiny program can be used instead of Basic.System</li><li>NOT a BASIC interpreter but a ProDOS wedge for BASIC</li><li>Requires only 1 block on disk vs 21 blocks for Basic.System</li><li>Loads and runs Binary and Basic programs launched by <a href="/bitsy-bye">Bitsy Bye</a></li></p>
+            <a href="/minibas/" class="btn btn-secondary" role="button" aria-pressed="true">More about MiniBas</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

_layouts/page.html

@@ -0,0 +1,21 @@
+---
+layout: default
+---
+
+<div class="container-full page-banner-background">
+  <div class="container page-banner">
+    <h1>{{ page.title }}</h1>
+  </div>
+</div>
+
+<div class="container-full page-background">
+  <div class="container">
+    <div class="page">
+      <div class="row">
+        <!-- div class="col-xl-5 col-lg-5 col-md-12 col-sm-12" -->
+          {{ content }}
+        <!-- /div -->
+      </div>
+    </div>
+  </div>
+</div>