From: Danilo M. Date: Wed, 22 Apr 2026 10:43:22 +0000 (+0200) Subject: chore: extract theme into git submodule (danix2-hugo-theme) X-Git-Tag: release_22042026-1342~2 X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=5b476f8905f411768e23cb01d577a60e5a5fd725;p=danix.xyz-2.git chore: extract theme into git submodule (danix2-hugo-theme) --- diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..9ee7bf0 --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "themes/danix-xyz-hacker"] + path = themes/danix-xyz-hacker + url = danix_git:danix2-hugo-theme diff --git a/themes/danix-xyz-hacker b/themes/danix-xyz-hacker new file mode 160000 index 0000000..631547a --- /dev/null +++ b/themes/danix-xyz-hacker @@ -0,0 +1 @@ +Subproject commit 631547a75142326a7c71bdf123e1475217a5ad73 diff --git a/themes/danix-xyz-hacker/assets/css/chroma-custom.css b/themes/danix-xyz-hacker/assets/css/chroma-custom.css deleted file mode 100644 index d632e09..0000000 --- a/themes/danix-xyz-hacker/assets/css/chroma-custom.css +++ /dev/null @@ -1,391 +0,0 @@ -/* === Chroma Custom â Catppuccin Macchiato === */ - -:root { - /* Catppuccin Macchiato palette */ - --ctp-base: #24273a; - --ctp-surface0: #363a4f; - --ctp-surface1: #494d64; - --ctp-overlay0: #6e738d; - --ctp-text: #cad3f5; - --ctp-subtext1: #b8c0e0; - --ctp-lavender: #b7bdf8; - --ctp-blue: #8aadf4; - --ctp-sapphire: #7dc4e4; - --ctp-sky: #91d7e3; - --ctp-teal: #8bd5ca; - --ctp-green: #a6da95; - --ctp-yellow: #eed49f; - --ctp-peach: #f5a97f; - --ctp-maroon: #ee99a0; - --ctp-red: #ed8796; - --ctp-mauve: #c6a0f6; - --ctp-pink: #f5bde6; -} - -/* === Code block wrapper and header bar === */ - -.code-block-wrapper { - margin: 1.5rem 0; - border-radius: 0.5rem; - overflow: hidden; - border: 1px solid var(--border); -} - -.code-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0.375rem 0.75rem; - background-color: var(--ctp-surface0); - border-bottom: 1px solid var(--ctp-surface1); - font-family: 'JetBrains Mono', monospace; - font-size: 0.75rem; -} - -.code-lang-label { - color: var(--ctp-subtext1); - letter-spacing: 0.05em; -} - -.code-copy-wrapper { - display: flex; - align-items: center; - gap: 0.25rem; -} - -.code-copy-btn { - display: inline-flex; - align-items: center; - justify-content: center; - background: transparent; - border: none; - cursor: pointer; - padding: 0.25rem; - border-radius: 0.25rem; - color: var(--ctp-overlay0); - transition: color 0.15s ease, background 0.15s ease; - line-height: 1; -} - -.code-copy-btn:hover { - color: var(--ctp-text); - background: rgba(202, 211, 245, 0.08); -} - -.code-copy-btn:focus-visible { - outline: 2px solid var(--ctp-lavender); - outline-offset: 2px; -} - -.code-copy-btn [data-feather], -.code-copy-btn svg { - width: 14px !important; - height: 14px !important; - stroke-width: 2px; -} - -.code-copy-btn .hidden { - display: none; -} - -.code-copy-btn.is-copied { - color: var(--ctp-green); -} - -/* === Code body === */ - -.code-body { - overflow-x: auto; -} - -.code-body .highlight, -.code-body .highlight .chroma { - margin: 0; - border-radius: 0; - border: none; - background-color: var(--ctp-base); -} - -/* === Reset conflicts with main.css base styles === */ - -.code-block-wrapper pre, -.prose .code-block-wrapper pre, -.prose-invert .code-block-wrapper pre { - margin: 0; - padding: 0; - background: transparent; - border: none; - border-radius: 0; - overflow-x: visible; -} - -/* Re-apply padding after the reset above, with higher specificity */ -.code-block-wrapper .highlight .lntd:first-child pre { - padding: 0.875rem 0; -} - -.code-block-wrapper .highlight .lntd:last-child pre { - padding: 0.875rem 1rem; -} - -/* === Chroma table layout (lineNumbersInTable = true) === */ - -.highlight table { - border-collapse: collapse; - width: 100%; -} - -.highlight td { - padding: 0; - vertical-align: top; -} - -/* Line number column â not selectable */ -/* color: --ctp-overlay0 (#6e738d) on --ctp-surface0 (#363a4f) = ~3.5:1 */ -.highlight .lnt, -.highlight .ln { - padding: 0.875rem 0.75rem 0.875rem 1rem; - color: var(--ctp-overlay0); - user-select: none; - -webkit-user-select: none; - min-width: 2.5rem; - text-align: right; - border-right: 1px solid var(--ctp-surface1); - font-size: 0.8125rem; -} - -.highlight .lntd:first-child { - background-color: var(--ctp-surface0); -} - -.highlight .lntd:first-child pre { - padding: 0.875rem 0; -} - -.highlight .lntd:last-child pre { - padding: 0.875rem 1rem; -} - -.highlight .chroma { - overflow-x: auto; -} - -.code-block-wrapper pre, -.code-block-wrapper code { - font-size: 0.875em; -} - -/* === Syntax token colors (dark theme default) === */ - -.highlight { - background-color: var(--ctp-base); - color: var(--ctp-text); -} - -/* Keywords â mauve */ -.highlight .k, -.highlight .kc, -.highlight .kd, -.highlight .kn, -.highlight .kp, -.highlight .kr, -.highlight .kt { - color: var(--ctp-mauve); - font-weight: 500; -} - -/* Strings â green */ -.highlight .s, -.highlight .sa, -.highlight .sb, -.highlight .sc, -.highlight .dl, -.highlight .sd, -.highlight .s1, -.highlight .s2, -.highlight .se, -.highlight .sh, -.highlight .si, -.highlight .sx, -.highlight .sr, -.highlight .ss { - color: var(--ctp-green); -} - -/* Numbers â peach */ -.highlight .m, -.highlight .mb, -.highlight .mf, -.highlight .mh, -.highlight .mi, -.highlight .il, -.highlight .mo { - color: var(--ctp-peach); -} - -/* Comments â overlay0, italic */ -.highlight .c, -.highlight .c1, -.highlight .cm, -.highlight .cs, -.highlight .cp, -.highlight .cpf { - color: var(--ctp-overlay0); - font-style: italic; -} - -/* Operators â sky */ -.highlight .o, -.highlight .ow { - color: var(--ctp-sky); -} - -/* Names / Identifiers */ -.highlight .n { - color: var(--ctp-text); -} - -.highlight .na { - color: var(--ctp-yellow); -} - -.highlight .nb { - color: var(--ctp-blue); -} - -.highlight .nc { - color: var(--ctp-yellow); -} - -.highlight .nd { - color: var(--ctp-pink); -} - -.highlight .ne { - color: var(--ctp-maroon); -} - -.highlight .nf, -.highlight .fm { - color: var(--ctp-blue); -} - -.highlight .ni { - color: var(--ctp-text); -} - -.highlight .nl { - color: var(--ctp-teal); -} - -.highlight .nn { - color: var(--ctp-yellow); -} - -.highlight .nt { - color: var(--ctp-mauve); -} - -.highlight .nv, -.highlight .vc, -.highlight .vg, -.highlight .vi { - color: var(--ctp-text); -} - -/* Punctuation */ -.highlight .p { - color: var(--ctp-subtext1); -} - -/* Generic tokens (diff output etc.) */ -.highlight .gd { - color: var(--ctp-red); - background: rgba(237, 135, 150, 0.1); -} - -.highlight .gi { - color: var(--ctp-green); - background: rgba(166, 218, 149, 0.1); -} - -.highlight .gh { - color: var(--ctp-lavender); - font-weight: bold; -} - -.highlight .gu { - color: var(--ctp-overlay0); -} - -.highlight .ge { - font-style: italic; -} - -.highlight .gs { - font-weight: bold; -} - -/* Error */ -.highlight .err { - color: var(--ctp-red); -} - -/* === Light theme overrides (Catppuccin Latte) === */ - -html.theme-light .code-block-wrapper { - border-color: #ccd0da; -} - -html.theme-light .code-header { - background-color: #dce0ea; - border-bottom-color: #bcc0cc; -} - -html.theme-light .code-lang-label { - color: #5c5f77; -} - -html.theme-light .code-copy-btn { - color: #6c6f85; -} - -html.theme-light .code-copy-btn:hover { - color: #4c4f69; - background: rgba(76, 79, 105, 0.08); -} - -html.theme-light .code-body .highlight, -html.theme-light .code-body .highlight .chroma { - background-color: #eff1f5; - color: #4c4f69; -} - -html.theme-light .highlight .lntd:first-child { - background-color: #e6e9ef; -} - -html.theme-light .highlight .lnt, -html.theme-light .highlight .ln { - color: #bcc0cc; - border-right-color: #bcc0cc; -} - -/* Comments must be darker to read on light bg */ -html.theme-light .highlight .c, -html.theme-light .highlight .c1, -html.theme-light .highlight .cm, -html.theme-light .highlight .cs, -html.theme-light .highlight .cp, -html.theme-light .highlight .cpf { - color: #7c7f93; -} - -/* Text defaults */ -html.theme-light .highlight .n { - color: #4c4f69; -} - -html.theme-light .highlight .p { - color: #6c6f85; -} diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css deleted file mode 100644 index ab41a7d..0000000 --- a/themes/danix-xyz-hacker/assets/css/main.css +++ /dev/null @@ -1,1709 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -/* Dark theme (default) - CSS custom properties */ -:root { - --bg: #060b10; - --bg2: #0c1520; - --bg2-rgb: 12, 21, 32; - --surface: #101e2d; - --surface-rgb: 16, 30, 45; - --border: #182840; - --accent: #a855f7; - --accent-rgb: 168, 85, 247; - --accent2: #00ff88; - --accent-glow: rgba(168, 85, 247, 0.12); - --text: #c4d6e8; - --text-dim: #7a9bb8; - --muted: #304860; - /* Article type colors - dark */ - --type-tech: #a855f7; - --type-life: #f59e0b; - --type-quote: #00ff88; - --type-link: #38bdf8; - --type-photo: #ec4899; - /* Article type text colors - dark (all black for WCAG AA) */ - --type-tech-text: #000000; - --type-life-text: #000000; - --type-quote-text: #000000; - --type-link-text: #000000; - --type-photo-text: #000000; -} - -/* Light theme overrides */ -html.theme-light { - --bg: #ffffff; - --bg2: #f8f9fa; - --bg2-rgb: 248, 249, 250; - --surface: #f0f3f7; - --surface-rgb: 240, 243, 247; - --border: #d9dfe8; - --accent: #9333ea; - --accent-rgb: 147, 51, 234; - --accent2: #10b981; - --accent-glow: rgba(147, 51, 234, 0.1); - --text: #1f2937; - --text-dim: #374151; - --muted: #d1d5db; - /* Article type colors - light */ - --type-tech: #7c3aed; - --type-life: #d97706; - --type-quote: #008f5a; - --type-link: #0284c7; - --type-photo: #be185d; - /* Article type text colors - light (mixed for WCAG AA) */ - --type-tech-text: #ffffff; - --type-life-text: #000000; - --type-quote-text: #000000; - --type-link-text: #000000; - --type-photo-text: #ffffff; -} - -/* No-JS fallback: prefers-color-scheme light */ -@media (prefers-color-scheme: light) { - html:not(.theme-dark) { - --bg: #ffffff; - --bg2: #f8f9fa; - --bg2-rgb: 248, 249, 250; - --surface: #f0f3f7; - --surface-rgb: 240, 243, 247; - --border: #d9dfe8; - --accent: #9333ea; - --accent-rgb: 147, 51, 234; - --accent2: #10b981; - --accent-glow: rgba(147, 51, 234, 0.1); - --text: #1f2937; - --text-dim: #374151; - --muted: #d1d5db; - --type-tech: #7c3aed; - --type-life: #d97706; - --type-quote: #008f5a; - --type-link: #0284c7; - --type-photo: #be185d; - --type-tech-text: #ffffff; - --type-life-text: #000000; - --type-quote-text: #000000; - --type-link-text: #000000; - --type-photo-text: #ffffff; - } -} - -/* Theme-aware picture element for default thumbnails */ -html.theme-light picture img[src="/images/default_thumbnail_dark.png"] { - content: url('/images/default_thumbnail_light.png'); -} - -@layer base { - html { - @apply overflow-x-hidden; - } - - body { - @apply bg-bg text-text font-body overflow-x-hidden; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - @apply font-bold; - font-family: 'Oxanium', monospace; - } - - h1 { - @apply text-3xl md:text-4xl; - } - - h2 { - @apply text-2xl md:text-3xl; - } - - h3 { - @apply text-xl md:text-2xl; - } - - .heading-prefix { - font-family: 'JetBrains Mono', monospace; - font-weight: 400; - font-size: 0.8em; - color: var(--accent); - opacity: 0.7; - margin-right: 0.35em; - user-select: none; - } - - a { - @apply text-accent hover:opacity-80 transition-opacity; - } - - code { - @apply font-mono bg-surface border border-border px-1.5 py-0.5 rounded text-accent2; - } - - pre { - background-color: rgba(var(--surface-rgb), 0.8); - @apply p-4 rounded border border-border overflow-x-auto; - } - - pre code { - @apply bg-transparent border-0 p-0 text-text; - } - - *:focus-visible { - @apply ring-2 ring-accent ring-offset-2; - ring-offset-color: var(--bg); - } - - button, - input, - textarea, - select { - @apply transition-colors duration-200; - } -} - -@layer components { - .container { - @apply max-w-4xl mx-auto; - } - - /* Background utilities */ - .bg-bg { - background-color: var(--bg); - } - - .bg-bg2 { - background-color: var(--bg2); - } - - .bg-surface { - background-color: var(--surface); - } - - /* Border utilities */ - .border-border { - border-color: var(--border); - } - - /* Text color utilities */ - .text-accent { - color: var(--accent); - } - - .text-accent2 { - color: var(--accent2); - } - - .text-text { - color: var(--text); - } - - .text-text-dim { - color: var(--text-dim); - } - - /* Additional semantic utilities */ - .text-muted { - color: var(--muted); - } - - .bg-muted { - background-color: var(--muted); - } - - /* Glow effect utility */ - .glow-accent { - box-shadow: 0 0 20px var(--accent-glow); - } - - /* Frosted glass bar (header/footer) */ - .frosted-bar { - background-color: rgba(var(--bg2-rgb), 0.75); - backdrop-filter: blur(10px); - box-shadow: 0 0 20px var(--accent-glow); - /* border applied via utility classes in templates */ - } - - /* Border utilities for frosted-bar component */ - .frosted-bar.border-b, - .frosted-bar.border-t { - border-color: var(--border); - } - - /* Button component styles */ - .btn { - @apply inline-flex items-center justify-center px-4 py-2 rounded font-bold transition-all duration-200 cursor-pointer; - background-color: var(--accent); - color: #ffffff; - border: none; - outline: none; - } - - .btn:hover:not(:disabled) { - opacity: 0.85; - transform: translateY(-1px); - } - - .btn:focus-visible { - @apply ring-2 ring-offset-2; - ring-color: var(--accent); - ring-offset-color: var(--bg); - } - - .btn:active:not(:disabled) { - transform: translateY(0); - opacity: 0.75; - } - - .btn:disabled { - opacity: 0.5; - cursor: not-allowed; - } - - /* Button variants */ - .btn-primary { - background-color: var(--accent); - color: #ffffff; - } - - .btn-primary:hover:not(:disabled) { - background-color: var(--accent); - } - - .btn-secondary { - background-color: var(--accent2); - color: var(--bg); - font-weight: 600; - } - - .btn-secondary:hover:not(:disabled) { - background-color: var(--accent2); - } - - .btn-outline { - background-color: transparent; - color: var(--accent); - border: 2px solid var(--accent); - } - - .btn-outline:hover:not(:disabled) { - background-color: var(--accent); - color: #ffffff; - } - - /* Button sizes */ - .btn-sm { - @apply px-3 py-1 text-sm; - } - - .btn-lg { - @apply px-6 py-3 text-lg; - } - - /* Icon button (for icons without text) */ - .btn-icon { - @apply rounded-full inline-flex items-center justify-center; - width: auto; - height: auto; - padding: 0.5rem; - } - - .btn-icon svg, - .btn-icon i { - width: auto !important; - height: auto !important; - } - - /* Force Feather icons to match size */ - .btn-icon [data-feather] { - width: 50px !important; - height: 50px !important; - } - - .btn-icon [data-feather] svg { - width: 50px !important; - height: 50px !important; - } - - /* Sidebar widget â no box, no border */ - .sidebar-widget { - margin-bottom: 1.5rem; - } - - /* Sidebar widget title â bash comment style */ - .sidebar-widget-label { - font-family: var(--font-mono, monospace); - font-size: 1rem; - font-weight: bold; - color: var(--accent); - letter-spacing: 0.08em; - margin-bottom: 0.5rem; - } - - /* Sidebar separator */ - .sidebar-hr { - border: none; - border-top: 1px solid var(--border); - margin-bottom: 1.5rem; - } - - /* ===================== - Tag Cloud Component - ===================== */ - - .tag-cloud { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 0.75rem; - align-items: baseline; - overflow: visible; - } - - .tag-cloud-link { - display: inline-flex; - align-items: center; - gap: 0.375rem; - padding: 0.25rem 0.625rem; - border: 1px solid var(--border); - border-radius: 0.25rem; - font-family: var(--font-mono, 'JetBrains Mono', monospace); - color: var(--text-dim); - text-decoration: none; - background-color: var(--bg2); - transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out; - white-space: nowrap; - line-height: 1.4; - } - - .tag-cloud-link:hover { - border-color: rgba(var(--accent-rgb), 0.5); - color: var(--accent); - background-color: rgba(var(--accent-rgb), 0.1); - } - - .tag-cloud-link:focus-visible { - outline: 2px solid var(--accent); - outline-offset: 2px; - border-radius: 0.25rem; - } - - .tag-cloud-count { - display: inline-flex; - align-items: center; - justify-content: center; - padding: 0 0.375rem; - border-radius: 9999px; - font-size: 0.65em; - font-weight: 600; - background-color: rgba(var(--accent-rgb), 0.12); - color: var(--accent); - line-height: 1.6; - min-width: 1.2em; - } - - @media (prefers-reduced-motion: reduce) { - .tag-cloud-link { - transition: none; - } - } - - .share-grid { - display: grid; - grid-template-columns: repeat(3, 50px); - justify-content: space-evenly; - justify-items: center; - align-content: space-evenly; - align-items: center; - } - - .btn-share { - display: inline-flex; - align-items: center; - justify-content: center; - width: 50px; - height: 50px; - border-radius: 4px; - border: 1px solid var(--border); - background: var(--surface); - color: var(--text-dim); - cursor: pointer; - transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; - text-decoration: none; - } - - .btn-share svg, - .btn-share i, - .btn-share [data-feather] { - width: 22px !important; - height: 22px !important; - flex-shrink: 0; - } - - .btn-share:hover { - color: var(--accent); - border-color: rgba(var(--accent-rgb), 0.5); - background: rgba(var(--accent-rgb), 0.06); - box-shadow: 0 0 10px var(--accent-glow); - } - - .btn-share:focus-visible { - outline: 2px solid var(--accent); - outline-offset: 2px; - color: var(--accent); - border-color: var(--accent); - } - - .btn-share--copied { - color: var(--accent2); - border-color: var(--accent2); - background: var(--surface); - } - - @media (prefers-reduced-motion: reduce) { - .btn-share { - transition: none; - } - } - - /* Badge base style */ - .badge { - @apply inline-flex items-center px-2.5 py-1 rounded text-sm font-mono font-semibold whitespace-nowrap transition-all duration-200; - border: 1px solid; - } - - /* Article type badge styles */ - .badge-tech { - color: var(--type-tech); - background-color: rgba(168, 85, 247, 0.1); - border-color: rgba(168, 85, 247, 0.3); - } - - .badge-tech:hover { - background-color: rgba(168, 85, 247, 0.2); - } - - .badge-life { - color: var(--type-life); - background-color: rgba(245, 158, 11, 0.1); - border-color: rgba(245, 158, 11, 0.3); - } - - .badge-life:hover { - background-color: rgba(245, 158, 11, 0.2); - } - - .badge-quote { - color: var(--type-quote); - background-color: rgba(0, 255, 136, 0.1); - border-color: rgba(0, 255, 136, 0.3); - } - - .badge-quote:hover { - background-color: rgba(0, 255, 136, 0.2); - } - - .badge-link { - color: var(--type-link); - background-color: rgba(56, 189, 248, 0.1); - border-color: rgba(56, 189, 248, 0.3); - } - - .badge-link:hover { - background-color: rgba(56, 189, 248, 0.2); - } - - .badge-photo { - color: var(--type-photo); - background-color: rgba(236, 72, 153, 0.1); - border-color: rgba(236, 72, 153, 0.3); - } - - .badge-photo:hover { - background-color: rgba(236, 72, 153, 0.2); - } - - /* Legacy type-* classes for compatibility (with badge styling) */ - .type-tech { - color: var(--type-tech); - background-color: rgba(168, 85, 247, 0.1); - } - - .type-life { - color: var(--type-life); - background-color: rgba(245, 158, 11, 0.1); - } - - .type-quote { - color: var(--type-quote); - background-color: rgba(0, 255, 136, 0.1); - } - - .type-link { - color: var(--type-link); - background-color: rgba(56, 189, 248, 0.1); - } - - .type-photo { - color: var(--type-photo); - background-color: rgba(236, 72, 153, 0.1); - } - - /* Card component */ - .card { - @apply border border-border rounded-lg overflow-hidden transition-all duration-200; - box-shadow: 0 0 20px var(--accent-glow); - } - - .card:hover { - transform: translateY(-2px); - box-shadow: 0 0 30px var(--accent-glow); - } - - .card-image { - @apply aspect-video object-cover w-full; - } - - .card-body { - @apply p-5 md:p-6 space-y-3; - } - - .card-title { - @apply text-xl font-semibold; - } - - .card-excerpt { - @apply text-text-dim text-sm line-clamp-3; - } - - .card-footer { - @apply flex items-center justify-between gap-4; - } - - /* ===================== - Timeline Layout - ===================== */ - - .timeline { - @apply relative mx-auto max-w-5xl px-4 py-12; - } - - /* Vertical spine */ - .timeline::before { - content: ''; - @apply absolute top-0 bottom-0; - /* Mobile: fixed 20px from container left edge */ - left: 20px; - width: 2px; - background: linear-gradient(to bottom, var(--accent), var(--accent2, var(--accent))); - opacity: 0.7; - } - - @screen md { - .timeline::before { - left: 50%; - transform: translateX(-50%); - } - } - - /* Each timeline row â block, full width, positioned context for abs children */ - .timeline-item { - @apply relative mb-10; - /* - Mobile geometry (.timeline has px-4 = 16px padding): - spine left = 20px from

- -

- 404 -

- - -

- {{ i18n "notFound" }} -

- -

- {{ i18n "notFoundMessage" }} -

- - -

- -

- {{ i18n "noSearchResults" }} -

- - -

- {{ range first 5 (where .Site.RegularPages "Section" "articles") }} -

- -

- {{ .Date.Format "Jan 02, 2006" }} -

- -

- {{ end }} -

- - -

- {{ partial "tag-cloud.html" (dict "page" . "showCount" true "wrapInWidget" false "headingLevel" "h3") }} -

- - -

- - {{ i18n "goHome" }} - - - {{ i18n "browseArticles" }} - - - {{ i18n "contactSupport" }} - -

- - -

- -

- - -

- -

- - -

- -

- - - -

- - -

- -

- 404 -

- - -

- {{ i18n "notFound" }} -

- -

- {{ i18n "notFoundMessage" }} -

- - -

- -

- {{ i18n "noSearchResults" }} -

- - -

- {{ range first 5 (where .Site.RegularPages "Section" "articles") }} -

- -

- {{ .Date.Format "Jan 02, 2006" }} -

- -

- {{ end }} -

- - -

- {{ partial "tag-cloud.html" (dict "page" . "showCount" true "wrapInWidget" false "headingLevel" "h3") }} -

- - -

- - {{ i18n "goHome" }} - - - {{ i18n "browseArticles" }} - - - {{ i18n "contactSupport" }} - -

- - -

- -

- - -

- -

- - -

- -

- - - -

- - -

- {{- if $hasLang -}} -

- {{ $lang }} -

- - -

- {{- end -}} -

-{{- highlight .Inner $highlightLang $opts -}}
-  

{{ .Title }}{{ if ne .Title .Site.Title }} â {{ .Site.Title }}{{ end }}

- {{ block "main" . }}{{ end }} -

- {{ .Title }} -

- - {{ $pinned := where .Pages "Params.pinned" true }} - {{ $unpinned := where .Pages "Params.pinned" false }} - {{ if eq (len $unpinned) 0 }} - {{ $unpinned = where .Pages "Params.pinned" nil }} - {{ if eq (len $unpinned) 0 }} - {{ $unpinned = where .Pages "Params.pinned" "" }} - {{ end }} - {{ end }} - - {{ $allPages := ($pinned | append $unpinned) }} - - {{ if eq (len $allPages) 0 }} -

- {{ i18n "noRelated" }} -

- {{ else }} -

- {{ range $i, $page := (sort $pinned "Date" "desc") }} - {{ $side := "left" }} - {{ if eq (mod $i 2) 0 }}{{ $side = "left" }}{{ else }}{{ $side = "right" }}{{ end }} - {{ partial "article-list-item.html" (dict "Page" $page "side" $side) }} - {{ end }} - {{ $offset := len $pinned }} - {{ range $i, $page := (sort $unpinned "Date" "desc") }} - {{ $idx := add $i $offset }} - {{ $side := "left" }} - {{ if eq (mod $idx 2) 0 }}{{ $side = "left" }}{{ else }}{{ $side = "right" }}{{ end }} - {{ partial "article-list-item.html" (dict "Page" $page "side" $side) }} - {{ end }} - - {{ end }} -

- -

- - {{ if eq .Section "articles" }} - {{ partial "article-nav.html" (dict "page" . "variant" "top") }} - {{ end }} - - - {{ partial "breadcrumb.html" . }} - - - {{ partial "article-header.html" . }} - - -

- {{ .Content }} -

- - - {{ if .Params.tags }} -

- {{ $lang := .Lang }} - {{ range .Params.tags }} - {{ $tagUrl := printf "/tags/%s/" (. | urlize) }} - {{ if eq $lang "it" }} - {{ $tagUrl = printf "/it/tags/%s/" (. | urlize) }} - {{ end }} - - {{ . }} - - {{ end }} -

- {{ end }} - - - {{ if eq .Section "articles" }} - {{ partial "article-nav.html" (dict "page" . "variant" "bottom") }} - {{ end }} -

- - - {{ partial "sidebar.html" . }} -

- -

- - {{ partial "article-nav.html" (dict "page" . "variant" "top") }} - - - {{ partial "breadcrumb.html" . }} - - - {{ partial "article-header.html" . }} - - - {{ partial $template . }} - - - {{ if .Params.tags }} -

- {{ end }} - - - {{ partial "article-nav.html" (dict "page" . "variant" "bottom") }} -

- - - {{ partial "sidebar.html" . }} -

- - {{ if .Params.image }} -

- {{ end }} - - - - -

- {{ .Content }} -

- - -

- {{ $lang := .Lang }} - {{ $articlesUrl := "/articles/" }} - {{ $contactUrl := "/is/here/" }} - {{ if eq $lang "it" }} - {{ $articlesUrl = "/it/articles/" }} - {{ $contactUrl = "/it/is/here/" }} - {{ end }} - - - - {{ i18n "articles" }} - - - - - {{ i18n "contact" }} - -

- - -

- {{ partial "tag-cloud.html" (dict "page" . "showCount" true "wrapInWidget" false) }} -

- -

- - {{ partial "breadcrumb.html" . }} - - - {{ partial "article-header.html" . }} - - -

- {{ .Content }} -

- - - {{ partial "sidebar.html" . }} -

- - {{ if or $imageURL $useDefaultThumbnail }} - - {{ if $useDefaultThumbnail }} -

- {{ else }} - {{ .Title }}

- {{ end }} - - {{ if $typeData }} -

- {{ i18n $articleType }} -

- {{ end }} - - {{ end }} - - -

- - {{ if .Params.pinned }} -

- ð PINNED -

- {{ end }} - - -

- - {{ .Title }} - -

- - -

- - {{ .PublishDate.Format "Jan 2, 2006" }} - -

- - - {{ if $excerpt }} -

- {{ $excerpt | plainify }} -

- {{ end }} - - - - {{ i18n "readMore" }} - - -

- -

- - {{ if and $typeData $hasType }} -

- {{ end }} - - - {{ if and $typeData $hasType }} -

- {{ end }} - -

- {{ .Title }} -

- - -

- - {{ if .PublishDate }} -

- - - {{ .PublishDate.Format "Jan 2, 2006" }} - -

- {{ end }} - - - {{ if .Lastmod }} - {{ $lastmodDate := .Lastmod.Format "2006-01-02" }} - {{ $pubDate := .PublishDate.Format "2006-01-02" }} - {{ if ne $lastmodDate $pubDate }} -

- - - {{ .Lastmod.Format "Jan 2, 2006" }} - -

- {{ end }} - {{ end }} - - - {{ if .Site.Params.readingTime }} -

- - {{ .ReadingTime }} {{ i18n "min" }} {{ i18n "readingTime" }} -

- {{ end }} - - - {{ if and $typeData $hasType }} - - {{ i18n $articleType }} - - {{ end }} -

- {{/* Decorative connector line */}} - - - {{/* Node on spine */}} - - -
- - {{/* Thumbnail */}} - - - {{/* Text body */}} -
- - {{/* Pinned badge */}} - {{ if $page.Params.pinned }} -
- ð {{ i18n "pinned" | default "PINNED" }} -
- {{ end }} - - {{/* Type + date meta row */}} -
- {{ i18n $articleType | upper }} - - - {{ $page.PublishDate.Format "Jan 2, 2006" }} - -
- - {{/* Title */}} -
- {{ $page.Title }} -
- - {{/* Excerpt */}} - {{ if $excerpt }} -
{{ $excerpt | plainify }}
- {{ end }} - - {{/* CTA */}} - - {{ i18n "readMore" }} - - - -
-
-

- {{ .Content }} -

- - {{ .Params.link_title | default (i18n "readMore") }} - - -

- {{ .Content }} -

- "{{ .Params.quote_text }}" -

- â {{ .Params.quote_author }} -

- {{ .Content }} -

- -

Form Components

- - -

- Text Input - -

- - -

- Email (with error) - -

- - -

- Password - -

{{ i18n "form_password_help" | default "Must be at least 8 characters" }}

- - -

- Disabled Input - -

- - - -

- Message - -

- - - -

- Select an option - -

- - - -

- - - {{ i18n "form_agree_terms" | default "I agree to the terms" }} - -

- - -

{{ i18n "form_select_interests" | default "Select your interests" }}

- - - {{ i18n "form_interest_tech" | default "Technology" }} - - - - {{ i18n "form_interest_design" | default "Design" }} - -

- - - -

{{ i18n "form_select_preference" | default "Select a preference" }}

- - - {{ i18n "form_option_a" | default "Option A" }} - - - - {{ i18n "form_option_b" | default "Option B" }} - -

- - - -

- {{ i18n "form_first_name" | default "First Name" }} - -

- {{ i18n "form_last_name" | default "Last Name" }} - -

- - - -

- {{ i18n "form_search" | default "Search" }} - -

- -

- - - -

Modal Examples

- - - -

Notifications

- - - - -

- -

- Menu - -

- - - - - -

- - - - -

- -

- - -

- {{ i18n "noSearchResults" }} -

- - -

- {{ $currentLang := .Page.Language }} - {{ $currentPath := .RelPermalink }} - {{ range .Site.Languages }} - {{ $langCode := .Lang }} - {{ $langName := .LanguageName }} - {{ $current := eq $langCode $currentLang }} - - {{ $url := $currentPath }} - {{ if eq $langCode "en" }} - {{ if hasPrefix $currentPath "/it/" }} - {{ $url = strings.TrimPrefix "/it" $currentPath }} - {{ end }} - {{ else }} - {{ if not (hasPrefix $currentPath "/it/") }} - {{ $url = printf "/it%s" $currentPath }} - {{ end }} - {{ end }} - - {{ $langName }} - - {{ end }} -

- -

- - {{ $homeLink := "/" }} - {{ if eq .Lang "it" }} - {{ $homeLink = "/it/" }} - {{ end }} - - Logo

- danix.xyz - - - -

- {{ $currentPath := strings.TrimSuffix "/" .RelPermalink }} - {{ range .Site.Menus.main }} - {{ $menuPath := strings.TrimSuffix "/" .URL }} - {{ $isActive := eq $menuPath $currentPath }} - - {{ i18n .Name }} - - {{ end }} -

- - -

- - - - -

- - - - - - -

- - - {{ partial "hamburger-menu.html" . }} -

- - - - - -

- - - - - - - {{ partial "social-share.html" (dict "page" . "mode" "sidebar") }} - - - {{ if and .Site.Params.relatedPosts (eq .Section "articles") }} - {{ $related := first 5 (.Site.RegularPages.Related .) }} - -

- - {{ if $related }} -

- - {{ .Title }} - - Â· {{ .PublishDate.Format "Jan 2006" }} - - - {{ if $excerpt }} -
- {{ $excerpt | plainify | truncate 60 }} -
- {{ end }} -

- {{ else }} -

- {{ end }} -

- {{ end }} - - - - - {{ partial "tag-cloud.html" (dict "page" . "showCount" false "wrapInWidget" true "maxTags" 15) }} -

- -

- -{{- else -}} - -{{- end -}} - -{{- end -}}{{/* end if $tags */}} diff --git a/themes/danix-xyz-hacker/layouts/partials/toast-container.html b/themes/danix-xyz-hacker/layouts/partials/toast-container.html deleted file mode 100644 index 7bbd3c0..0000000 --- a/themes/danix-xyz-hacker/layouts/partials/toast-container.html +++ /dev/null @@ -1,13 +0,0 @@ -{{ define "toast-container" }} - - -

- -

- -{{ end }} diff --git a/themes/danix-xyz-hacker/layouts/repository/single.html b/themes/danix-xyz-hacker/layouts/repository/single.html deleted file mode 100644 index ce2c305..0000000 --- a/themes/danix-xyz-hacker/layouts/repository/single.html +++ /dev/null @@ -1,77 +0,0 @@ -{{ define "main" }} -

- - {{ partial "breadcrumb.html" . }} - - -

- {{ i18n "repositoryTitle" }} -

- {{ i18n "repositorySubtitle" }} -

- - -

- {{ .Content }} -

- - -

- {{ partial "social-share.html" (dict "page" . "mode" "inline") }} -

- - -

- -

- {{ range $.Site.Data.repos.repos }} -

- -

- - -

- -

- {{ i18n .description_key }} -

- - - {{ if .tags }} -

- {{ range .tags }} - - {{ . }} - - {{ end }} -

- {{ end }} - - - - {{ i18n "visitGithub" }} â - -

- {{ end }} -

-{{ end }} diff --git a/themes/danix-xyz-hacker/layouts/robots.txt b/themes/danix-xyz-hacker/layouts/robots.txt deleted file mode 100644 index 8fc0c20..0000000 --- a/themes/danix-xyz-hacker/layouts/robots.txt +++ /dev/null @@ -1,5 +0,0 @@ -User-agent: * -Disallow: /search-index.json -Disallow: /it/search-index.json - -Sitemap: {{ .Site.BaseURL }}sitemap.xml diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/actions.html b/themes/danix-xyz-hacker/layouts/shortcodes/actions.html deleted file mode 100644 index 7badab3..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/actions.html +++ /dev/null @@ -1,19 +0,0 @@ -{{- $url := .Get "url" -}} -{{- $desc := .Get "desc" | default "Download" -}} -{{- $outclass := .Get "outclass" | default "" -}} -{{- $inclass := .Get "inclass" | default "" -}} - -{{- if $url -}} -

- - - {{ $desc }} - -

-{{- else -}} - {{- errorf "actions shortcode: 'url' parameter is required" -}} -{{- end -}} diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/contact.html b/themes/danix-xyz-hacker/layouts/shortcodes/contact.html deleted file mode 100644 index 6c5748f..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/contact.html +++ /dev/null @@ -1,65 +0,0 @@ - - diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/dropcap.html b/themes/danix-xyz-hacker/layouts/shortcodes/dropcap.html deleted file mode 100644 index 6114678..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/dropcap.html +++ /dev/null @@ -1 +0,0 @@ -{{ .Inner }} diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/em.html b/themes/danix-xyz-hacker/layouts/shortcodes/em.html deleted file mode 100644 index a3a096c..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/em.html +++ /dev/null @@ -1 +0,0 @@ -{{ .Inner }} diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/gallery.html b/themes/danix-xyz-hacker/layouts/shortcodes/gallery.html deleted file mode 100644 index b66c327..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/gallery.html +++ /dev/null @@ -1,12 +0,0 @@ -{{- $cols := .Get "cols" | default "2" -}} - -

- {{- range $line := strings.Split .Inner "\n" -}} - {{- if strings.Contains $line "![" -}} - {{- $image := strings.TrimSpace $line -}} - {{- if $image -}} - {{ $image | markdownify | safeHTML }} - {{- end -}} - {{- end -}} - {{- end -}} -

diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/gravatar.html b/themes/danix-xyz-hacker/layouts/shortcodes/gravatar.html deleted file mode 100644 index 3a1ebcc..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/gravatar.html +++ /dev/null @@ -1,17 +0,0 @@ -{{- $email := .Get "email" -}} -{{- $size := .Get "size" | default "256" | int -}} -{{- $alt := .Get "alt" | default "User avatar" -}} -{{- $class := .Get "class" | default "w-32 h-32 rounded-full" -}} - -{{- if $email -}} - {{- $hash := md5 (strings.TrimSpace (strings.ToLower $email)) -}} - {{- $gravatarURL := printf "https://www.gravatar.com/avatar/%s?s=%d&d=identicon" $hash $size -}} -

-{{- else -}} - {{- errorf "gravatar shortcode: 'email' parameter is required" -}} -{{- end -}} diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/image.html b/themes/danix-xyz-hacker/layouts/shortcodes/image.html deleted file mode 100644 index 84dec3f..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/image.html +++ /dev/null @@ -1,23 +0,0 @@ -{{- $src := .Get "src" -}} -{{- $alt := .Get "alt" | default "Image" -}} -{{- $caption := .Get "caption" -}} -{{- $class := .Get "class" | default "w-full h-auto rounded-lg border border-border" -}} -{{- $link := .Get "link" -}} -{{- $figureClass := .Get "figure-class" -}} - -{{- if or $src .Inner -}} -

- {{- if .Inner -}} - {{- .Inner -}} - {{- else -}} - {{- if $link -}}{{- end -}} -

- {{- if $link -}}{{- end -}} - {{- end -}} - {{- if $caption -}} -

- {{- end -}} - -{{- else -}} - {{- errorf "image shortcode: 'src' parameter or inner content is required" -}} -{{- end -}} diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/quote.html b/themes/danix-xyz-hacker/layouts/shortcodes/quote.html deleted file mode 100644 index 1ed5c3c..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/quote.html +++ /dev/null @@ -1,15 +0,0 @@ -{{- $source := .Get "source" -}} -{{- $src := .Get "src" -}} - -

-
{{ .Inner }}
- {{- if $source -}} -
- {{- if $src -}} - â {{ $source }} - {{- else -}} - â {{ $source }} - {{- end -}} -
- {{- end -}} -

diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/strike.html b/themes/danix-xyz-hacker/layouts/shortcodes/strike.html deleted file mode 100644 index 275b7c1..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/strike.html +++ /dev/null @@ -1 +0,0 @@ -~~{{ .Inner }}~~ diff --git a/themes/danix-xyz-hacker/layouts/shortcodes/video.html b/themes/danix-xyz-hacker/layouts/shortcodes/video.html deleted file mode 100644 index 1e2645d..0000000 --- a/themes/danix-xyz-hacker/layouts/shortcodes/video.html +++ /dev/null @@ -1,37 +0,0 @@ -{{- $src := .Get "src" -}} -{{- $id := .Get "id" -}} -{{- $title := .Get "title" | default "Video" -}} -{{- $class := .Get "class" | default "" -}} - -{{- if $id -}} -

- -

-{{- else if $src -}} - {{- $ext := $src | path.Ext -}} - {{- $filetype := slicestr $ext 1 -}} - {{- $videoURL := $src -}} - {{- $resource := .Page.Resources.GetMatch $src -}} - {{- if $resource -}}{{- $videoURL = $resource.RelPermalink -}}{{- end -}} -

-{{- else -}} - {{- errorf "video shortcode: either 'src' or 'id' parameter is required" -}} -{{- end -}} diff --git a/themes/danix-xyz-hacker/layouts/taxonomy/list.html b/themes/danix-xyz-hacker/layouts/taxonomy/list.html deleted file mode 100644 index c3a4317..0000000 --- a/themes/danix-xyz-hacker/layouts/taxonomy/list.html +++ /dev/null @@ -1,49 +0,0 @@ -{{ define "main" }} -

- -

- {{ i18n .Data.Plural }} -

- - -

- {{ partial "article-card.html" . }} - - {{ i18n "postCount" .Pages.Len }} - -

- {{ end }} - - - {{ range (sort $unpinned "Date" "desc") }} -

- {{ partial "article-card.html" . }} - - {{ i18n "postCount" .Pages.Len }} - -

- {{ end }} - - - {{ if eq (len .Pages) 0 }} -

- {{ i18n "noRelated" }} -

- {{ end }} -

-{{ end }} diff --git a/themes/danix-xyz-hacker/layouts/taxonomy/term.html b/themes/danix-xyz-hacker/layouts/taxonomy/term.html deleted file mode 100644 index 1b953bc..0000000 --- a/themes/danix-xyz-hacker/layouts/taxonomy/term.html +++ /dev/null @@ -1,46 +0,0 @@ -{{ define "main" }} -

- -

- {{ i18n .Data.Singular }} -

- - -

- - {{ .Title }} - -

- - -

- {{ $pinned := where .Pages "Params.pinned" true }} - {{ $unpinned := where .Pages "Params.pinned" false }} - - - {{ if eq (len $unpinned) 0 }} - {{ $unpinned = where .Pages "Params.pinned" nil }} - {{ if eq (len $unpinned) 0 }} - {{ $unpinned = where .Pages "Params.pinned" "" }} - {{ end }} - {{ end }} - - - {{ range (sort $pinned "Date" "desc") }} - {{ partial "article-card.html" . }} - {{ end }} - - - {{ range (sort $unpinned "Date" "desc") }} - {{ partial "article-card.html" . }} - {{ end }} - - - {{ if eq (len .Pages) 0 }} -

- {{ i18n "noRelated" }} -

- {{ end }} -

-{{ end }} diff --git a/themes/danix-xyz-hacker/theme.toml b/themes/danix-xyz-hacker/theme.toml deleted file mode 100644 index bcb8f6f..0000000 --- a/themes/danix-xyz-hacker/theme.toml +++ /dev/null @@ -1,37 +0,0 @@ -name = "danix.xyz Hacker" -license = "MIT" -licenselink = "https://opensource.org/licenses/MIT" -description = "Bilingual portfolio/blog theme with hacker/open-source aesthetic, responsive sidebar, 5 article types, and configuration-driven structure." -homepage = "https://github.com/danix/danix-xyz-hacker-theme" -demosite = "https://danix.xyz" -author = "Danilo MacrÃ¬" -authorlink = "https://danix.xyz" -version = "1.0.0" - -[params] - minVersion = "0.100.0" - -[[minfeaturesVersion]] - description = "Hugo extended required for Tailwind CSS via Pipes" - version = "0.100.0" - -[[features]] - name = "Bilingual (i18n)" - -[[features]] - name = "Responsive Design" - -[[features]] - name = "Dark/Light Theme Toggle" - -[[features]] - name = "Article Types (5)" - -[[features]] - name = "Shortcode System" - -[[features]] - name = "Alpine.js Interactions" - -[[exampleSiteRepo]] - url = "https://github.com/danix/danix.xyz"

- 404 -

- {{ i18n "notFound" }} -

{{ i18n "recentArticles" }}

{{ .Title }}

{{ i18n "easterEggTitle" }}

- 404 -

- {{ i18n "notFound" }} -

{{ i18n "recentArticles" }}

{{ .Title }}

{{ i18n "easterEggTitle" }}

{{ .Text | safeHTML }}

- {{ .Title }} -

{{ i18n "tags" }}

{{ i18n "tags" }}

- - {{ .Title }} - -

- {{ .Title }} -

- {{ $page.Title }} -

Form Components

Modal Examples

Notifications

{{ .name }}