Generate books and move meta-information to bottom of pattern

sddevelopment-be · Sep 18, 2024 · d0ec99f · d0ec99f
1 parent 66f6923
commit d0ec99f
Show file tree

Hide file tree

Showing 28 changed files with 103 additions and 70 deletions.
diff --git a/content/en/books/0628f537-6527-4722-93d9-5b765b4c339d.md b/content/en/books/0628f537-6527-4722-93d9-5b765b4c339d.md
@@ -1,5 +1,5 @@
 +++
-title = "Design Patterns: Elements of Reusable Object-Oriented Software"
+title = "Design Patterns"
 id = "0628f537-6527-4722-93d9-5b765b4c339d"
 tags = ["programming", "refactoring", "patterns", "readability"]
 levels = ["intermediate", "reference"]

diff --git a/content/en/books/0b0d7895-af87-4564-881f-501cb38c5e7a.md b/content/en/books/0b0d7895-af87-4564-881f-501cb38c5e7a.md
@@ -1,5 +1,5 @@
 +++
-title = "Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones"
+title = "Atomic Habits"
 id = "0b0d7895-af87-4564-881f-501cb38c5e7a"
 tags = ["productivity", "goals", "habits", "efficiency", "time management", "efficiency"]
 levels = ["novice"]

diff --git a/content/en/books/0f2f6abd-b13c-4a35-b2f1-e9d29f1c784f.md b/content/en/books/0f2f6abd-b13c-4a35-b2f1-e9d29f1c784f.md
@@ -1,5 +1,5 @@
 +++
-title = "New Programmer's Survival Manual: Navigate Your Workplace, Cube Farm, or Startup"
+title = "New Programmer's Survival Manual"
 id = "0f2f6abd-b13c-4a35-b2f1-e9d29f1c784f"
 tags = ["career", "corporate"]
 levels = ["novice"]

diff --git a/content/en/books/0f300fe5-075d-4add-91d8-605ae5823450.md b/content/en/books/0f300fe5-075d-4add-91d8-605ae5823450.md
@@ -1,5 +1,5 @@
 +++
-title = "Succeeding with Agile: Software Development Using Scrum"
+title = "Succeeding with Agile"
 id = "0f300fe5-075d-4add-91d8-605ae5823450"
 tags = []
 levels = []

diff --git a/content/en/books/2930d42d-e7cf-4ea5-a6f3-eceb5b9a5fc1.md b/content/en/books/2930d42d-e7cf-4ea5-a6f3-eceb5b9a5fc1.md
@@ -1,5 +1,5 @@
 +++
-title = "Modern Software Engineering: Doing What Works to Build Better Software Faster"
+title = "Modern Software Engineering"
 id = "2930d42d-e7cf-4ea5-a6f3-eceb5b9a5fc1"
 tags = ["testing", "efficiency", "architecture", "programming"]
 levels = ["intermediate", "reference"]

diff --git a/content/en/books/45e61f6c-bc4e-44f8-ad6d-500fb8b01447.md b/content/en/books/45e61f6c-bc4e-44f8-ad6d-500fb8b01447.md
@@ -0,0 +1,7 @@
++++
+title = "Helping"
+id = "45e61f6c-bc4e-44f8-ad6d-500fb8b01447"
+tags = ["consultancy", "communication", "effectiveness", "relationships", "advice", "corporate"]
+levels = ["beginner", "reference"]
+draft = false
++++
diff --git a/content/en/books/49109152-09f1-4d31-aef3-d244598bd2f4.md b/content/en/books/49109152-09f1-4d31-aef3-d244598bd2f4.md
@@ -1,5 +1,5 @@
 +++
-title = "A Common-Sense Guide to Data Structures and Algorithms: Level Up Your Core Programming Skills"
+title = "A Common-Sense Guide to Data Structures and Algorithms"
 id = "49109152-09f1-4d31-aef3-d244598bd2f4"
 tags = []
 levels = ["novice", "reference"]

diff --git a/content/en/books/4b22b149-3d53-40ec-bb84-ecabda4528ab.md b/content/en/books/4b22b149-3d53-40ec-bb84-ecabda4528ab.md
@@ -1,5 +1,5 @@
 +++
-title = "The Five Dysfunctions of a Team: A Leadership Fable"
+title = "The Five Dysfunctions of a Team"
 id = "4b22b149-3d53-40ec-bb84-ecabda4528ab"
 tags = ["team dynamics", "leadership", "corporate", "management"]
 levels = ["intermediate"]

diff --git a/content/en/books/628b3d06-4524-4ce1-9044-c595b2a492f1.md b/content/en/books/628b3d06-4524-4ce1-9044-c595b2a492f1.md
@@ -1,5 +1,5 @@
 +++
