- Clean up JS logic in
resources/views/components/_cookie_banner.antlers.html
. - Add fallback-description to social-media image partial
resources/views/components/_social_image.antlers.html
. Thanks Goldnead. - Added a no-script explainer text to
resources/views/snippets/_noscript.antlers.html
andresources/lang/en/strings.php
. - Removed
peak:warm
command (app/Console/Commands/WarmCommand.php
) as this is now built into Statamic. Also updatedapp/Console/Kernel.php
,README.example.md
andconfig/statamic/static_caching.php
to reflect this change. - Automatically add
w-full h-full
when calling inresources/views/components/_picture.antlers.html
usingcover="true"
. - Add default asset container to the bard field in
resources/fieldsets/article.yaml
. - Use
overflow-auto
instead ofoverflow-scroll
to prevent an always visible scrollbar on Windows inresources/views/components/_table.antlers.html
. - Updated dependencies.
- Fix bugs after reorganizing the favicons feature into 'Browser appearance'. Files changed:
app/Listeners/GenerateFavicons.php
,resources/views/manifest/manifest.antlers.html
andresources/views/snippets/_browser_appearance.antlers.html
.
- Get rid of
JSON.parse()
when using$persist
inresources/views/components/_toolbar.antlers.html
,resources/views/components/_dark_mode_toggle.antlers.html
andresources/views/components/_cookie_banner.antlers.html
. The final release of the plugin does this for us automatically. - Use the
queue
flag inREADME.example.md
for the assets generate presets command so the queue get's used when available.
- Use Alpine's v3 persist plugin throughout peak: cookie banner, dark mode toggle, toolbar in
resources/views/components/_cookie_banner.antlers.html
,resources/views/components/_dark_mode_toggle.antlers.html
andresources/views/components/_toolbar.antlers.html
.
- Use the GTM Consent API for cookie consent: https://developers.google.com/tag-manager/consent in
resources/views/components/_cookie_banner.antlers.html
andresources/views/snippets/_seo.antlers.html
. - Enable the cookie banner for Google Analytics as well. It's not needed anymore to traffic GA through GTM if you don't anonymize IP's (please don't though) in
resources/blueprints/globals/seo.yaml
andresources/views/snippets/_seo.antlers.html
. - Adds the ability to specify which cookies you accept.
- Adds the ability to revoke cookie consent when you
{{ yield:reset_cookie_consent }}
inresources/views/layout/_footer.antlers.html
. - Remove all cookie functions from the window object in
resources/js/site.js
.
- Add the ability to set fallback meta, OG and Twitter descriptions in
resources/views/snippets/_seo.antlers.html
,resources/blueprints/globals/seo.yaml
,resources/views/snippets/_fallback_description.antlers.html
andapp/Tags/ScopeValue.php
. - Reorder tracking fields in the SEO global blueprint in
resources/blueprints/globals/seo.yaml
.
- Add a new browser appearance appearance global for configuring browser specific meta tags.
- Merge favicons globals into a new Browser appearance global:
content/globals/browser_appearance.yaml
andresources/blueprints/globals/browser_appearance.yaml
and rename certain fields. - The favicon listener in
app/Listeners/GenerateFavicons.php
now listens tobrowser_appearance
instead offavicons
. - Rename
resources/views/snippets/_favicons.antlers.html
toresources/views/snippets/_browser_appearance.antlers.html
and add new browser appearance logic. - Call in
browser_appearance
partial instead offavicons
inresources/views/layout.antlers.html
.
- Peak now ships with compiled assets so
npm i && npm run dev
is not needed upon installation. This is in preparation to the new starter kits feature coming in Statamic 3.2. - Add a noscript partial
resources/views/snippets/_noscript.antlers.html
and import it inresources/views/layout.antlers.html
. Use it to disable the CSS that hides x-cloak elements for users that have Javascript disabled. - Add default file upload styling in
resources/views/vendor/statamic/forms/fields/assets.antlers.html
andtailwind.config.site.js
. - Rename dark mode localizable strings in
resources/views/components/_dark_mode_toggle.antlers.html
andresources/lang/en/strings.php
. - Change 'CACHING_STRATEGY' for 'STATAMIC_STATIC_CACHING_STRATEGY' to be on par with Statamic in
.env.example
andconfig/statamic/static_caching.php
. - Rename
bard
toarticle
inresources/views/search.antlers.html
. - Explain how redirects work better in
resources/blueprints/globals/redirects.yaml
. - Use a unique form ID per form in
resources/views/page_builder/_form.antlers.html
. Thanks Daniel. - Seperate form fields from form logic in
resources/views/page_builder/_form.antlers.html
by addingresources/views/snippets/_form_fields.antlers.html
. Thanks Daniel. - Use placeholder data in
resources/views/vendor/statamic/forms/fields/text.antlers.html
andresources/views/vendor/statamic/forms/fields/textarea.antlers.html
. Thanks Sense and Image. - Exclude the sitemap from static caching in
config/statamic/static_caching.php
. Thanks Sense and Image.
- Update S3 filesystem config.
- Comment all scheduled commands in
App/Console/Kernel.php
by default. - Use
x-effect
to toggleno-scroll
on the body inresources/views/navigation_main.antlers.html
. - Remove
scope="set"
fromresources/views/page_builder/_article.antlers.html
since it wasn't being used in the actual sets, and the data is usually so far nested in that it won't collide with anything.
- Fix id selectors in
resources/views/social_images.antlers.html
. Sorry folks.
- Remove Alpine logic from the social images template to prevent issues with Browsershot and Puppeteer. Thanks Michael for finding this issue.
- Yield a translateable page title on the
resources/views/search.antlers.html
template just like on the 404 template.
- Use
.xml
for sitemap template and remove redundantcontent_type
from route. - Add a custom Tailwind variant to check support of backdrop blur so you can do stuff like:
supports-backdrop-blur:bg-opacity-80
.
- Make cookie banner decline button actually readeable by default.
- No more whitespace in the default textarea view in
resources/views/vendor/statamic/forms/fields/textarea.antlers.html
. Upgrade to AlpineJS v3: - Defer loading of the script tag in the document head in
resources/views/layout.antlers.html
. - Import Alpine, Start Alpine and set window.Alpine in
resources/js/site.js
. - Use
@click
inresources/views/components/_search_form.antlers.html
. - Use
.outside
inresources/views/components/_search_form.antlers.html
andresources/views/navigation/_main.antlers.html
. - Properly setup Alpine.data function function in
resources/views/page_builder/_form.antlers.html
.
Upgrade to Tailwind 2.2:
- Move
::selection
from the tailwind config toresources/views/layout.antlers.html
as utility classes. - Added caret color utilities to the appropriate published form views.
- Remove the now redudant
transform
utility (so isfilter
but we don't use it by default). - Re-added an empty
safelist
array intailwind.config.js
since the JIT engine now supports protecting classes from being purged.
- Add ->filter() method to warm command.
- Fixes bug that caused wrong URL's in JSON-ld breadcrumbs in
resources/views/snippets/_seo.antlers.html
.
- Move
fontFamily
settings out ofextend
. - Add
fontWeight
settings.
- Add a more informative toast notification message when generation social images.
- Return
0
in the warm script to prevent deployment errors.
- Fix typo in
resources/views/components/_dark_mode_toggle.antlers.html
. Thanks Jelle. - Fix color contrast issue in
resources/views/components/_cookie_banner.antlers.html
. - Remove duplicate
localizable
key inresources/blueprints/globals/redirects.yaml
.
- Generating social images is now a job and queuable when you use Redis.
- You can include and exclude URL's for the static caching warm command. Thanks Jelle.
- The .env example is more structured. Thanks Jelle.
- Make redirects localizable.
- Don't show canonical links when the entry has
seo_noindex
set inresources/views/snippets/_seo.antlers.html
. Thanks for the headsup Fabbow! - Only show
hreflang
tags whenseo_canonical_type
is pointing to itself and when the entry doesn't haveseo_noindex
set inresources/views/snippets/_seo.antlers.html
. Thanks for the headsup Fabbow!
- Fixed typo. Thanks Matthew.
- Merged in config file difference from more recent Statamic updates.
- Use grid display for social sharing images in the SEO tab.
- Updated dependencies.
- Clear cache after generating social images.
- Track changes in git for the
favicons
andsocial_images
asset containers. - .gitkeep
public/social_images
.
- The ability to auto generate social images based on a template you control. Read the docs here.
- Social images are now saved in a seperate asset container.
- You can now remove the toolbar for the current request. Thanks Jelle Roorda.
- Add
strong
rule intailwind.config.typography.js
and set it to the DEFAULT neutral color. - Remove duplicate
if local
check inresources/views/components/_toolbar.antlers.html
. Thanks Vlad. - No hyphen in
Email address
inresources/blueprints/forms/contact.yaml
andresources/lang/en.json
.
- Updated template comment/description system for future benefit.
- Move the
button_attributes
partial to snippets as it's not a component and update the partials requiring it it. - Rename
bard
handle toarticle
just likepage_builder
isn't calledreplicator
.
- Remove extra quote in the search results view. Thanks Craig.
- The property
minifyFontValues
is added and set tofalse
inwebpack.mix.js
to prevent cssNano from stripping quotes from font names. Thanks Vlad. - The
window.getToken
function has been touched by an actual developer, so it's shorter now. Thanks Jonas.
- Use regular expression for sorting breakpoints to use in the Peak toolbar to make it a little more secure.
- Set some sensible
localizable
defaults to all fields so using Peak in a multisite environment means less configuration.
- Use
config:app:name
instead ofsite:name
in the SEO partial. When you use descriptive site names in a multisite situation (e.g. 'Dutch', or 'English'), the partial won't fall back to that in the page title. - Support for extending breakpoints in the breakpoint indicator.
- Remove redundant title from e-mail templates.
- Fixed tpyo in SEO partial causing the Twitter image not to load. Thanks Eric.
- Revamped the default color config.
- Add the sizing utility to the pull quote set.
- Add
@click.away
to subnav list instead of parent anchor to prevent accidentally closing the subnav. - Fix focus styles in Safari for buttons and the search input.
- Revert using
slug
instead oftitle | slugify
for link blocks as we don't know if there is aslug
. - Use
as
instead oftag
to overrule typography partial tags. This is a little more natural:{{ partial:typograph/h1 as="h2" }}
. - Use padding in navigation links instead of spacing the items. Thanks Daniel.
- The Tailwind highlight utility.
- Improved
GenerateFavicons.php
listener so it doesn't break thephp please multisite
command. Thanks Jelle Roorda.
- Add a
notice
state and icon toresources/views/components/_notification.antlers.html
.
- Repeat search form on the search results template in
resources/views/search.antlers.html
. - Use
slug
instead oftitle | slugify
for link blocks a11y ID's.
- Remove the ability for editors to create users, since they can't select roles due to a Statamic issue. Superusers have to do this.
- Remove
sm
sizing utility in one specific breakpoint missed before.
- Remove
validation: required
fromresources/fieldsets/link_blocks.yaml
andresources/fieldsets/button.yaml
due to validation currently not working as expected in Statamic. Please open an issue or a PR if this is needed in more places. - Added some conditionalis to
resources/views/page_builder/_link_blocks.antlers.html
andresources/views/components/_button.antlers.html
due to the validation being removed.
- Use Tailwind 2.1 with native JIT support.
- Also add current locale as hreflang tag in
resources/views/snippets/_seo.antlers.html
. - Make social media
aria-label
inresources/views/layout/_footer.antlers.html
more descriptive. - Alphabetize strings based on category in
resources/lang/en/strings.php
.
- Use the new
honepot
variable instead of hard coding it. - Close mobile sub navigation when clicking the the parent again.
- The
menu
andclose
labels in the menu button are now localisable.
- Add
x-cloak
toresources/views/components/_search_form.antlers.html
. - Editor role can view and delete contact form submissions by default.
- Use
{{ xml_header }}
inresources/views/sitemap.xml
. Thanks Taylor. - Somewhere along the way the
overflow-scroll
got lost on the table partial. It's back now for a better mobile experience.
- The caption partial should, and now is located in
resources/views/typography/_caption.antlers.nl
. - Update
.env.example
with the right whitelabel variables.
- DRY caption for
_figure.antlers.html
,_table.antlers.html
and_video.antlers.html
inresources/views/components/_caption.antlers.nl
. - Add some HTML content to the empty configuration global.
- Remove
sm
sizing utility. - Move sizing utilities and
js-focus-visible
to the Tailwind base layer so we don't need to whitelist those classes. - Remove purge options options from
tailwind.config.js
, since the JIT compiler doesn't actually use Purge CSS. - Use
max-w-none
on.prose
instead of disabling themax-width
in thetailwind.config.typography.js
as per the Tailwind Typography docs.
- Disable margin on p's in li's in ul's or ol's in
tailwind.config.typography.js
.
- Remove
app/Tags/DynamicToken.php
and move this logic to to the window as a global helper function so you can reusewindow.getToken()
.
- Add empty
alt
attributes to SVG icons for improved a11y according to best practices. This makes sure VoiceOver won't read the filename for those decorative icons. - Update
composer.json
to use Statamic 3.1.*.
- Add Twitter Image Alt meta tag.
- Add Twitter
Summary Large Image
card support. - Propertly enforce
focus-visible
where applicable.
Peak now has it's own docs thanks to Robert Guss: the Peak docs.
- Add a tag to get a collections mount URL. So you can use
{{ mount_url from="news" }}
to generate aView all news articles
link. Thanks Simon Bédard. - Add
~
as a page title separator. - Properly define the warm command in it's own file. Important: you must now run
php please peak:warm
orphp artisan statamic:peak:warm
.
- Remove
npm i && npm run dev
frompost-create-project
incomposer.json
to prevent issues when using the Statamic CLI together with the Tailwind JIT compiler.
- Use Tailwinds JIT compiler.
- Ensure a full stop in the alt text in
resources/views/components/_picture.antlers.html
. - Use defined variable in Dynamic Token tag. Thanks Alexander.
- Default to
rad
mode, but setSTATAMIC_THEME
tobusiness
in.env.example
. - Restore an empty
public/vendor/app/css/cp.css
to prevent a 404 error in the console.
- Add a
class
attribute to the button partial.
- Update
app/Http/Controllers/DynamicToken.php
andapp/Tags/DyamicToken.php
to use async/await instead of Ajax and return JSON so you can use the dynamic token route in other places as well. - Only show
resources/views/components/_toolbar.antlers.html
when environment islocal
and not when you're logged in as that won't work with static caching.
- Support for Statamic 3.1 white labeling.
- Disable
max-width
onprose
class by default (as it's already in a container). - Disable
size-modifiers
for Tailwind Typography by default since we use fluid typography. - Fix Knowledge Graph JSON-ld Organisation logo url.
- Contain Knowledge Graph JSON-ld Organisation logo in it's square.
- Scope sitemap results to prevent empty
<url>
entries in it. - Actually use
.env
IMAGE_MANIPULATION_DRIVER
inconfig/statamic/assets.php
(defaults togd
).
- Use
inverted="true"
onresources/views/components/_buttons.antlers.html
orresources/views/component/_button.antlers.html
to use inverted styled buttons. Usefull on contrasting backgrounds (BYOS: bring your own styling). - Added GitHub to the Social Media blueprint. Thanks Gal.
- Added an optional dark mode toggle. Follow the instructions in README or
resources/views/components/_dark_mode_toggle.antlers.html
on how to enable (class based) Dark Mode. - Search disabled and removed from partials by default to clean the templates up a little. Follow the instructions in README or
resources/views/components/_search_form.antlers.html
on how to enable search.
- Add commented
IMAGE_MANIPULATION_DRIVER=imagick
to.env.example
to make it easier to enable Imagick.
- Disable darkmode by default. That shaves of some dev build size and will make your debugger faster. Woof!
- Use Mailhog as the default SMTP config in
.env.example
since it's a local service and free, unlike Mailtrap, the Laravel default. Runbrew install mailhog
,valet proxy mailhog http://127.0.0.1:8025
and catch your mails onhttps://mailhog.test
.
- Published the password reset blade views and removed rad mode to be in line with the login view. This method will likely improve siginificantly with the upcoming release of Statamic 3.1 containing white-labeling features.
- Make DynamicToken check work with both non www and www domains. Thanks Frederik.
- Only make search submit button enabled when the search input field has a value. Thanks for reporting Kerns.
- Use fixed positioning for the toolbar instead of absolute.
- The ability to override different favicons with custom assets.
- The Tailwind breakpoint pill replaced by a toolbar in the top right corner. It also contains an edit button when you're logged in. The toolbar can be permantly fixed to your window by toggling the button. A great idea by Kerns.
- Use fakerphp/faker instead of fzaninotto/faker. Thanks Julius.
- Update Tailwind and other JS dependencies.
- Use the
{{ svg }}
tag where possible.
- Redirects old URL's to new URL's and present it in a fancy grid. That's it. Only kicks in when a 404 is triggered. Just like the SEO global it's only accessible to the superusers and the
marketeer
role (which you add to users with theeditor
role).
- Rewrote and simplified the favicon image generation. You can now use any SVG, don't need a squared viewport and it will still be centered in the resulting PNG's.
- Specify asset container for image fields.
- Disabled centering your favicon for when you're SVG viewport is not already squared due to possible bugs. For now.
- Add favicon support. Generate favicons for modern browsers with a single SVG. Thanks to David for the inspiration!
- Added a
marketeer
role you can grant certaineditors
to access the SEO globals.
- Add
replicator_preview: false
by default to bard fields inresources/fieldsets/common.yaml
. - Make subnav toggable. Thank you Philip.
- The readme.
- Add a consent field to the default form.
- Don't e-mail form fields that have
consent
as a handle: those are usually single checkbox field that have to be checked for the form to be valid. - Yield a SEO title to
resources/views/snippets/_seo.antlers.html
fromresources/views/error/404.antlers.html
to render a page title on the error page. This pattern is reusable to optional other error pages.
- Update deploy scripts in
README.example.md
. - Add
route:cache
command to optional schedule inapp/Console/Kernel.php
. - Set the optional clear and warm schedule to daily by default instead of hourly in
app/Console/Kernel.php
.
- Fix typo's in
README.example.md
. Thanks Sam. - Fix forge deploy script.
- Fix error in Ploi deployment script.
- Use Tailwind layers to instruct PurgeCSS in
tailwind.config.js
andresources/css/custom.css
. Thanks for the tip Tom. - Update JS dependencies.
- Update Forge/Ploi references in the README files.
- Ignore errors in the
php artisan warm
command inroutes/console.php
. - Remove
php artisan inspire
fromroutes/console.php
. - Add note in
README.example.md
for Ploi users.
- Actually commit the
1.18.9
changes regarding site locale. Sorry! - Remove unused
scrollMarginTop
declaration fromtailwind.config.typography.js
.
- Use the proper locale variable
site:locale
for localizing form e-mails. The previous variablelocale
returnsdefault
for the default site and that could cause issues translating your e-mails. Thanks Jason. - The README.md now has inline and updated screenshots.
- Revoke all cookie consent given before a certain date so users have to consent again. Handy when your privacy policy changed.
- Add a field called
button_type
to buttons. It has two options by default:inline
andbutton
. The templateviews/components/_button.antlers.html
defaults tobutton
.
- Translatable labels using the
{{ trans key="{ label }" }}
pattern for checkboxes, radio's and selects. - Updated JS dependencies.
- Damned trailing comma's! #65 Thanks Vannut.
- Persons and organizations deserve their own URL. #65 Thanks Vannut.
- Added
resources/css/custom.css
if you prefer defining your custom CSS in actual CSS.
- Consistent use of template string in
tailwind.config.peak.js
.
- The page builder replicator is now localizable by default. Thanks Manuel.
- Update DynamicToken route to be compatible with Laravel 8. Thanks Duncan.
- Update
tailwind.config.js
proper key fordarkMode
, removefuture
andexpiremental
keys. Thanks Vlad.
- Fix CSS selector and value so the negative margin bottom actually works on last childs with a class of
w-full
in theouter-grid
. Thank you Manuel.
- Prevent cookie banner from showing when GTM is off.
- Style.
- Search functionality. Disabled by default. See the readme for more details on how to enable and extend search.
- Updated and added (missing) inline documentation.
- You can now either link to an asset (PDF) or entry from the cookie banner regarding more information about your privacy policy.
- Breaking: Added an optional cookie notification banner. This changes some SEO field handles and the SEO yield name. If you're updating manually make sure you:
- overwrite
resources/blueprints/seo.yaml
- overwrite
resources/views/snippets/_seo.antlers.html
- merge
resources/lang/en/strings.php
- merge
resources/js/site.js
- rename
yield:google_tag_manager
toyield:seo_body
inresources/views/layout.antlers.html
- add
resources/components/_cookie_banner.antlers.html
- overwrite
Note: tracking and cookie consent by default only work on the
production
environment.
- Upgrade to Laravel Mix 6.
- Modernzr integration for WebP detection (previously used in the background image snippet).
- Include
package-lock.json
for now to prevent compilation errors. Compatibility for Laravel Mix 6 is in the works but thelaravel-mix-modernizr
plugin isn't compatible yet. Keep an eye out on: https://github.com/studio1902/statamic-peak/tree/feature/laravel-mix-6
- Updated
README.example.md
with NGINX config for static resource caching. - Updated composer.json to support PHP8.
- Return of the
last
variant formargin
as this is used inresources/views/typography/_paragraph.antlers.html
.
- Don't purge
.js-focus-visible
otherwise focus-visible won't work on production. - Don't overwrite default transition duration but extend it.
- Change default transition length to 300ms.
- Add
motion-safe
variant fortransitionDuration
.
- Use and implement
focus-visible
Polyfill: https://github.com/studio1902/statamic-peak#focus-visible - Use and implement the
motion-safe
variant: https://github.com/studio1902/statamic-peak#reduced-motion - Add Cloudflare Web Analytics Tracker. Thanks Vaggelis!
- Remove deprecated
scrolling-touch
utility fromresources/views/navigation/_main.antlers.html
.
- Fixed a bug in the Tailwind config that prevented the VS Code Intellisense plugin from working.
- Use
config:app:name
for the logo aria-label. - Tpyo's removed from the README. Thanks Jelle!
- Updated the example README with a space for both the production and the development env vars.
- Added a helper utility by adding the class
?
to quickly identify elements on screen. Original idea by Gavin Joyce. - Added the
php artisan statamic:assets:generate-preset
to the deploy script part of the README.example.md.
- Link to the new Tailwind Typography repo in the inline docs.
- A Table set for Bard.
- A new and bigger asset preset.
- Hide contact form success message after 2500secs. Thanks Frederik!
- Don't let the site be indexed when not in production. Thanks Frederik!
- Improve default form styling.
- Fix Tailwind prose classes not compiling.
- Only apply prose class to
resources/views/components/_text.antlers.html
so bard sets don't inherit prose styles. - Update bard sets styling with margin y.
- Upgraded to Tailwind 2.
- Applied the Tailwind 2 migration guide.
- Now importing Tailwind color sets.
- Extend variants instead of overwriting them.
- Use default transition duration and easing.
- The common asset fieldset now uses list mode to render assets in the CP.
- Don't init an alpine component on the body for the mobile navigation logic. Move it to where it's actually being used (thanks @philipboomy).
- [Breaking] Ditch the old and use the new Tailwind form plugin. No more specificity and config, just use utility classes in your partials: https://github.com/tailwindlabs/tailwindcss-forms
- [Breaking] Use Tailwind's aspect ratio plugin for media embeds: https://github.com/tailwindlabs/tailwindcss-aspect-ratio
- [Breaking] Remove Peak's custom breakpoint.
- [Breaking] Add config to use Tailwinds new experimental breakpoint: https://github.com/tailwindlabs/tailwindcss/pull/2468/files
- Completely reworked buttons to support internal linking, external linking, linking to phone numbers, e-mail addresses and downloadable assets. The button fieldset uses the just fixed conditional logic in available in Statamic.
- Default to position center for background images which saves us a conditional check (thanks @philipboomy).
- Remove localization workaround in mail templates that's not needed anymore since Statamic 3.0.18.
- Actually use the alt attribute in mail templates.
- Collapse page builder replicator sets by default.
- Only output SEO tracker code on production environment.