From 04464d1fc18c0564373fda3b9192091da7dba809 Mon Sep 17 00:00:00 2001 From: spleenftw Date: Fri, 29 May 2026 12:15:08 +0200 Subject: [PATCH] init --- README.md | 67 ++++ css/style.css | 821 +++++++++++++++++++++++++++++++++++++++++++ index.php | 101 ++++++ languages/de_CH.json | 8 + languages/de_DE.json | 8 + languages/en.json | 8 + languages/es.json | 8 + languages/fa_IR.json | 8 + languages/it.json | 8 + languages/ja_JP.json | 8 + languages/nl_NL.json | 8 + languages/ru_RU.json | 8 + languages/tr_TR.json | 8 + php/footer.php | 20 ++ php/head.php | 43 +++ php/home.php | 129 +++++++ php/navbar.php | 46 +++ php/page.php | 51 +++ php/sidebar.php | 21 ++ 19 files changed, 1379 insertions(+) create mode 100644 README.md create mode 100644 css/style.css create mode 100644 index.php create mode 100644 languages/de_CH.json create mode 100644 languages/de_DE.json create mode 100644 languages/en.json create mode 100644 languages/es.json create mode 100644 languages/fa_IR.json create mode 100644 languages/it.json create mode 100644 languages/ja_JP.json create mode 100644 languages/nl_NL.json create mode 100644 languages/ru_RU.json create mode 100644 languages/tr_TR.json create mode 100644 php/footer.php create mode 100644 php/head.php create mode 100644 php/home.php create mode 100644 php/navbar.php create mode 100644 php/page.php create mode 100644 php/sidebar.php diff --git a/README.md b/README.md new file mode 100644 index 0000000..c54456e --- /dev/null +++ b/README.md @@ -0,0 +1,67 @@ +# Blowdit + +A clean, minimal theme for [Bludit](https://www.bludit.com) inspired by the +[Blowfish](https://blowfish.page/) Hugo theme. + +![Bludit](https://img.shields.io/badge/Bludit-3.9+-informational) ![License](https://img.shields.io/badge/license-MIT-green) + +## Features + +- 🌗 **Light / dark mode toggle** — remembers the visitor's choice and falls back to the OS preference. +- 🧱 **Monochrome design** — restrained grayscale palette with crisp typography (Inter). +- 👤 **Profile hero** — circular avatar, site title, slogan and social links on the homepage. +- 📚 **Right sidebar** — drop any Bludit sidebar plugin into it (categories, tags, search…). +- ⏱️ **Reading time & dates** shown on the post list and single posts. +- 🔗 **Social icons** in the navbar and hero, using SVG files in `img/` (GitHub, Mastodon, Bluesky, LinkedIn, and more). +- 🏷️ **Tags & categories** rendered as pill badges. +- 📱 Fully responsive, no flash of the wrong theme on load. + +## Installation + +1. Download or clone this repository into your Bludit `bl-themes` directory: + + ``` + bl-themes/blowdit/ + ``` + +2. In the Bludit admin panel go to **Settings → Themes** and activate **Blowdit**. + +3. Add your assets to `blowdit/img/`: + - The social-network SVG icons (`github.svg`, `mastodon.svg`, …) named after each + Bludit social-network key. + - Your avatar as `spleenftw.jpeg` — used for the homepage profile hero **and** the favicon. + To use a different filename, change it in [php/head.php](php/head.php) (favicon) and + [php/home.php](php/home.php) (`$profileImage`). + +## Layout + +``` +blowdit/ +├── index.php Main template +├── metadata.json Theme metadata +├── css/ +│ └── style.css Light & dark styles (CSS custom properties) +├── php/ +│ ├── head.php , fonts, favicon, anti-FOUC theme script +│ ├── navbar.php Navbar, social SVG icons, theme toggle +│ ├── home.php Profile hero + post listing +│ ├── page.php Single page / post +│ ├── sidebar.php Sidebar plugin container +│ └── footer.php Footer +├── img/ Social SVG icons + avatar (spleenftw.jpeg) +└── languages/ Translations +``` + +## Dark mode + +The colour scheme is driven by CSS custom properties. Light mode lives in +`:root`; dark mode overrides them under `[data-theme="dark"]`. The attribute is +set on `` before paint (in `php/head.php`) to avoid a flash, and the +toggle button in the navbar persists the choice to `localStorage`. + +To tweak the palette, edit the variables at the top of +[css/style.css](css/style.css). + +## License + +[MIT](LICENSE) diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..d476164 --- /dev/null +++ b/css/style.css @@ -0,0 +1,821 @@ +/* ======================================== + BLOWDIT — a Bludit theme inspired by Blowfish + Monochrome palette with light & dark modes + ======================================== */ + +/* ---------------------------------------- + THEME TOKENS — Light Mode (default) + ---------------------------------------- */ +:root { + color-scheme: light; + + /* Accent (monochrome: near-black in light mode) */ + --accent: #1f1f1f; + --accent-hover: #000000; + --accent-contrast: #ffffff; + + /* Surfaces */ + --bg-body: #ffffff; + --bg-surface: #ffffff; + --bg-subtle: #f5f5f5; + --bg-hover: #f0f0f0; + + /* Text */ + --text-primary: #1f1f1f; + --text-secondary: #595959; + --text-muted: #8c8c8c; + + /* Borders */ + --border-color: #e5e5e5; + --border-subtle: #ededed; + + /* Chrome (navbar / footer) — fixed dark in both modes */ + --chrome-bg: #1f1f1f; + --chrome-text: rgba(255, 255, 255, 0.92); + --chrome-text-hover: #ffffff; + + /* Shadows */ + --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); + --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); + --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.12); + + /* Code */ + --code-bg: #f5f5f5; + --code-text: #1f1f1f; + + /* Spacing scale */ + --space-xs: 0.5rem; + --space-sm: 1rem; + --space-md: 1.5rem; + --space-lg: 2rem; + --space-xl: 3rem; + + /* Radii */ + --radius-sm: 8px; + --radius-md: 12px; + --radius-lg: 18px; + + /* Typography */ + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + --font-size-base: 1.05rem; + --font-size-sm: 0.875rem; + --font-size-xs: 0.78rem; + --line-height-base: 1.7; +} + +/* ---------------------------------------- + THEME TOKENS — Dark Mode + ---------------------------------------- */ +[data-theme="dark"] { + color-scheme: dark; + + --accent: #e5e5e5; + --accent-hover: #ffffff; + --accent-contrast: #171717; + + --bg-body: #171717; + --bg-surface: #1f1f1f; + --bg-subtle: #262626; + --bg-hover: #2e2e2e; + + --text-primary: #ededed; + --text-secondary: #b0b0b0; + --text-muted: #808080; + + --border-color: #333333; + --border-subtle: #2a2a2a; + + --chrome-bg: #0f0f0f; + --chrome-text: rgba(255, 255, 255, 0.88); + --chrome-text-hover: #ffffff; + + --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4); + --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45); + --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.5); + + --code-bg: #262626; + --code-text: #ededed; +} + +/* ======================================== + BASE + ======================================== */ +html { + position: relative; + min-height: 100%; + scroll-behavior: smooth; +} + +body { + font-family: var(--font-sans); + padding-top: 56px; + margin-bottom: 64px; + background-color: var(--bg-body); + color: var(--text-primary); + font-size: var(--font-size-base); + line-height: var(--line-height-base); + transition: background-color 0.25s ease, color 0.25s ease; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; +} + +img { + max-width: 100%; + height: auto; +} + +::selection { + background: var(--accent); + color: var(--accent-contrast); +} + +/* ======================================== + LINKS + ======================================== */ +a { + color: var(--text-primary); + text-decoration: none; + transition: color 0.2s ease; +} + +a:hover { + color: var(--text-secondary); + text-decoration: none; +} + +a:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; + border-radius: 2px; +} + +/* ======================================== + TYPOGRAPHY + ======================================== */ +h1, h2, h3, h4, h5, h6 { + color: var(--text-primary); + font-weight: 700; + line-height: 1.25; + letter-spacing: -0.02em; +} + +h1.title { + font-size: 2.4rem; + margin-bottom: var(--space-md); +} + +h2.title { + font-size: 1.85rem; + margin-bottom: var(--space-sm); +} + +.content { + margin-top: var(--space-md); +} + +.content h2 { font-size: 1.6rem; margin-top: var(--space-xl); } +.content h3 { font-size: 1.3rem; margin-top: var(--space-lg); } + +.content p, +.content ul, +.content ol { + margin-bottom: var(--space-md); +} + +.content img { + border-radius: var(--radius-md); + margin: var(--space-md) 0; +} + +hr { + border: none; + border-top: 1px solid var(--border-color); + margin: var(--space-xl) 0; +} + +/* ======================================== + FORMS + ======================================== */ +input, +textarea, +select, +.form-control { + background-color: var(--bg-surface); + color: var(--text-primary); + border: 1px solid var(--border-color); + border-radius: var(--radius-sm); +} + +.form-control:focus { + background-color: var(--bg-surface); + color: var(--text-primary); + border-color: var(--accent); + box-shadow: 0 0 0 3px rgba(127, 127, 127, 0.18); +} + +/* ======================================== + CODE + ======================================== */ +pre, +code { + background: var(--code-bg); + color: var(--code-text); + border-radius: var(--radius-sm); + font-family: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; + transition: background-color 0.25s ease, color 0.25s ease; +} + +pre { + border: 1px solid var(--border-color); + border-left: 3px solid var(--accent); + padding: var(--space-md); + overflow-x: auto; +} + +code { + display: inline-block; + padding: 0.15em 0.45em; + font-size: 0.875em; +} + +pre code { + padding: 0; + background: transparent; + border: none; +} + +/* ======================================== + TABLES + ======================================== */ +table { + empty-cells: show; + border: 1px solid var(--border-color); + width: 100%; + font-size: 0.95em; + margin-bottom: var(--space-md); + border-radius: var(--radius-sm); + overflow: hidden; + border-collapse: collapse; +} + +thead { + background: var(--bg-subtle); + color: var(--text-primary); + text-align: left; +} + +tbody tr { + transition: background-color 0.2s ease; +} + +tbody tr:hover { + background-color: var(--bg-hover); +} + +th, td { + padding: 0.75em 1em; + border-bottom: 1px solid var(--border-color); +} + +/* ======================================== + BLOCKQUOTES + ======================================== */ +blockquote { + padding: var(--space-md) var(--space-lg); + margin: 0 0 var(--space-lg) 0; + border-left: 4px solid var(--accent); + background-color: var(--bg-subtle); + border-radius: var(--radius-sm); + color: var(--text-secondary); + font-style: italic; +} + +/* ======================================== + NAVBAR + ======================================== */ +.navbar-modern { + background: var(--chrome-bg) !important; + box-shadow: var(--shadow-sm); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + min-height: 56px; + transition: background-color 0.25s ease; +} + +.navbar-brand { + font-weight: 700; + font-size: 1.1rem; + letter-spacing: -0.01em; +} + +.navbar-brand .text-white { + color: #ffffff !important; +} + +.navbar .nav-link { + font-size: 0.85rem; + font-weight: 500; + color: var(--chrome-text) !important; + padding: 0.4rem 0.85rem !important; + border-radius: var(--radius-sm); + transition: background-color 0.2s ease, color 0.2s ease; +} + +.navbar .nav-link:hover { + background-color: rgba(255, 255, 255, 0.12); + color: var(--chrome-text-hover) !important; +} + +.navbar .nav-link.active { + background-color: rgba(255, 255, 255, 0.18); + color: var(--chrome-text-hover) !important; +} + +.navbar .nav-link .bi { + font-size: 1.15rem; + margin-right: 0; + vertical-align: -0.05em; +} + +/* Social SVG icons (img/.svg) — rendered white on the dark navbar */ +img.nav-svg-icon { + width: 1.2rem; + height: 1.2rem; + filter: brightness(0) invert(1); + opacity: 0.85; + transition: opacity 0.2s ease, transform 0.2s ease; +} + +.nav-link:hover img.nav-svg-icon { + opacity: 1; + transform: translateY(-1px); +} + +/* Theme toggle button */ +.theme-toggle { + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.2); + color: var(--chrome-text) !important; + border-radius: var(--radius-sm); + width: 38px; + height: 38px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: background-color 0.2s ease, border-color 0.2s ease; +} + +.theme-toggle:hover { + background-color: rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.4); + color: #ffffff !important; +} + +.theme-toggle .bi { + font-size: 1.1rem; + margin-right: 0; +} + +/* ======================================== + PROFILE HERO (Blowfish-style homepage) + ======================================== */ +.profile { + padding: var(--space-xl) 0 var(--space-lg); + margin-bottom: var(--space-lg); + border-bottom: 1px solid var(--border-color); +} + +.profile-avatar { + width: 150px; + height: 150px; + border-radius: 50%; + object-fit: cover; + border: 4px solid var(--bg-surface); + box-shadow: var(--shadow-md); + margin-bottom: var(--space-md); +} + +.profile-name { + font-size: 2.1rem; + margin-bottom: var(--space-xs); +} + +.profile-bio { + color: var(--text-secondary); + font-size: 1.1rem; + margin-bottom: var(--space-md); +} + +.profile-social { + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: var(--space-md); +} + +.profile-social a { + display: inline-flex; +} + +.profile-social-icon { + width: 1.4rem; + height: 1.4rem; + opacity: 0.6; + transition: opacity 0.2s ease, transform 0.2s ease; +} + +.profile-social a:hover .profile-social-icon { + opacity: 1; + transform: translateY(-2px); +} + +/* Dark mode: invert the dark SVG glyphs to light */ +[data-theme="dark"] .profile-social-icon { + filter: brightness(0) invert(1); + opacity: 0.7; +} + +[data-theme="dark"] .profile-social a:hover .profile-social-icon { + opacity: 1; +} + +@media (max-width: 767.98px) { + .profile-avatar { width: 120px; height: 120px; } + .profile-name { font-size: 1.7rem; } +} + +/* ======================================== + POST CARDS (home listing) + ======================================== */ +.card-modern { + background: transparent; + border: none; + border-bottom: 1px solid var(--border-color); + padding-bottom: var(--space-xl); + margin-bottom: var(--space-xl); +} + +.card-modern:last-child { + border-bottom: none; +} + +.card-modern .card-img-top { + border-radius: var(--radius-md); +} + +.card-modern .card-body { + padding: 0; + margin-top: var(--space-md); +} + +.card-modern .title { + color: var(--text-primary); + transition: color 0.2s ease; +} + +.card-modern a:hover .title { + color: var(--text-secondary); +} + +.cover-image-wrapper { + position: relative; + overflow: hidden; + border-radius: var(--radius-md); + margin-bottom: var(--space-md); +} + +.cover-image-wrapper .card-img-top { + transition: transform 0.4s ease; +} + +.card-modern:hover .cover-image-wrapper .card-img-top { + transform: scale(1.03); +} + +/* ======================================== + METADATA (date, reading time) + ======================================== */ +.metadata { + color: var(--text-muted); + font-size: var(--font-size-sm); + display: flex; + flex-wrap: wrap; + gap: var(--space-md); + align-items: center; +} + +.metadata i { + color: var(--text-muted); + margin-right: 0.35rem; +} + +/* ======================================== + BUTTONS + ======================================== */ +.btn-primary-gradient { + background: var(--accent); + border: none; + color: var(--accent-contrast); + padding: 0.6rem 1.3rem; + border-radius: var(--radius-sm); + font-weight: 600; + font-size: var(--font-size-sm); + transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; + box-shadow: var(--shadow-sm); + display: inline-flex; + align-items: center; + gap: 0.5rem; +} + +.btn-primary-gradient:hover { + background: var(--accent-hover); + color: var(--accent-contrast); + transform: translateY(-2px); + box-shadow: var(--shadow-md); + text-decoration: none; +} + +.btn-primary-gradient .bi { + margin-right: 0; + transition: transform 0.2s ease; +} + +.btn-primary-gradient:hover .bi { + transform: translateX(3px); +} + +/* ======================================== + TAXONOMY (tags & categories) + ======================================== */ +.post-taxonomy { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; + align-items: center; +} + +.taxonomy-badge { + display: inline-flex; + align-items: center; + padding: 0.3rem 0.8rem; + border-radius: 999px; + font-size: var(--font-size-xs); + font-weight: 500; + border: 1px solid var(--border-color); + color: var(--text-secondary); + background: transparent; + transition: all 0.2s ease; +} + +.taxonomy-badge .bi { + margin-right: 0.35rem; + font-size: 0.85em; +} + +.taxonomy-badge:hover { + background: var(--accent); + color: var(--accent-contrast); + border-color: var(--accent); +} + +/* ======================================== + PAGINATION + ======================================== */ +.pagination .page-link { + background: var(--bg-surface); + border: 1px solid var(--border-color); + color: var(--text-primary); + padding: 0.55rem 1.1rem; + border-radius: var(--radius-sm); + font-weight: 500; + transition: all 0.2s ease; +} + +.pagination .page-link:hover { + background: var(--accent); + color: var(--accent-contrast); + border-color: var(--accent); + transform: translateY(-2px); +} + +.pagination .page-item.disabled .page-link { + background: var(--bg-subtle); + color: var(--text-muted); + border-color: var(--border-color); +} + +/* ======================================== + SIDEBAR + PLUGINS + ======================================== */ +.sidebar-container { + margin-top: var(--space-xl); + background: var(--bg-surface); + border: 1px solid var(--border-color); + border-radius: var(--radius-lg); + padding: var(--space-lg); + font-size: 0.9rem; + position: sticky; + top: 72px; +} + +/* Compact profile card inside the sidebar (article view) */ +.sidebar-profile { + padding-bottom: var(--space-lg); + margin-bottom: var(--space-lg); + border-bottom: 1px solid var(--border-subtle); +} + +.sidebar-profile-avatar { + width: 84px; + height: 84px; + border-radius: 50%; + object-fit: cover; + border: 3px solid var(--bg-surface); + box-shadow: var(--shadow-sm); + margin-bottom: var(--space-sm); + transition: transform 0.2s ease; +} + +.sidebar-profile-avatar:hover { + transform: translateY(-2px); +} + +.sidebar-profile-name { + font-weight: 700; + font-size: 1rem; + color: var(--text-primary); +} + +.sidebar-profile-bio { + color: var(--text-secondary); + font-size: var(--font-size-sm); + margin: 0.35rem 0 0; +} + +.plugin { + padding-bottom: var(--space-lg); + margin-bottom: var(--space-lg); + border-bottom: 1px solid var(--border-subtle); +} + +.plugin:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.plugin-label { + font-size: var(--font-size-xs); + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.08em; + color: var(--text-muted); + margin-bottom: var(--space-md); +} + +.plugin ul { + list-style: none; + padding: 0; + margin: 0; +} + +.plugin ul li { + padding: 0.3rem 0; +} + +.plugin ul li a { + color: var(--text-secondary); + display: block; + transition: color 0.2s ease; +} + +.plugin ul li a:hover { + color: var(--text-primary); +} + +/* Tags & categories in sidebar — badge style */ +.plugin.plugin-tags ul, +.plugin.plugin-categories ul { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; +} + +.plugin.plugin-tags li, +.plugin.plugin-categories li { + padding: 0; +} + +.plugin.plugin-tags li a, +.plugin.plugin-categories li a { + background: var(--bg-subtle); + color: var(--text-secondary); + padding: 0.3rem 0.8rem; + border-radius: 999px; + font-size: var(--font-size-xs); + font-weight: 500; + display: inline-block; + transition: all 0.2s ease; +} + +.plugin.plugin-tags li a:hover, +.plugin.plugin-categories li a:hover { + background: var(--accent); + color: var(--accent-contrast); +} + +/* Search plugin */ +.plugin.plugin-search .form-control { + border: 1px solid var(--border-color); + border-radius: var(--radius-sm); + padding: 0.6rem 0.9rem; + background: var(--bg-body); + color: var(--text-primary); +} + +.plugin.plugin-search .form-control:focus { + border-color: var(--accent); + box-shadow: 0 0 0 3px rgba(127, 127, 127, 0.18); + outline: none; +} + +.plugin.plugin-search button { + background: var(--accent); + border: none; + color: var(--accent-contrast); + padding: 0.55rem 1.2rem; + border-radius: var(--radius-sm); + font-weight: 600; + transition: background-color 0.2s ease, transform 0.2s ease; + margin-top: var(--space-sm); +} + +.plugin.plugin-search button:hover { + background: var(--accent-hover); + transform: translateY(-2px); +} + +/* ======================================== + FOOTER + ======================================== */ +footer.footer-modern { + position: absolute; + bottom: 0; + width: 100%; + min-height: 64px; + line-height: 1.6; + background: var(--chrome-bg); + color: var(--chrome-text); + padding: 1rem 0; + font-size: var(--font-size-xs); + transition: background-color 0.25s ease; +} + +footer.footer-modern a { + color: var(--chrome-text); + transition: color 0.2s ease; +} + +footer.footer-modern a:hover { + color: var(--chrome-text-hover); +} + +.mini-logo { + height: 22px; + vertical-align: middle; + filter: brightness(0) invert(1); +} + +/* ======================================== + ICON SPACING + ======================================== */ +.bi { + margin-right: 0.4rem; +} + +/* ======================================== + RESPONSIVE + ======================================== */ +@media (max-width: 767.98px) { + h1.title { font-size: 1.9rem; } + h2.title { font-size: 1.5rem; } + + body { font-size: 1rem; } + + .sidebar-container { + position: static; + margin-top: var(--space-lg); + } + + .btn-primary-gradient { + width: 100%; + justify-content: center; + } + + .navbar-nav .theme-toggle { + width: 100%; + margin-top: 0.5rem; + height: 42px; + } +} diff --git a/index.php b/index.php new file mode 100644 index 0000000..46b7b02 --- /dev/null +++ b/index.php @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + +
+
+ + +
+ viewing a single page/post + // "home" -> viewing the front page + if ($WHERE_AM_I == 'page') { + include(THEME_DIR_PHP.'page.php'); + } else { + include(THEME_DIR_PHP.'home.php'); + } + ?> +
+ + +
+ +
+ +
+
+ + + + + + + + + + + + + + + diff --git a/languages/de_CH.json b/languages/de_CH.json new file mode 100644 index 0000000..c0d149c --- /dev/null +++ b/languages/de_CH.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Ein Bludit-Theme, inspiriert vom Blowfish-Hugo-Theme. Rechte Seitenleiste, Lesezeit, Umschalter für hellen/dunklen Modus und eine Navigationsleiste mit Social-Media-Icons und statischen Seiten." + }, + "Toggle theme": "Design wechseln" +} diff --git a/languages/de_DE.json b/languages/de_DE.json new file mode 100644 index 0000000..c0d149c --- /dev/null +++ b/languages/de_DE.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Ein Bludit-Theme, inspiriert vom Blowfish-Hugo-Theme. Rechte Seitenleiste, Lesezeit, Umschalter für hellen/dunklen Modus und eine Navigationsleiste mit Social-Media-Icons und statischen Seiten." + }, + "Toggle theme": "Design wechseln" +} diff --git a/languages/en.json b/languages/en.json new file mode 100644 index 0000000..e88acf3 --- /dev/null +++ b/languages/en.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "A Bludit theme inspired by the Blowfish Hugo theme. Right sidebar, reading time, a light/dark mode toggle and a navbar with social icons and static pages." + }, + "Toggle theme": "Toggle theme" +} diff --git a/languages/es.json b/languages/es.json new file mode 100644 index 0000000..807fa07 --- /dev/null +++ b/languages/es.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Un tema para Bludit inspirado en el tema Blowfish de Hugo. Barra lateral derecha, tiempo de lectura, conmutador de modo claro/oscuro y barra de navegación con iconos sociales y páginas estáticas." + }, + "Toggle theme": "Cambiar tema" +} diff --git a/languages/fa_IR.json b/languages/fa_IR.json new file mode 100644 index 0000000..4ed6c86 --- /dev/null +++ b/languages/fa_IR.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "یک قالب بلودیت با الهام از قالب Blowfish هوگو. نوار کناری راست، زمان مطالعه، کلید تغییر حالت روشن/تاریک و نوار ناوبری به همراه آیکون‌های شبکه‌های اجتماعی و صفحات ایستا." + }, + "Toggle theme": "تغییر پوسته" +} diff --git a/languages/it.json b/languages/it.json new file mode 100644 index 0000000..d6f6e19 --- /dev/null +++ b/languages/it.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Un tema per Bludit ispirato al tema Blowfish di Hugo. Barra laterale a destra, tempo di lettura, interruttore per la modalità chiara/scura e barra di navigazione con icone social e pagine statiche." + }, + "Toggle theme": "Cambia tema" +} diff --git a/languages/ja_JP.json b/languages/ja_JP.json new file mode 100644 index 0000000..a6710f6 --- /dev/null +++ b/languages/ja_JP.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Hugo の Blowfish テーマにインスパイアされた Bludit テーマ。右サイドバー、読了時間、ライト/ダークモードの切り替え、ソーシャルアイコンと固定ページを備えたナビゲーションバーを搭載しています。" + }, + "Toggle theme": "テーマを切り替え" +} diff --git a/languages/nl_NL.json b/languages/nl_NL.json new file mode 100644 index 0000000..6f12049 --- /dev/null +++ b/languages/nl_NL.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Een Bludit-thema geïnspireerd op het Blowfish-thema voor Hugo. Zijbalk rechts, leestijd, schakelaar voor lichte/donkere modus en een navigatiebalk met sociale iconen en statische pagina's." + }, + "Toggle theme": "Thema wisselen" +} diff --git a/languages/ru_RU.json b/languages/ru_RU.json new file mode 100644 index 0000000..cdabb78 --- /dev/null +++ b/languages/ru_RU.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Тема для Bludit, вдохновлённая темой Blowfish для Hugo. Боковая панель справа, время чтения, переключатель светлой/тёмной темы и панель навигации со значками соцсетей и статическими страницами." + }, + "Toggle theme": "Переключить тему" +} diff --git a/languages/tr_TR.json b/languages/tr_TR.json new file mode 100644 index 0000000..4e891e8 --- /dev/null +++ b/languages/tr_TR.json @@ -0,0 +1,8 @@ +{ + "theme-data": + { + "name": "Blowdit", + "description": "Hugo'nun Blowfish temasından esinlenen bir Bludit teması. Sağ kenar çubuğu, okuma süresi, açık/koyu mod düğmesi ve sosyal simgeler ile sabit sayfalar içeren bir gezinme çubuğu." + }, + "Toggle theme": "Temayı değiştir" +} diff --git a/php/footer.php b/php/footer.php new file mode 100644 index 0000000..6f9a9b8 --- /dev/null +++ b/php/footer.php @@ -0,0 +1,20 @@ +
+
+
+ +
+

