Merge pull request #3 from KevinAst/next3

publish: v1.2.0 eatery-nod-w

MyPage/css/myStyle.css

@@ -240,3 +240,30 @@ a.more {
     padding: 0 100px 20px 20px;
   }
 }
+
+/* KJB: my implementation of table-based Description Lists (which is less vulnerable to sizing) */
+/* tl: table list */
+.tl table, .tl tr, .tl td {
+  border-style: solid;
+  border-width: 1px;
+  border:       none; /* disable all borders */
+}
+.tl {
+  border-collapse: collapse;
+  border-spacing:  0;
+}
+.tl td {
+  padding:     1px 10px;
+  overflow:    hidden;
+  word-break:  normal;
+}
+.tl .tl-term {
+  font-weight:    bold;
+  text-align:     left;
+  vertical-align: top;
+  white-space:    nowrap;
+}
+.tl .tl-def {
+  text-align:     left;
+  vertical-align: top;
+}

MyPage/index.html

@@ -559,6 +559,32 @@ <h3 class="text-white mb-5">Articles</h3>
 
         <div class="row"> <!-- sub-category grouping -->
 
+          <!-- feature-u Teaser -->
+          <div class="col-md-4 mb-3 mb-md-0">
+            <div class="card py-4 h-100">
+              <div class="card-body text-center">
+                <i class="fas fa-envelope text-primary mb-2"></i>
+                <br/>
+                <a href="http://bit.ly/feature-u-teaser" target="_blank">feature-u Teaser</a>
+                <hr class="my-4">
+                <div class="small text-black-50">Introducing feature-u: Are you using features in your project?</div>
+              </div>
+            </div>
+          </div>
+
+          <!-- feature-u Concepts (V1) -->
+          <div class="col-md-4 mb-3 mb-md-0">
+            <div class="card py-4 h-100">
+              <div class="card-body text-center">
+                <i class="fas fa-envelope text-primary mb-2"></i>
+                <br/>
+                <a href="http://bit.ly/feature-u-article" target="_blank">feature-u Concepts (V1)</a>
+                <hr class="my-4">
+                <div class="small text-black-50">Unleash the Power of Feature Based JS Development - with feature-u V1</div>
+              </div>
+            </div>
+          </div>
+
           <!-- feature-u Intro (V0) -->
           <div class="col-md-4 mb-3 mb-md-0">
             <div class="card py-4 h-100">
@@ -567,11 +593,17 @@ <h3 class="text-white mb-5">Articles</h3>
                 <br/>
                 <a href="http://bit.ly/feature-u" target="_blank">feature-u Intro (V0)</a>
                 <hr class="my-4">
-                <div class="small text-black-50">Feature Based Project Organization for React</div>
+                <div class="small text-black-50">Feature-Based Development for React</div>
               </div>
             </div>
           </div>
 
+        </div> <!-- end of ... sub-category grouping -->
+
+        <br/> <!-- spacing  -->
+
+        <div class="row"> <!-- sub-category grouping -->
+
           <!-- Documenting Open Source Projects -->
           <div class="col-md-4 mb-3 mb-md-0">
             <div class="card py-4 h-100">
@@ -637,7 +669,7 @@ <h3 class="text-white mb-5">Open Source</h3>
 
         <!-- SUB-CATEGORY -->
         <p class="text-white">
-          <i>Feature Based Project Organization ...</i>
+          <i>Feature-Based Development ...</i>
         <p>
 
         <div class="row"> <!-- sub-category grouping -->
@@ -650,7 +682,7 @@ <h3 class="text-white mb-5">Open Source</h3>
                 <br/>
                 <a href="https://feature-u.js.org" target="_blank">feature-u</a>
                 <hr class="my-4">
-                <div class="small text-black-50">Feature Based Project Organization for React</div>
+                <div class="small text-black-50">Feature-Based Development for React</div>
               </div>
             </div>
           </div>
@@ -773,6 +805,19 @@ <h3 class="text-white mb-5">Open Source</h3>
 
         <div class="row"> <!-- sub-category grouping -->
 
+          <!-- eatery-nod-w -->
+          <div class="col-md-4 mb-3 mb-md-0">
+            <div class="card py-4 h-100">
+              <div class="card-body text-center">
+                <i class="fab fa-github text-primary mb-2"></i>
+                <br/>
+                <a href="https://github.com/KevinAst/eatery-nod-w" target="_blank">eatery-nod-w</a>
+                <hr class="my-4">
+                <div class="small text-black-50">a Date Night Random Restaurant Selector <i>(a Progressive Web App - PWA)</i></div>
+              </div>
+            </div>
+          </div>
+
           <!-- eatery-nod -->
           <div class="col-md-4 mb-3 mb-md-0">
             <div class="card py-4 h-100">