Update website design

- Updated frameworks for better browser support
- Improved responsive design
- Versioned documentation
- Better social media support via the Jekyll SEO plugin
- New looks, fwiw
- Start page has some more relevant info
- Documentation sorted to be more easily accessible
- Internally upgraded from plain CSS to SASS

css/boxes.css

@@ -1,145 +0,0 @@
-body {
-    font-size: 1.6em;
-}
-
-div.footer {
-    max-height: 33px;
-    padding-top: 2px;
-    font-size: 12px;
-    line-height: 1.1em;
-}
-
-.well {
-    padding-top: 0;
-}
-
-.bxsample div {
-    display: table;
-    margin: 0;
-    padding: 0;
-}
-.bxsample pre {
-    margin: 0;
-    padding: 0;
-    overflow: visible;
-    border: 0;
-}
-
-.bxpage h1 {
-    color: black;
-    font-size: 28px;
-    font-weight: bold;
-}
-.bxpage h2 {
-    color: black;
-    font-size: 22px;
-    font-weight: bold;
-    padding-top: 0.5em;
-    border-top: 1px solid darkgray;
-}
-.bxpage h3{
-    color: black;
-    font-size: 18px;
-    font-weight: bold;
-}
-.bxpage dd {
-    margin-left: 2em;
-}
-.bxpage pre {
-    border: 0;
-    background-color: white;
-}
-.row .col-md-9 .bxpage {
-    margin-bottom: 0;
-}
-
-.bxpage table {
-    border: 0;
-    border-collapse: collapse;
-    margin: 1em 0;
-}
-.bxpage table th, .bxpage table td {
-    text-align: left;
-    vertical-align: top;
-    padding: 0.3em 0.7em;
-    border-right: 2px solid #F5F5F5;
-    border-bottom: 3px solid #F5F5F5;
-}
-.bxpage table th {
-    font-weight: bold;
-    background-color: white;
-}
-.bxpage table tr:nth-child(odd) {
-    background-color: #eeeeee;
-}
-.bxpage table tr:nth-child(even) {
-    background-color: white;
-}
-
-p code, li code {  /* also outside of bxpages */
-    color: black;
-    background-color: #ffffdc;
-}
-p pre code, li pre code {
-    background-color: transparent;
-}
-blockquote {
-    font-size: 1em;
-    font-weight: normal;
-    font-style: italic;
-}
-
-.atmention a {  /* at-mentions of github users, e.g. @tsjensen */
-    color: inherit;
-}
-
-pre {
-    line-height: 100%;
-    word-wrap: normal; /* prevent contents of pre areas from line wrapping */
-}
-pre code {
-    white-space: pre; /* prevent contents of pre areas from line wrapping */
-}
-
-a.bxOffsetAnchor { /* used to prevent anchors from being obscured by the fixed header */
-    display: block;
-    position: relative;
-    top: -60px;
-    visibility: hidden;
-}
-
-div.bxEmbedContainer {
-    max-width: 512px;
-}
-
-.img-shad {
-    margin-top: 10px;
-    -moz-box-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6);
-    -webkit-box-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6);
-    box-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6);
-    margin-bottom: 4px;
-    margin-left: 3px;
-}
-
-.mark-hilite {
-    background-color: #e0ffe0;
-    border-radius: 3px;
-}
-
-div.bxLargeImageWrapper {
-    overflow-x: auto;
-    overflow-y: visible;
-    white-space: nowrap;
-    margin-bottom: 1em;
-}
-div.highlight {
-    white-space: pre;
-    word-wrap: normal;
-    overflow-x: auto;
-    overflow-y: visible;
-}
-div.highlight > pre, div.highlight > pre code {
-    white-space: pre !important;
-    word-break: keep-all;
-    word-wrap: normal;
-}

css/boxes.scss

@@ -0,0 +1,13 @@
+---
+# Front matter required for Jekyll to process this file
+---
+
+@import "overrides";
+
+@import "bootswatch-litera-4.6.0/variables";
+@import "bootstrap-4.6.0/bootstrap";
+@import "bootswatch-litera-4.6.0/bootswatch";
+
+@import "boxes";
+
+@import "perldoc";

css/theme.css

@@ -1,51 +0,0 @@
-body {
-    padding-top: 60px;
-    padding-bottom: 60px;
-}
-
-.copyright {
-    color: #ffffff;
-}
-
-.footer {
-    text-align: center;
-}
-
-.footer a {
-    color: #ee4444;
-}
-
-.sidebar h1 {
-    color: #ee4444;
-    font-size: 1.3em;
-}
-
-.sidebar a {
-    color: #428bca;
-}
-
-.sidebar li {
-    margin-top: .7em;
-    line-height: 1em;
-}
-
-.sidebar a:hover {
-    color: #3071a9;
-}
-
-.container-left {
-    margin: 0;
-}
-
-.well h1 {
-    color: #ee4444;
-    font-size: 1.3em;
-}
-
-.author {
-    color: #ee4444;
-}
-
-.author a {
-    color: #ee4444;
-}