docs: Improve home page

Organize CSS and Javascript files into directories, separating vendor
source code from home-grown.

Separate new properties and selectors in Bootstrap CSS (already edited
for Hugo) from:
1. Original property values; and
2. Changed property values.

For the home page:

1. Clarify the English text;
2. Add some element names to classes in CSS selectors (to speed loading);
3. Document the Owl Carousel and Highlight.js versions;
4. Add Owl Carousel's license;
5. Restore HTML comments to browser source views;
6. Make the beginning GitHub button transparent on focus (like the others);

7. For the final, colored Twitter and Github buttons:
  a. Remove the dotted box on focus; and
  b. Color them green on active.

8. To increase (layout/) source readability:
  a. Place `class` attributes before `href` attributes;
  b. In `class` attributes, place more-specific class names before
     less-specific; and
  c. Comment the beginnings and ends of Bootstrap rows.

9. To increase understandability during development:
  a. Document the meaning of CSS file, `HPstyles` by renaming it to
     `home-page-style`;
  b. Move inline styling to CSS stylesheets;
  c. Separate @media queries to a file;
  d. Separate the inline Owl Carousel custom Javascript to a file;
  e. Use regular Owl Carousel CSS files instead of minified ones; and
  f. Rename the wide, landscape desk background image filename from
     `desk-long` to `desk-wide`.

1 files changed, 65 insertions, 0 deletions

diff --git a/docs/static/css/bootstrap-additions-gohugo.css b/docs/static/css/bootstrap-additions-gohugo.css
new file mode 100644
index 000000000..4128f3b8c
--- /dev/null
+++ b/docs/static/css/bootstrap-additions-gohugo.css
@@ -0,0 +1,65 @@
+/*!
+ * Bootstrap for http://gohugo.io/
+ * additional property-value pairs, for selectors already in Bootstrap;
+ * also, additional Bootstrap-like selectors
+ *
+ * Keep all such property additions to Bootstrap v3.3.6 here.
+ *
+ * Here, maintain the same order as the original Bootstrap file.
+ *
+ * Keep any additional Bootstrap-like selectors at the bottom.
+ *
+ * Copyright 2013-2016 Steve Francia and the Hugo Authors
+ *
+ * Based on 'dist/css/bootstrap.css' from:
+ *
+ * Bootstrap v3.3.6 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.btn {
+  -webkit-transition: all 0.15s;
+     -moz-transition: all 0.15s;
+          transition: all 0.15s;
+}
+.btn-primary:focus,
+.btn-primary:active,
+.btn-success:focus,
+.btn-success:active,
+.btn-info:focus,
+.btn-info:active {
+  background-color: transparent;
+}
+.btn-default:hover,
+.btn-default:active,
+.btn-primary:hover,
+.btn-primary:active,
+.btn-success:hover,
+.btn-success:active,
+.btn-info:hover,
+.btn-info:active {
+  outline: none;
+}
+
+/* additional Bootstrap-like selectors */
+
+.btn-repo {
+  border-color: black;
+  background-color: rgba(30, 30, 30, 0.8);
+  color: white;
+}
+.btn-repo:focus,
+.btn-repo:active {
+  color: black;
+}
+.btn-repo:hover {
+  background-color: aliceblue;
+}
+.btn-repo:focus,
+.btn-repo:active {
+  background-color: transparent;
+}
+.btn-repo:hover,
+.btn-repo:active {
+  outline: none;
+}