This documentation explains how to use the @extras/_actions.twig component in Craft CMS to call web controller actions via JavaScript and display success or error notices.
The Actions component allows you to make asynchronous requests to Craft CMS web controller actions and handle responses within your JavaScript code. Additionally, the component can display success or error notifications to users based on the outcome of the requests.
This gist may be your full solution or just the starting point for making your Tailwind v4 projects backwards compatible.
@property rules into good old CSS varsoklab() functionscolor-mix() functions (+ replace CSS vars inside them beforehand)&)translate, scale, rotate properties to their transform: ... notationvar(--var,) > var(--var, ) to help older browsers understand
| const ColorSteps = (() => { | |
| /** | |
| * Convert any color string to an [r,g,b,a] array. | |
| * @author Arjan Haverkamp (arjan-at-avoid-dot-org) | |
| * @param {string} color Any color. F.e.: 'red', '#f0f', '#ff00ff', 'rgb(x,y,x)', 'rgba(r,g,b,a)', 'hsl(180, 50%, 50%)' | |
| * @returns {array} [r,g,b,a] array. Caution: returns [0,0,0,0] for invalid color. | |
| * @see https://gist.github.com/av01d/8f068dd43447b475dec4aad0a6107288 | |
| */ | |
| const colorValues = color => { |
| {# Create Guzzle instance #} | |
| {% set client = create({ | |
| 'class': 'GuzzleHttp\\Client' | |
| }) %} | |
| {# Send API request #} | |
| {% set response = client.request('GET', 'https://jsonplaceholder.typicode.com/posts') %} | |
| {# Check the response status #} | |
| {% set status = response.getStatusCode() %} |
| Mute these words in your settings here: https://twitter.com/settings/muted_keywords | |
| ActivityTweet | |
| generic_activity_highlights | |
| generic_activity_momentsbreaking | |
| RankedOrganicTweet | |
| suggest_activity | |
| suggest_activity_feed | |
| suggest_activity_highlights | |
| suggest_activity_tweet |
| const { createHttpLink } = require('apollo-link-http'); | |
| const fetch = require('node-fetch'); | |
| const store = require('store'); | |
| const sourceNodes = require('gatsby/dist/utils/source-nodes'); | |
| require('dotenv').config(); | |
| const craftGqlUrl = process.env.CRAFT_GQL_URL; | |
| const craftGqlToken = process.env.CRAFT_GQL_TOKEN; | |
| module.exports = { |
| ######## Add to HEAD | |
| <!-- Global site tag (gtag.js) - Google Ads: 802890537 --> | |
| <script async src="https://www.googletagmanager.com/gtag/js?id=AW-802890537"></script> | |
| <script> | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag(){dataLayer.push(arguments);} | |
| gtag('js', new Date()); | |
| gtag('config', 'AW-ID'); |
| // Setting variables like this wouldn't be possible because SASS would | |
| // get through this file before Tailwind does (because it's PostCSS) | |
| $--color-primary: theme('colors.blue'); | |
| $--font-serif: theme('fontFamily.serif'); | |
| body { | |
| color: rgba($--color-primary, .5); | |
| font-family: $font-serif; | |
| } |
We're going to generate a key per project which includes multiple fully qualified domains. This key can be checked into the project repo as it's intended for local development but never used on production servers.
Save ssl.conf to your my_project directory.
Open ssl.conf in a text editor.
Edit the domain(s) listed under the [alt_names] section so that they match the local domain name you want to use for your project, e.g.
| <?php | |
| /* | |
| File prepared by Matt Weinberg, www.vectormediagroup.com and www.cartthrob.com | |
| EXPLANATION: | |
| In 2018, PayPal will be updating their Live/Production environment. | |
| Many servers, especially older ones, will not be able to connect to PayPal after the settings are changed. |
