New Combat modules article

lionel-panhaleux · Dec 27, 2024 · a65605f · a65605f
1 parent 13514f6
commit a65605f
Show file tree

Hide file tree

Showing 4 changed files with 2,816 additions and 1 deletion.
diff --git a/codex_of_the_damned/navigation.py b/codex_of_the_damned/navigation.py
@@ -105,6 +105,7 @@ def walk(self, path=None, top=None, ante=None, post=None):
                                 Nav(lazy_gettext("The Game of the Game")),
                                 Nav(lazy_gettext("Playing Montano Baltimore Purge")),
                                 Nav(lazy_gettext("Playing Tupdogs & Nephandus")),
+                                Nav(lazy_gettext("Combat Modules")),
                             ],
                         ),
                     ],

diff --git a/codex_of_the_damned/static/css/base.css b/codex_of_the_damned/static/css/base.css
@@ -56,7 +56,8 @@ body {
     overflow-x: hidden;
 }
 
-span.icon {
+span.icon,
+a.icon {
     font-family: "FontAwesome";
     color: var(--color-gray-text);
     transition: opacity 0.2s ease-in-out;
@@ -357,6 +358,14 @@ article.columns h6 {
     text-align: center;
 }
 
+.column-3 h2,
+.column-3 h3,
+.column-3 h4,
+.column-3 h5,
+.column-3 h6 {
+    text-align: center;
+}
+
 .no-margin-top {
     margin-top: 0;
 }
@@ -366,6 +375,10 @@ article.columns h6 {
     display: flex;
 }
 
+.d-flex {
+    display: flex;
+}
+
 .illustration {
     margin: 0.5em 0 2em 0;
     text-align: center;
@@ -391,13 +404,19 @@ article.columns h6 {
 }
 
 .column-2>img,
+.column-3>img,
 .column-2-always>img,
 .column-4>img {
     width: 100%;
     display: flex;
     margin: 0.5em 0em;
 }
 
+.column-3 {
+    width: calc(var(--article-width) / 3 - 2px);
+    margin: 0.5em 0.5em 0.5em 0;
+}
+
 .column-2,
 .column-2-always {
     display: inline-block;
@@ -407,6 +426,18 @@ article.columns h6 {
     margin: 1em 0.5em;
 }
 
+.cards-band>img {
+    width: calc(var(--article-width) / 6 - 0.5em);
+    margin: 0;
+}
+
+.cards-band {
+    display: flex;
+    justify-content: center;
+    gap: 0.5em;
+    vertical-align: top;
+}
+
 table {
     border: 1px solid;
     border-spacing: 0;
@@ -555,6 +586,47 @@ div.author>p {
     width: 100%;
 }
 
+.ms-2 {
+    margin: 0 0 0 0.5em;
+}
+
+.badge-red {
+    background-color: #860d0d;
+    color: #ffe;
+    border-radius: 0.5em;
+    padding: 0.25em;
+    font-size: 0.75em;
+    font-weight: bold;
+}
+
+.badge-orange {
+    background-color: #ad5b0a;
+    color: #ffe;
+    border-radius: 0.5em;
+    padding: 0.25em;
+    font-size: 0.75em;
+    font-weight: bold;
+}
+
+.badge-yellow {
+    background-color: #ddd208;
+    color: #000;
+    border-radius: 0.5em;
+    padding: 0.25em;
+    font-size: 0.75em;
+    font-weight: bold;
+}
+
+.badge-blue {
+    background-color: #03a2d7;
+    color: #ffe;
+    border-radius: 0.5em;
+    padding: 0.25em;
+    font-size: 0.75em;
+    font-weight: bold;
+}
+
+
 div.promo {
     background: var(--color-author-back);
     border: 1px solid var(--color-author-border);