-title = "The Secrets of Consulting: A Guide to Giving and Getting Advice Successfully"
+title = "The Secrets of Consulting"
 id = "628b3d06-4524-4ce1-9044-c595b2a492f1"
 tags = ["communication", "corporate", "consulting", "career"]
 levels = ["advanced", "niche"]

diff --git a/content/en/books/63d02dd1-135f-4e3e-af7b-b2e6f4dbb5e3.md b/content/en/books/63d02dd1-135f-4e3e-af7b-b2e6f4dbb5e3.md
@@ -1,5 +1,5 @@
 +++
-title = "Agile Conversations: Transform Your Conversations, Transform Your Culture"
+title = "Agile Conversations"
 id = "63d02dd1-135f-4e3e-af7b-b2e6f4dbb5e3"
 tags = ["communication", "directed learning", "conflict"]
 levels = ["intermediate", "niche"]

diff --git a/content/en/books/644de556-142a-42d7-8b86-1b513b320af6.md b/content/en/books/644de556-142a-42d7-8b86-1b513b320af6.md
@@ -1,5 +1,5 @@
 +++
-title = "Clean Code: A Handbook of Agile Software Craftsmanship"
+title = "Clean Code"
 id = "644de556-142a-42d7-8b86-1b513b320af6"
 tags = ["programming", "readability", "refactoring", "patterns"]
 levels = ["novice", "reference"]

diff --git a/content/en/books/6a18e90d-4b11-488d-839f-6e6223c5955f.md b/content/en/books/6a18e90d-4b11-488d-839f-6e6223c5955f.md
@@ -1,5 +1,5 @@
 +++
-title = "The Mythical Man-Month: Essays on Software Engineering, Anniversary Edition"
+title = "The Mythical Man-Month"
 id = "6a18e90d-4b11-488d-839f-6e6223c5955f"
 tags = ["time management", "management", "corporate"]
 levels = ["intermediate", "reference"]

diff --git a/content/en/books/77fd967c-fe5b-4095-a36b-7e6d0ecbb33e.md b/content/en/books/77fd967c-fe5b-4095-a36b-7e6d0ecbb33e.md
@@ -1,5 +1,5 @@
 +++
-title = "Getting Things Done: The Art of Stress-Free Productivity"
+title = "Getting Things Done"
 id = "77fd967c-fe5b-4095-a36b-7e6d0ecbb33e"
 tags = ["productivity", "prioritization", "goals", "organizing"]
 levels = ["novice"]

diff --git a/content/en/books/8572443d-2c27-462a-b9d7-839dd6e4d58b.md b/content/en/books/8572443d-2c27-462a-b9d7-839dd6e4d58b.md
@@ -1,5 +1,5 @@
 +++
-title = "The Pragmatic Programmer, 20th Anniversary Edition: your journey to mastery"
+title = "The Pragmatic Programmer, 20th Anniversary Edition"
 id = "8572443d-2c27-462a-b9d7-839dd6e4d58b"
 tags = ["mindset", "organizing", "corporate", "readability"]
 levels = ["intermediate", "mixed"]

diff --git a/content/en/books/8c0ad1c1-419f-475b-b763-02aa22e93641.md b/content/en/books/8c0ad1c1-419f-475b-b763-02aa22e93641.md
@@ -1,5 +1,5 @@
 +++
-title = "Lessons Learned in Software Testing: A Context-Driven Approach"
+title = "Lessons Learned in Software Testing"
 id = "8c0ad1c1-419f-475b-b763-02aa22e93641"
 tags = []
 levels = []

diff --git a/content/en/books/93c3d298-690e-48b5-8140-b34ce90c2083.md b/content/en/books/93c3d298-690e-48b5-8140-b34ce90c2083.md
@@ -1,5 +1,5 @@
 +++
-title = "Extreme Programming Explained: Embrace Change"
+title = "Extreme Programming Explained"
 id = "93c3d298-690e-48b5-8140-b34ce90c2083"
 tags = ["programming", "testing", "test-driven", "team dynamics", "efficiency"]
 levels = ["intermediate", "reference"]

diff --git a/content/en/books/9d8ff83e-f49a-4c7c-8e40-e34ac63e2792.md b/content/en/books/9d8ff83e-f49a-4c7c-8e40-e34ac63e2792.md
@@ -1,5 +1,5 @@
 +++
-title = "Refactoring: Improving the Design of Existing Code"
+title = "Refactoring"
 id = "9d8ff83e-f49a-4c7c-8e40-e34ac63e2792"
 tags = ["programming", "refactoring", "patterns", "readability"]
 levels = ["novice", "mixed", "reference"]

diff --git a/content/en/books/a32510dd-068d-4072-8b68-cce120864a64.md b/content/en/books/a32510dd-068d-4072-8b68-cce120864a64.md
@@ -1,5 +1,5 @@
 +++
