Decorate various tags

Unitl now, there were almost no decorations introduced to <code> and <a>
tags.

With this commit, the webpage gets a colorful soul.

2 files changed, 37 insertions, 15 deletions

diff --git a/css/base.css b/css/base.css
index f63afb1..825d6cf 100644
--- a/css/base.css
+++ b/css/base.css
@@ -3,7 +3,34 @@
 /* === UNIVERSAL PAGE GEOMETRY  === */
 body{
     background-color: #f9fafa; /* SNOW */
-    font-family: "Lato", Helvetica, Arial, sans-serif; /* web safe fonts */
+    font-family: "Lato", Helvetica, Arial, sans-serif;
+}
+
+code{
+    font-family: "FreeMono", Monaco, monospace;
+}
+
+pre{
+    display: block;
+    background-color: #1C1E1D; /* EERIE BLACK */
+    overflow-x: auto;
+    width: 100%;
+    min-height: 3em;
+    padding-top: auto;
+    padding-bottom: auto;
+}
+
+pre code{
+    color: #FFA0DE; /* ORCHID (CRAYOLA) */
+}
+
+p code, li > code{
+    background-color: #E0E1E1; /* PLATINUM */
+    color: #1C1E1D; /* EERIE BLACK */
+}
+
+.comment{
+    color: #A3A5A5; /* QUICK SILVER */
 }
 
 #container{
@@ -19,9 +46,6 @@ body{
      * */
 }
 
-pre{
-    display: block;
-}
 /* === HEAD NAV === */
 
 nav li{
@@ -154,8 +178,6 @@ footer[role=contentinfo] h3{
     border-right: 1px solid #dcdfde;
 }
 
-
-
 /* === DECORATION CLASSES  === */
 
 .text-shadow{
diff --git a/index.html b/index.html
index 8dad4f1..c81b6f7 100755
--- a/index.html
+++ b/index.html
@@ -87,17 +87,17 @@
                     <h3>Start building your project in Maneage</h3>
                     <p>To start a new project, simply run these commands to clone it from its <a href="http://git.maneage.org/project.git">Git repository</a>.
                     <pre><code>
- git clone https://git.maneage.org/project.git     # Clone Maneage, default branch `maneage'.
- mv project my-project && cd my-project            # Set custom name and enter directory.
- git remote rename origin origin-maneage           # Rename remote server to use `origin' later.
- git checkout -b master                            # Make new `master' branch, start customizing.
+ git clone https://git.maneage.org/project.git     <span class="comment"># Clone Maneage, default branch `maneage'.</span>
+ mv project my-project && cd my-project            <span class="comment"># Set custom name and enter directory.</span>
+ git remote rename origin origin-maneage           <span class="comment"># Rename remote server to use `origin' later.</span>
+ git checkout -b master                            <span class="comment"># Make new `master' branch, start customizing.</span>
                     </code></pre>
                     </p>
                     <p>You are now ready to configure and make the raw template with the commands below.
                     If they are successful, you can start customizing it.
                     <pre><code>
- ./project configure    # Build all necessary software from source.
- ./project make         # Do the analysis (download data, run software on data, build PDF).
+ ./project configure    <span class="comment"># Build all necessary software from source.</span>
+ ./project make         <span class="comment"># Do the analysis (download data, run software on data, build PDF).</span>
                     </code></pre>
                     </p>
                     <p>See the <a href="https://gitlab.com/maneage/project/-/blob/maneage/README-hacking.md#customization-checklist">Customization Checklist</a> in the cloned <code>README-hacking.md</code> file for the next steps to start customizing Maneage for your project.
@@ -123,9 +123,9 @@
                             You only need to do this once and keep this for future fixes.
                         </li>
                         <li>Push your branch to that remote:
-                            <code style="display: block; padding-left: 3em">
-                                git push my-remote my-fix
-                            </code>
+                            <pre><code>
+ git push my-remote my-fix
+                            </code></pre>
                         </li>
                         <li>Submit a link to your fork and the corresponding branch <a href="http://savannah.nongnu.org/support/?func=additem&group=reproduce">on Savannah</a>.
                             If you are <a href="https://savannah.nongnu.org/account/register.php">registered on Savannah</a>, you can also submit it as <a href="https://savannah.nongnu.org/bugs/?func=additem&group=reproduce">a bug</a> or <a href="https://savannah.nongnu.org/task/?func=additem&group=reproduce">a task</a>.