Updt grid spacing on latest posts

BradyPlanden · Nov 18, 2023 · 979063d · 979063d
1 parent 316cb1d
commit 979063d
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 32 deletions.
diff --git a/custom/__init__.py b/custom/__init__.py
@@ -1,8 +1,8 @@
 from mkdocs.plugins import BasePlugin
 import re
 
-class MyCustom(BasePlugin):
 
+class MyCustom(BasePlugin):
     def on_nav(self, nav, config, files):
         self.nav = nav
 
@@ -11,13 +11,17 @@ def on_nav(self, nav, config, files):
             page.read_source(config)
 
         def recent_pages():
-            #import ipdb; ipdb.set_trace()
-            return [page for page in self.nav.pages if page.parent \
-                    and re.match(r'\d{4}', page.parent.title)      \
-                    and 'image' in page.meta]
+            # import ipdb; ipdb.set_trace()
+            return [
+                page
+                for page in self.nav.pages
+                if page.parent
+                and re.match(r"\d{4}", page.parent.title)
+                and "image" in page.meta
+            ]
 
-        setattr(nav, 'recent_pages', recent_pages)
+        setattr(nav, "recent_pages", recent_pages)
         return nav
 
     def on_page_context(self, context, page, config, nav):
-        return context
+        return context
diff --git a/custom/__pycache__/__init__.cpython-310.pyc b/custom/__pycache__/__init__.cpython-310.pyc
diff --git a/docs/index.md b/docs/index.md
@@ -2,24 +2,38 @@
 title: Latest Posts
 timetoread: False
 ---
+
 <style>
 .grid-item {
-    border: 2px solid #eee;
-    padding: 2em;
-    display: inline-block;
-    width: 18em;
-    height: 20em;
-    vertical-align: middle;
+  border: 2px solid #eee;
+  padding: 1em;
+  display: inline-block;  
+  width: 18em;
+  height: 20em;
+  vertical-align: middle;
+  margin-bottom: 0.5em;
+}
+
+.grid-item .content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
 }
 </style>
 
+<div class="grid">
+
 {% for page in navigation.recent_pages() %}
 <div class="grid-item">
-<a href="{{ page.url }}">
-  <figure >
-    <img src="{{ page.meta.image }}"  width="240" loading="lazy"/>
-    <figcaption>{{page.title}}</figcaption>
-  </figure>
-</a>
+  <div class="content">
+    <a href="{{ page.url }}">
+      <figure>
+        <img src="{{ page.meta.image }}" width="240" loading="lazy"/>
+        <figcaption>{{page.title}}</figcaption>
+      </figure>
+    </a>
+  </div>
 </div>
-{% endfor %}
+{% endfor %}
+</div>
diff --git a/setup.py b/setup.py
@@ -1,17 +1,16 @@
 from distutils.core import setup
 
 setup(
-    name='mkdocs-custom',
-    version='0.0.1',
-    author='Scott Pierce',
-    author_email='[email protected]',
-    packages=['custom'],
-    description='Local custom plugin',
-    install_requires=['mkdocs', 'jinja2'],
-
+    name="mkdocs-custom",
+    version="0.0.1",
+    author="Scott Pierce",
+    author_email="[email protected]",
+    packages=["custom"],
+    description="Local custom plugin",
+    install_requires=["mkdocs", "jinja2"],
     entry_points={
-        'mkdocs.plugins': [
-            'custom = custom:MyCustom',
+        "mkdocs.plugins": [
+            "custom = custom:MyCustom",
         ]
-    }
-)
+    },
+)