Website redesign 2022

.gitignore

@@ -6,3 +6,4 @@
 *.out
 *.py[cod]
 output
+.vscode

content/pages/gratitude.rst

@@ -3,7 +3,7 @@ Gratitude
 
 :title: Gratitude
 
-The theme for this site is courtesy of `Smashing Magazine`_.
+The theme for this site is courtesy of `Luca Fedrizzi`_.
 
 The Pelican logo was designed by Derry Livenski and is available under a
 `Creative Commons`_ license via the download links below:
@@ -13,7 +13,7 @@ The Pelican logo was designed by Derry Livenski and is available under a
 SVG_ PNG_ PDF_
 
 
-.. _`Smashing Magazine`: http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
+.. _`Luca Fedrizzi`: https://twitter.com/lc_fd
 .. _`Creative Commons`: https://creativecommons.org/licenses/by/4.0/
 
 .. |logo| image:: {static}/logo/pelican-logo-small.png

input.css

@@ -0,0 +1,47 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+    .btn {
+        @apply rounded-lg px-8 py-3;
+        @apply inline-block;
+        @apply no-underline;
+    }
+    .btn_primary {
+        @apply bg-primary;
+        @apply text-white hover:text-white;
+    }
+    .btn_white {
+        @apply bg-white hover:text-primary;
+    }
+
+    .text_gradient {
+        @apply text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-shade;
+    }
+
+    .inline_code {
+        @apply bg-primary-100 rounded-sm font-medium px-2;
+    }
+
+    .fluctuate_animation {
+        animation: fluctuate 8s infinite;
+    }
+
+    a {
+        @apply underline text-primary;
+        @apply transition-colors hover:text-primary-shade;
+    }
+}
+
+@keyframes fluctuate {
+    0% {
+        transform: translateY(-20px);
+    }
+    50% {
+        transform: translateY(+20px);
+    }
+    100% {
+        transform: translateY(-20px);
+    }
+}

pelicanconf.py

@@ -1,12 +1,12 @@
 import logging
 
 AUTHOR = "Pelican Contributors"
-SITENAME = "Pelican Development Blog"
+SITENAME = "Pelican – A Python Static Site Generator"
 SITEURL = ""
 
 PATH = "content"
 
-THEME = "themes/notmyidea"
+THEME = "themes/getpelican"
 
 CACHE_CONTENT = False
 LOAD_CONTENT_CACHE = False
@@ -16,6 +16,8 @@
 DEFAULT_LANG = "en"
 LOCALE = "en_US.UTF-8"
 
+TEMPLATE_PAGES = {"homepage.html": "index.html"}
+
 MENUITEMS = (
     ("documentation", "https://docs.getpelican.com"),
     ("contribute", "https://donate.getpelican.com"),
@@ -68,3 +70,25 @@
     },
     "output_format": "html5",
 }
+
+TAILWIND = {
+    "version": "3.0.0",
+    "plugins": [
+        "@tailwindcss/typography",
+        "@tailwindcss/line-clamp",
+    ],
+}
+
+INDEX_SAVE_AS = "blog/index.html"
+PAGE_URL = "{slug}"
+PAGE_SAVE_AS = "{slug}/index.html"
+ARTICLE_SAVE_AS = 'blog/{slug}/index.html'
+ARTICLE_URL = 'blog/{slug}'
+CATEGORIES_URL = 'blog/categories/'
+CATEGORIES_SAVE_AS = 'blog/categories/index.html'
+CATEGORY_URL = 'blog/category/{slug}/index.html'
+CATEGORY_SAVE_AS = 'blog/category/{slug}/index.html'
+TAGS_URL = 'blog/tags/'
+TAGS_SAVE_AS = 'blog/tags/index.html'
+TAG_URL = 'blog/tag/{slug}/index.html'
+TAG_SAVE_AS = 'blog/tag/{slug}/index.html'

publishconf.py

@@ -2,6 +2,6 @@
 sys.path.append(".")
 from pelicanconf import *  # noqa
 
