Added run targets, Added backgrounds section

Update Compile.run.xml, Setup.run.xml, and 7 more files...

.run/Compile.run.xml

@@ -0,0 +1,17 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="Compile" type="ShConfigurationType">
+    <option name="SCRIPT_TEXT" value="" />
+    <option name="INDEPENDENT_SCRIPT_PATH" value="false" />
+    <option name="SCRIPT_PATH" value="$PROJECT_DIR$/compile.cmd" />
+    <option name="SCRIPT_OPTIONS" value="" />
+    <option name="INDEPENDENT_SCRIPT_WORKING_DIRECTORY" value="true" />
+    <option name="SCRIPT_WORKING_DIRECTORY" value="$PROJECT_DIR$" />
+    <option name="INDEPENDENT_INTERPRETER_PATH" value="true" />
+    <option name="INTERPRETER_PATH" value="" />
+    <option name="INTERPRETER_OPTIONS" value="" />
+    <option name="EXECUTE_IN_TERMINAL" value="true" />
+    <option name="EXECUTE_SCRIPT_FILE" value="true" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

.run/Setup.run.xml

@@ -0,0 +1,17 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="Setup" type="ShConfigurationType">
+    <option name="SCRIPT_TEXT" value="" />
+    <option name="INDEPENDENT_SCRIPT_PATH" value="false" />
+    <option name="SCRIPT_PATH" value="$PROJECT_DIR$/setup.cmd" />
+    <option name="SCRIPT_OPTIONS" value="" />
+    <option name="INDEPENDENT_SCRIPT_WORKING_DIRECTORY" value="true" />
+    <option name="SCRIPT_WORKING_DIRECTORY" value="$PROJECT_DIR$" />
+    <option name="INDEPENDENT_INTERPRETER_PATH" value="true" />
+    <option name="INTERPRETER_PATH" value="" />
+    <option name="INTERPRETER_OPTIONS" value="" />
+    <option name="EXECUTE_IN_TERMINAL" value="true" />
+    <option name="EXECUTE_SCRIPT_FILE" value="true" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

htdocs/index.php

@@ -94,6 +94,9 @@
     <!-- Horizontal Rulers -->
     <?php include("./parts/horizontal_rulers.php"); ?>
 
+    <!-- Backgrounds -->
+    <?php include("./parts/backgrounds.php"); ?>
+
     <!-- Buttons -->
     <?php include("./parts/buttons.php"); ?>
 </main>

htdocs/parts/backgrounds.php

@@ -0,0 +1,67 @@
+<?php
+// Making sure the file is included and not accessed directly.
+if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
+	header('HTTP/1.1 403 Forbidden'); die();
+}
+?>
+
+<a id="backgrounds"></a>
+<div class="p-xs b r-s bkgd-grid mt-m">
+    <h2 class="t-w-500 t-size-14">Backgrounds
+        <i class="fa-solid fa-paint-roller f-right"></i>
+        </h2>
+</div>
+<section class="p-s">
+
+    <h3 class="t-w-500 t-size-12 mb-xs mt-xxs">Simple colors</h3>
+    <div class="grid col-3 grid-gap-l px-s">
+        <div>
+            <div class="p-l border rb-s bkgd-dark my-xs"></div>
+            <span class="code mb-s">.bkgd-dark</span>
+        </div>
+        <div>
+            <div class="p-l border r-s bkgd-grey my-xs"></div>
+            <span class="code mb-s">.bkgd-grey</span>
+            <span class="code mb-s">.bkgd-gray</span>
+        </div>
+        <div>
+            <div class="p-l border r-s bkgd-light my-xs"></div>
+            <span class="code mb-s">.bkgd-light</span>
+        </div>
+    </div>
+
+    <h3 class="t-w-500 t-size-12 my-s mt-l">Grid backgrounds</h3>
+    <div class="grid col-2 grid-gap-l px-s">
+        <div>
+            <p class="t-w-500">Grid (40% opacity)</p>
+            <div class="p-l border r-s bkgd-grid40 my-xs"></div>
+            <span class="code">.bkgd-grid40</span>
+            <span class="code">.bkgd-grid</span>
+        </div>
+        <div>
+            <p class="t-w-500">Math (30% opacity)</p>
+            <div class="p-l border r-s bkgd-grid30 my-xs"></div>
+            <span class="code">.bkgd-grid30</span>
+        </div>
+        <div>
+            <p class="t-w-500">Math (20% opacity)</p>
+            <div class="p-l border r-s bkgd-grid20 my-xs"></div>
+            <span class="code">.bkgd-grid20</span>
+        </div>
+        <div>
+            <p class="t-w-500">Surround (10% opacity)</p>
+            <div class="p-l border r-s bkgd-grid10 my-xs"></div>
+            <span class="code">.bkgd-grid10</span>
+            <span class="code">.bkgd-surround</span>
+        </div>
+    </div>
+
+    <h3 class="t-w-500 t-size-12 my-s mt-l">Other backgrounds</h3>
+    <div class="grid col-3 grid-gap-l px-s">
+        <div>
+            <p class="t-w-500">Transparent</p>
+            <div class="p-l border r-s bkgd-transparent my-xs"></div>
+            <span class="code">.bkgd-transparent</span>
+        </div>
+    </div>
+</section>

htdocs/parts/sidebar.php

@@ -103,6 +103,13 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
 
     <hr class="subtle">
 
+    <a class="a-hidden" href="#backgrounds">
+        <p class="t-size-18 t-w-500 py-xs sidebar-entry">
+            <i class="fa-solid fa-paint-roller pr-xs t-size-12 t-half-muted"></i>
+            <span class="t-size-12">Backgrounds</span>
+        </p>
+    </a>
+
     <a class="a-hidden" href="#buttons">
         <p class="t-size-18 t-w-500 py-xs sidebar-entry">
             <i class="fa-solid fa-stop pr-xs t-size-12 t-half-muted"></i>

scss/site/backgrounds.scss

@@ -2,30 +2,38 @@
 
 /* Site > Misc > Backgrounds */
 
-.bkgd-blank {
+.bkgd-dark {
 	background: #{$color-background-main-headings};
 }
 
+.bkgd-grey, .bkgd-gray {
+	background: mix($color-background-main, $color-background-surround, 50%);
+}
+
+.bkgd-light {
+	background: $color-background-main;
+}
+
 // The element rules override rules in `base.scss ~94`
-.bkgd-surround, header, nav, footer {
+.bkgd-grid10, .bkgd-surround, header, nav, footer {
 	//background: #{$color-background-surround};
 	background: #{$color-background-surround} url("#{$nibblepoker-background-root}/3px-tile-0.1.png") repeat scroll center center;
 }
 
-.bkgd-blank-dark {
+.bkgd-grid20 {
-	background: mix($color-background-main, $color-background-surround, 50%);
-}
-
-.bkgd-grid {
-	background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.4.png") repeat scroll center center;
-}
-
-.bkgd-squares {
-	background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/bright-squares-p100-0.125.png") repeat scroll center center;
-}
-
-.bkgd-math {
 	//background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/old-mathematics-v2-0.25.png") repeat scroll center center;
 	// FIXME: Fix the code using this class !!!
 	background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.2.png") repeat scroll center center;
 }
+
+.bkgd-grid30 {
+	background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.3.png") repeat scroll center center;
+}
+
+.bkgd-grid40, .bkgd-grid {
+	background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.4.png") repeat scroll center center;
+}
+
+.bkgd-transparent {
+	background: rgba(0, 0, 0, 0);
+}