From 11a67a5d46e45b6cc368b1157aef256444d5be53 Mon Sep 17 00:00:00 2001
From: atom-box <atom_box@hotmail.com>
Date: Mon, 6 Sep 2021 08:21:24 -0500
Subject: [PATCH] Add a line for Quilt.js

---
 helpers/quiltMain.js | 2 +-
 index.html           | 7 ++++---
 quilt.html           | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/helpers/quiltMain.js b/helpers/quiltMain.js
index 7d1d8aa..d875703 100644
--- a/helpers/quiltMain.js
+++ b/helpers/quiltMain.js
@@ -16,7 +16,7 @@ articles.forEach(element => {
     singleDiv = `<article style="background-color:${element.backgroundColor}; color: ${element.textColor};"><div class='gutters';>
     <div class="top-bottom-space"><div>
     <h2 >${element.title}</h2>
-    <p>Challenge: <br/>${element.question}</p>
+    <p>Challenge:</p><div class="white-box"><p>${element.question}</p></div>
     `;
     singleDiv += `<p>Solution:</p>`;
     singleDiv += `<div class="white-box" id="${element.title}">`;
diff --git a/index.html b/index.html
index 101851d..b3aaeab 100755
--- a/index.html
+++ b/index.html
@@ -47,9 +47,10 @@
     <h1 class="mt-5">Coding <a href="https://codingbat.com/python"> Bat</a></h1>
     <p class="lead">These are short projects to try out a specific concept.<br>like from #LeetCode or #100DaysOfCode.</p>
     <ul>
-    <li><a target="_blank" href="first-and-last.html">First Word, Last Word</a></li>
-    <li>Solve five <a target="_blank" href="solveSeven.html">coding </a>challenges.</li>    <li><a target="_blank" href="first-and-last.html">First Word, Last Word</a></li>
-    <li>Recursive implementation of SelectionSort.js: <a target="_blank" href="https://github.com/atom-box/codingBatJS/blob/master/selectionSort.js"> code </a> and <a target="_blank" href="https://github.com/atom-box/codingBatJS/blob/master/images/selectionSort.png">  screenshot</a> </li>
+        <li>Grab Bag I <a target="_blank" href="solveSeven.html">coding </a>challenges.</li>    <li><a target="_blank" href="first-and-last.html">First Word, Last Word</a></li>
+        <li>Grab Bag II <a target="_blank" href="https://atom-box.github.io/codingBatJS/quilt.html">coding </a>challenges.</li>    <li><a target="_blank" href="first-and-last.html">First Word, Last Word</a></li>
+        <li>Recursive implementation of SelectionSort.js: <a target="_blank" href="https://github.com/atom-box/codingBatJS/blob/master/selectionSort.js"> code </a> and <a target="_blank" href="https://github.com/atom-box/codingBatJS/blob/master/images/selectionSort.png">  screenshot</a> </li>
+        <li><a target="_blank" href="first-and-last.html">First Word, Last Word</a></li>
     <li><a target="_blank" href="clickableMaya.html">Maya Calendar</a> with image mapping</li>
     <li><a target="_blank" href="textSimilarity.html">How Similar Are Two Word Lists?</a> (for ShareRewards.com 10/9/2019)</li>
     <li><a target="_blank" href="sidelineES6.html">Scrollable ES6 Notes (very clunky; not smooth)</a></li>
diff --git a/quilt.html b/quilt.html
index b20a46f..4f3e6f2 100644
--- a/quilt.html
+++ b/quilt.html
@@ -118,7 +118,7 @@
         }
 
         .white-box {
-            border: white solid 0.2rem;
+            border: #ccc solid 0.08rem;
         }
 
         .stripe {