Skip to content

Parts Kit 2 of 2: Upgrade Templates #124

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
joshuapease wants to merge 2 commits into
base: jp/upgrade-parts-kit-plugin
Choose a base branch
from
Draft

Parts Kit 2 of 2: Upgrade Templates #124

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ff06d93
[n/a] Upgrade to temp branch that removes parts kit layout dependency.
joshuapease Oct 31, 2025
a67da11
[n/a] Rework templates
joshuapease Oct 31, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion composer.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"verbb/expanded-singles": "3.0.3",
"verbb/navigation": "3.0.13",
"viget/craft-classnames": "3.0.0",
"viget/craft-parts-kit": "dev-jp/plugin-release",
"viget/craft-parts-kit": "dev-jp/settings-and-remove-layout-dependency",
"vlucas/phpdotenv": "^5.4.0"
},
"require-dev": {
Expand Down
14 changes: 7 additions & 7 deletions composer.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 5 additions & 0 deletions config/parts-kit.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<?php

return [
'headTemplatePath' => '_partials/head.twig',
];
24 changes: 3 additions & 21 deletions templates/_layouts/base.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,21 +16,7 @@
<title>{{ siteName }}</title>
{%- endif %}

{# Preload Webfonts #}
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-bold-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-light-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-regular-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-semibold-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>

{# Load our main CSS file to avoid FOUC in dev mode #}
{% if craft.vite.devServerRunning() %}
<link rel="stylesheet" href="{{ craft.vite.asset("src/css/app.css") }}">
{% endif %}

{{ craft.vite.script('src/js/app.js', false) }}

{# Hide elements if we're in the parts-kit #}
{% set isPartsKitUrl = craft.app.request.segments | first == 'parts-kit' %}
{{ include('_partials/head.twig') }}

{# -- Dangerously added raw HTML -- #}
{{ include(codeBlocksTemplate, {
Expand All @@ -45,17 +31,13 @@
codePosition: 'bodyTop'
}, with_context = false) }}

{% if not isPartsKitUrl %}
{{ include('_partials/header.twig') }}
{% endif %}
{{ include('_partials/header.twig') }}

<main id="content" tabindex="-1">
{% block content %}{% endblock %}
</main>

{% if not isPartsKitUrl %}
{{ include('_partials/footer.twig') }}
{% endif %}
{{ include('_partials/footer.twig') }}

{# -- Dangerously added raw HTML -- #}
{{ include(codeBlocksTemplate, {
Expand Down
12 changes: 12 additions & 0 deletions templates/_partials/head.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{# Preload Webfonts #}
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-bold-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-light-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-regular-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="{{ craft.vite.asset("src/fonts/sourcesanspro-semibold-webfont.woff2") }}" as="font" type="font/woff2" crossorigin>

{# Load our main CSS file to avoid FOUC in dev mode #}
{% if craft.vite.devServerRunning() %}
<link rel="stylesheet" href="{{ craft.vite.asset("src/css/app.css") }}">
{% endif %}

{{ craft.vite.script('src/js/app.js', false) }}
40 changes: 18 additions & 22 deletions templates/parts-kit/accordion/default.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,22 @@
{% extends "parts-kit/layout.twig" %}
{% from '_components/accordion' import Accordion %}

{% block main %}
<div>
{% for i in 1..3 %}
{{ Accordion({
title: 'Accordion Item ' ~ i,
content: 'This is the content for accordion item ' ~ i ~ '.',
}) }}
{% endfor %}
</div>

<div>
{% for i in 1..3 %}
{{ Accordion({
title: 'Accordion Item ' ~ i,
content: 'This is the content for accordion item ' ~ i ~ '.',
}) }}
{% endfor %}
</div>
<h2 class="text-2xl font-bold mb-16 mt-40">Grouped Accordions</h2>

<h2 class="text-2xl font-bold mb-16 mt-40">Grouped Accordions</h2>

<div>
{% for i in 1..3 %}
{{ Accordion({
title: 'Accordion Item ' ~ i,
content: 'This is the content for accordion item ' ~ i ~ '.',
name: 'accordion-group',
}) }}
{% endfor %}
</div>
{% endblock %}
<div>
{% for i in 1..3 %}
{{ Accordion({
title: 'Accordion Item ' ~ i,
content: 'This is the content for accordion item ' ~ i ~ '.',
name: 'accordion-group',
}) }}
{% endfor %}
</div>
26 changes: 11 additions & 15 deletions templates/parts-kit/alert-banner/default.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,15 @@
{% extends 'parts-kit/layout.twig' %}

{% from '_components/alert-banner' import AlertBanner %}

{% block main %}
{{ AlertBanner({
title: 'Dismissible Alert Banner',
description: 'Cillum dolor nisi et sunt in in et ullamco eiusmod duis aute et fugiat excepteur. Sit irure consectetur anim do aliqua excepteur amet nulla magna enim proident incididunt ipsum.',
dismissible: true,
}) }}
{{ AlertBanner({
title: 'Dismissible Alert Banner',
description: 'Cillum dolor nisi et sunt in in et ullamco eiusmod duis aute et fugiat excepteur. Sit irure consectetur anim do aliqua excepteur amet nulla magna enim proident incididunt ipsum.',
dismissible: true,
}) }}

<hr class="my-48" />
<hr class="my-48" />

{{ AlertBanner({
title: 'Non-Dismissible Alert Banner',
description: 'Cillum dolor nisi et sunt in in et ullamco eiusmod duis aute et fugiat excepteur. Sit irure consectetur anim do aliqua excepteur amet nulla magna enim proident incididunt ipsum.',
dismissible: false,
}) }}
{% endblock %}
{{ AlertBanner({
title: 'Non-Dismissible Alert Banner',
description: 'Cillum dolor nisi et sunt in in et ullamco eiusmod duis aute et fugiat excepteur. Sit irure consectetur anim do aliqua excepteur amet nulla magna enim proident incididunt ipsum.',
dismissible: false,
}) }}
Loading