update social layouts

Signed-off-by: David Young <davidy@funkypenguin.co.nz>

docs/layouts/geek-cookbook.yml

@@ -0,0 +1,97 @@
+definitions:
+  - &page_title >-
+    {%- if not page.is_homepage -%}
+      {{ page.meta.get("slug", page.title) }}
+    {%- else -%}
+      {{ page.meta.get("title", page.title) }}
+    {%- endif -%}
+
+  - &page_description >-
+    {%- if not page.is_homepage -%}
+      {{ page.meta.get("description", page.title) }}
+    {%- else -%}
+      {{ page.meta.get("title", page.title) }}
+    {%- endif -%}  
+
+  - &page_background >-
+    {%- if not page.is_homepage -%}
+      docs/images/screenshots/{{ page.meta.get("slug", "notifiarr") | lower }}.png
+    {%- else -%}
+      {{ page.meta.get("title", page.title) }}
+    {%- endif -%}    
+
+size: { width: 1200, height: 630 }
+layers:
+
+  - background:
+      color: "#8B877F1A"
+      image: layouts/geek-cookbook.jpg      
+
+  - size: { width: 1800, height: 1800 }
+    offset: { x: 0, y: -300 }
+    icon:
+      value: material/triangle
+      color: "#B4822BD0"  
+    origin: start bottom
+
+  # logo
+  - size: { width: 200, height: 200 }
+    offset: { x: 0, y: 0 }
+    icon:
+      value: funkypenguin
+      # color: "#889f2bDB"  
+    origin: start bottom
+
+  - size: { width: 500, height: 50 }
+    offset: { x: 20, y: 70 }
+    typography:
+      content: Funky Penguin's
+      color: "black"
+      align: end bottom
+      font: 
+        family: Ubuntu
+        style: Bold
+    origin: end bottom        
+
+  - size: { width: 700, height: 80 }
+    offset: { x: 20, y: 0 }
+    typography:
+      content: Geek Cookbook
+      align: end bottom
+      color: "black"
+      font: 
+        family: Ubuntu       
+        style: Bold
+    origin: end bottom        
+
+  # Slug
+  - size: { width: 700, height: 200 }
+    offset: { x: 20, y: 20 }
+    typography:
+      content: *page_title
+      overflow: shrink
+      align: center
+      color: "#000000"
+      font: 
+        family: Ubuntu       
+        style: Bold  
+      line:
+        amount: 1
+        height: 1.25        
+    origin: end top       
+
+  - size: { width: 850, height: 300 }
+    offset: { x: 20, y: 220 }
+    typography:
+      content: "I am a lot of very fancy text describing how to do things"
+      overflow: shrink
+      align: start center
+      color: "#000000"
+      font: 
+        family: Ubuntu       
+        style: Light  
+    origin: end top   
+
+
+  # - size: { width: 1200, height: 630 }
+  #   offset: { x: 0, y: 0 }

docs/overrides/.icons/funkypenguin.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#211915;" d="M512,512H0V256c0-68.38,26.628-132.668,74.981-181.019S187.62,0,256,0s132.668,26.628,181.019,74.981
+	S512,187.62,512,256V512z"/>
+<path style="fill:#FFFFFF;" d="M73.143,512V221.117c0-58.906,47.924-106.83,106.83-106.83c28.917,0,56.142,11.606,76.027,31.782
+	c19.884-20.176,47.11-31.782,76.027-31.782c58.906,0,106.83,47.924,106.83,106.83V512H73.143z"/>
+<path style="fill:#FFAB00;" d="M256,431.699l-74.713-118.642L256,245.866l74.713,67.19L256,431.699z"/>
+<path style="fill:#BDBDBF;" d="M438.857,221.117c0-58.906-47.924-106.83-106.83-106.83c-28.573,0-55.489,11.337-75.309,31.071
+	V246.51l73.996,66.545l-73.996,117.503V512h182.139V221.117z"/>
+<polygon style="fill:#BD7F00;" points="330.713,313.056 256.718,246.511 256.718,430.559 "/>
+<g>
+	<path style="fill:#333333;" d="M187.76,214.201c0-11.513-9.229-20.835-20.569-20.835c-11.355,0-20.582,9.324-20.582,20.835
+		c0,11.511,9.227,20.843,20.582,20.843C178.53,235.044,187.76,225.712,187.76,214.201z"/>
+	<path style="fill:#333333;" d="M365.392,214.201c0-11.513-9.229-20.835-20.569-20.835c-11.355,0-20.582,9.324-20.582,20.835
+		c0,11.511,9.227,20.843,20.582,20.843C356.163,235.044,365.392,225.712,365.392,214.201z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

mkdocs.yml

@@ -46,7 +46,10 @@ plugins:
       utm_source: "geek-cookbook-blog"
       utm_medium: "RSS"
       utm_campaign: "feed-syndication"          
-
+  social:
+    # debug: true
+    # debug_color: yellow
+    cards_layout: geek-cookbook
 
 #theme_dir: mkdocs-material
 nav:
@@ -444,8 +447,11 @@ markdown_extensions:
       check_paths: true
       base_path: _snippets
   - pymdownx.emoji:
-      emoji_index: !!python/name:materialx.emoji.twemoji
-      emoji_generator: !!python/name:materialx.emoji.to_svg
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
+      options:
+        custom_icons:
+          - overrides/.icons      
   - pymdownx.inlinehilite
   - pymdownx.magiclink:
       repo_url_shorthand: true

overrides/main.html

@@ -56,9 +56,9 @@
     })
 </script> -->
 
-<script
+<!-- <script
   onload="window.glime.init(`EZkw09jyhMSFVf`)"
   src="https://cdn.glimelab.ai/widget/1.0.0/widget.js">
-</script>
+</script> -->
 
 {% endblock %}