-title = "Team Topologies: Organizing Business and Technology Teams for Fast Flow"
+title = "Team Topologies"
 id = "a32510dd-068d-4072-8b68-cce120864a64"
 tags = ["management", "communication", "structure", "team dynamics", "architecture"]
 levels = ["advanced", "reference"]

diff --git a/content/en/books/a688ad2e-beb4-4b84-ad38-e64f523a33d8.md b/content/en/books/a688ad2e-beb4-4b84-ad38-e64f523a33d8.md
@@ -1,5 +1,5 @@
 +++
-title = "The 7 Habits of Highly Effective People: Powerful Lessons in Personal Change"
+title = "The 7 Habits of Highly Effective People"
 id = "a688ad2e-beb4-4b84-ad38-e64f523a33d8"
 tags = ["productivity", "goals", "prioritization", "time management", "organizing"]
 levels = ["mixed", "novice", "intermediate"]

diff --git a/content/en/books/b6727fa2-6deb-4080-a440-9697ec3d20e3.md b/content/en/books/b6727fa2-6deb-4080-a440-9697ec3d20e3.md
@@ -1,5 +1,5 @@
 +++
-title = "Behind Closed Doors: Secrets of Great Management"
+title = "Behind Closed Doors"
 id = "b6727fa2-6deb-4080-a440-9697ec3d20e3"
 tags = ["communication", "corporate", "management", "leadership", "team dynamics"]
 levels = ["intermediate"]

diff --git a/content/en/books/c109d804-57a4-4acf-8c80-47a88eb6df85.md b/content/en/books/c109d804-57a4-4acf-8c80-47a88eb6df85.md
@@ -1,5 +1,5 @@
 +++
-title = "Nonviolent Communication: A Language of Life"
+title = "Nonviolent Communication"
 id = "c109d804-57a4-4acf-8c80-47a88eb6df85"
 tags = ["communication", "empathy", "team dynamics", "conflict"]
 levels = ["novice"]

diff --git a/content/en/books/d33fc09e-39c6-411e-a70e-2ca98375abd6.md b/content/en/books/d33fc09e-39c6-411e-a70e-2ca98375abd6.md
@@ -1,5 +1,5 @@
 +++
-title = "Pragmatic Thinking and Learning: Refactor Your wetware"
+title = "Pragmatic Thinking and Learning"
 id = "d33fc09e-39c6-411e-a70e-2ca98375abd6"
 tags = ["mindset", "directed learning", "reflection", "efficiency", "prioritization"]
 levels = ["novice"]

diff --git a/content/en/books/e15a25a0-6c08-4b78-b593-ca54eea8cce2.md b/content/en/books/e15a25a0-6c08-4b78-b593-ca54eea8cce2.md
@@ -1,5 +1,5 @@
 +++
-title = "Design It: From Programmer to Software Architect"
+title = "Design It"
 id = "e15a25a0-6c08-4b78-b593-ca54eea8cce2"
 tags = ["architecture", "trade-off", "documentation", "readability"]
 levels = ["advanced", "reference"]

diff --git a/content/en/books/f537c66d-38e8-40cc-aa94-81880f270475.md b/content/en/books/f537c66d-38e8-40cc-aa94-81880f270475.md
@@ -1,5 +1,5 @@
 +++
-title = "Get Better at Anything: 12 Maxims for Mastery"
+title = "Get Better at Anything"
 id = "f537c66d-38e8-40cc-aa94-81880f270475"
 tags = ["productivity", "goals", "strategic learning", "efficiency", "thinking"]
 levels = ["novice", "reference"]

diff --git a/content/en/books/faf35830-29af-4957-8ad1-0d37d6bd60db.md b/content/en/books/faf35830-29af-4957-8ad1-0d37d6bd60db.md
@@ -1,5 +1,5 @@
 +++
-title = "Drive: The Surprising Truth About What Motivates Us"
+title = "Drive"
 id = "faf35830-29af-4957-8ad1-0d37d6bd60db"
 tags = []
 levels = ["novice"]

diff --git a/layouts/partials/pattern.html b/layouts/partials/pattern.html
@@ -28,6 +28,49 @@ <h2 class="subtitle is-4 is-muted">{{ .Params.Subtitle }}</h2>
         </div>
 
         {{ end }}