-SITEURL = "https://blog.getpelican.com"
+SITEURL = "https://getpelican.com"
 
 DELETE_OUTPUT_DIRECTORY = True

pyproject.toml

@@ -0,0 +1,22 @@
+[tool.poetry]
+name = "pelican-blog"
+version = "0.1.0"
+description = "The Pelican Blog"
+authors = ["Luca Fedrizzi <9001053+fedriz@users.noreply.github.com>"]
+readme = "README.rst"
+
+[tool.poetry.dependencies]
+python = ">=3.10,<4.0"
+pelican-tailwindcss = ">=0.2.0"
+djlint = ">=1.7.0"
+pelican = {extras = ["markdown"], version = ">=4.8.0"}
+
+
+[build-system]
+requires = ["poetry-core"]
+build-backend = "poetry.core.masonry.api"
+
+[tool.djlint]
+profile="jinja"
+indent=2
+ignore="T028,H006"

tailwind.config.js

@@ -0,0 +1,22 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ["./themes/**/*.html", "./themes/**/*.js"],
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ["Poppins", "sans-serif"],
+            },
+            colors: {
+                "primary-100": "#F0F9F8",
+                "primary-200": "#90D4D1",
+                "primary-300": "#23BDD2",
+                primary: "#14A0C4",
+                "primary-shade": "#a1d9e7",
+            },
+        },
+    },
+    plugins: [
+        require("@tailwindcss/typography"),
+        require("@tailwindcss/line-clamp"),
+    ],
+};

themes/getpelican/static/css/fonts.css

@@ -0,0 +1,129 @@
+/* poppins-100 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 100;
+    src: url("/theme/fonts/poppins/Poppins-Thin.ttf") format("truetype");
+}
+/* poppins-100italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 100;
+    src: url("/theme/fonts/poppins/Poppins-ThinItalic.ttf") format("truetype");
+}
+/* poppins-200 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 200;
+    src: url("/theme/fonts/poppins/Poppins-ExtraLight.ttf") format("truetype");
+}
+/* poppins-200italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 200;
+    src: url("/theme/fonts/poppins/Poppins-ExtraLightItalic.ttf")
+        format("truetype");
+}
+/* poppins-300 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 300;
+    src: url("/theme/fonts/poppins/Poppins-Light.ttf") format("truetype");
+}
+/* poppins-300italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 300;
+    src: url("/theme/fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
+}
+/* poppins-regular - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 400;
+    src: url("/theme/fonts/poppins/Poppins-Regular.ttf") format("truetype");
+}
+/* poppins-italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 400;
+    src: url("/theme/fonts/poppins/Poppins-Italic.ttf") format("truetype");
+}
+/* poppins-500 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 500;
+    src: url("/theme/fonts/poppins/Poppins-Medium.ttf") format("truetype");
+}
+/* poppins-500italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 500;
+    src: url("/theme/fonts/poppins/Poppins-MediumItalic.ttf") format("truetype");
+}
+/* poppins-600 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 600;
+    src: url("/theme/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
+}
+/* poppins-600italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 600;
+    src: url("/theme/fonts/poppins/Poppins-SemiBoldItalic.ttf")
+        format("truetype");
+}
+/* poppins-700 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 700;
+    src: url("/theme/fonts/poppins/Poppins-Bold.ttf") format("truetype");
+}
+/* poppins-700italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 700;
+    src: url("/theme/fonts/poppins/Poppins-BoldItalic.ttf") format("truetype");
+}
+/* poppins-800 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 800;
+    src: url("/theme/fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
+}
+/* poppins-800italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 800;
+    src: url("/theme/fonts/poppins/Poppins-ExtraBoldItalic.ttf")
+        format("truetype");
+}
+/* poppins-900 - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 900;
+    src: url("/theme/fonts/poppins/Poppins-Black.ttf") format("truetype");
+}
+/* poppins-900italic - latin */
+@font-face {
+    font-family: "Poppins";
+    font-style: italic;
+    font-weight: 900;
+    src: url("/theme/fonts/poppins/Poppins-BlackItalic.ttf") format("truetype");
+}