diff --git a/docs/layouts/geek-cookbook.jpg b/docs/layouts/geek-cookbook.jpg new file mode 100644 index 0000000..ac8c24e Binary files /dev/null and b/docs/layouts/geek-cookbook.jpg differ diff --git a/docs/layouts/geek-cookbook.yml b/docs/layouts/geek-cookbook.yml new file mode 100644 index 0000000..3281543 --- /dev/null +++ b/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 } \ No newline at end of file diff --git a/docs/overrides/.icons/funkypenguin.svg b/docs/overrides/.icons/funkypenguin.svg new file mode 100644 index 0000000..970a3a5 --- /dev/null +++ b/docs/overrides/.icons/funkypenguin.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/mkdocs.yml b/mkdocs.yml index 81d14d2..1a4a82f 100644 --- a/mkdocs.yml +++ b/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 diff --git a/overrides/main.html b/overrides/main.html index 1c655d6..77663c0 100644 --- a/overrides/main.html +++ b/overrides/main.html @@ -56,9 +56,9 @@ }) --> - + --> {% endblock %} \ No newline at end of file