+    </div>
+</section>
+
+<section class="section is-medium main">
+    <div class="container">
+        <div class="content pattern">
+            {{ .Content }}
+        </div>
+
+        <details class="content pattern related">
+            <summary>References and Related Patterns</summary>
+            <div class="related-content">
+                {{ if $further_exploration }}
+                <h2>Further Exploration</h2>
+
+                {{ partial "references.html" . }}
+
+                {{ end }}
+                {{ if $relatedConcepts }}
+                <h2>Related Concepts</h2>
+                <ul>
+                    {{ range where .Site.Pages ".Params.Uuid" "in" $relatedConcepts }}
+                    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>: {{ .Description }}</li>
+                    {{ end }}
+                </ul>
+                {{ end }}
+                {{ if $relatedPatterns }}
+                <h2>Related Patterns</h2>
+                <ul>
+                    {{ range where .Site.Pages ".Params.Uuid" "in" $relatedPatterns }}
+                    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>: {{ .Description }}</li>
+                    {{ end }}
+                </ul>
+                {{ end }}
+            </div>
+        </details>
+    </div>
+
+    {{ partial "sidebar.html" .}}
+</section>
+
+<section class="cutout">
+    <div class="pattern-summary">
         <div class="summary-wrapper" >
             <div class="summary-item">
                 <span class="summary-title">UUID:</span>
@@ -90,42 +133,4 @@ <h2 class="subtitle is-4 is-muted">{{ .Params.Subtitle }}</h2>
             {{ end }}
         </div>
     </div>
-</section>
-
-<section class="section is-medium main">
-    <div class="container">
-        <div class="content pattern">
-            {{ .Content }}
-        </div>
-
-        <details class="content pattern related">
-            <summary>References and Related Patterns</summary>
-            <div class="related-content">
-                {{ if $further_exploration }}
-                <h2>Further Exploration</h2>
-
-                {{ partial "references.html" . }}
-
-                {{ end }}
-                {{ if $relatedConcepts }}
-                <h2>Related Concepts</h2>
-                <ul>
-                    {{ range where .Site.Pages ".Params.Uuid" "in" $relatedConcepts }}
-                    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>: {{ .Description }}</li>
-                    {{ end }}
-                </ul>
-                {{ end }}
-                {{ if $relatedPatterns }}
-                <h2>Related Patterns</h2>
-                <ul>
-                    {{ range where .Site.Pages ".Params.Uuid" "in" $relatedPatterns }}
-                    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>: {{ .Description }}</li>
-                    {{ end }}
-                </ul>
-                {{ end }}
-            </div>
-        </details>
-    </div>
-
-    {{ partial "sidebar.html" .}}
 </section>
diff --git a/static/css/patterns.css b/static/css/patterns.css
@@ -329,6 +329,7 @@
 
 .pattern-summary {
     display: flex;
+    padding: 2.125rem;
     flex-shrink: 0;
     flex-flow: column nowrap;
     justify-content: start;
@@ -337,9 +338,7 @@
     background-image: linear-gradient(#fefefe, #fdfdfd);
     border-radius: 6px;
     border: 1px solid rgba(224, 205, 193, 0.99);
-    padding: 1.125rem;
     scroll-snap-align: start;
-    float: right;
     margin: 0.25rem 0.25rem 3rem 4.5rem;
 }
 
@@ -363,6 +362,7 @@
     justify-content: center;
     align-content: center;
     margin-bottom: 0.5rem;
+    text-align: center;
 }
 
 .card-image img {
@@ -524,11 +524,9 @@
     }
 
     .pattern-summary {
-        float: none;
         display: block;
         width: 100%;
         margin: 0;
-        padding: 3rem 3rem 0rem;
         background: linear-gradient(rgba(11, 28, 42, 0.9), rgba(1, 13, 24, 0.95)), url("/images/tiles.webp") repeat;
         border: 0;
         border-bottom: 2px solid #030303;
@@ -681,7 +679,7 @@
 @media (max-width: 1024px) {
     .pattern-summary {
         width: 100%;
-        padding: 0;
+        padding: 0.25rem;
         margin: 0;
         flex-shrink: 0;
         float: none;
@@ -721,6 +719,12 @@
         position: relative;
     }
 
+    .card-image picture {
+        max-width: 10.5rem;
+        max-height: 10.5rem;
+        position: relative;
+    }
+
     .pattern-summary .summary-item {
         margin: 1.75rem 0.25rem 0.75rem 0.5rem;
         padding-left: 0.5rem;
@@ -868,9 +872,16 @@
 
 .comments {
     background: #fefefe;
-    margin-top: -1.5rem;
     padding-top: 1.75rem;
-    border-top: 1px dashed #f39200;
+    margin-top: 1.25rem;
+    padding-left: 8rem;
+}
+
+@media(max-width: 1024px) {
+    .comments {
+        padding-left: 0.75rem;
+        padding-right: 0.75rem;
+    }
 }
 
 .related {
@@ -921,4 +932,14 @@
 
 .pattern h2, h3, h4 {
     margin-bottom: 0.75em;
+}
+
+.cutout {
+    border-bottom: 2px solid #f39200;
+    border-top: 2px solid #f39200;
+
+    .pattern-summary {
+        border-bottom: 4px solid #0b1a25;
+        border-top: 4px solid #0b1a25;
+    }
 }