footer(); ?>

+
+ +
+

footer(); ?>

+
+
+

+ Powered by BLUDIT +

+
+ +
+
+
diff --git a/php/head.php b/php/head.php new file mode 100644 index 0000000..97be908 --- /dev/null +++ b/php/head.php @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/php/home.php b/php/home.php new file mode 100644 index 0000000..261414a --- /dev/null +++ b/php/home.php @@ -0,0 +1,129 @@ + + +
+ <?php echo $site->title(); ?> +

title(); ?>

+ slogan()) : ?> +

slogan(); ?>

+ description()) : ?> +

description(); ?>

+ + + + +
+ $label) : ?> + + <?php echo $label ?> + + +
+ +
+ + + +
+ p('No pages found') ?> +
+ + + + + + + + + 1) : ?> + + diff --git a/php/navbar.php b/php/navbar.php new file mode 100644 index 0000000..5f95906 --- /dev/null +++ b/php/navbar.php @@ -0,0 +1,46 @@ + diff --git a/php/page.php b/php/page.php new file mode 100644 index 0000000..e6721f7 --- /dev/null +++ b/php/page.php @@ -0,0 +1,51 @@ + +
+ + + + + + coverImage()): ?> +
+ <?php echo $page->title(); ?> +
+ + +
+ +

title(); ?>

+ + isStatic() && !$url->notFound()): ?> + +
+ date(); ?> + get('Reading time') . ': ' . $page->readingTime() ?> +
+ + + +
+ content(); ?> +
+ + + tags(true); $categoryKey = $page->categoryKey(); ?> + +
+ + + category(); ?> + + + $tagName) : ?> + + +
+ + +
+ + + + +
diff --git a/php/sidebar.php b/php/sidebar.php new file mode 100644 index 0000000..1d58653 --- /dev/null +++ b/php/sidebar.php @@ -0,0 +1,21 @@ +