initial commit

gradient-link-card/build/block.json

@@ -0,0 +1,46 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 3,
+  "name": "create-block/gradient-link-card",
+  "version": "0.1.0",
+  "title": "Gradient Link Card",
+  "category": "widgets",
+  "icon": "button",
+  "description": "A link displayed as a card with text and a cool gradient hover effect",
+  "supports": {
+    "html": false,
+    "color": {
+      "gradients": true
+    }
+  },
+  "attributes": {
+    "title": {
+      "type": "string",
+      "source": "text",
+      "selector": "h2"
+    },
+    "href": {
+      "type": "string",
+      "source": "attribute",
+      "selector": "a",
+      "attribute": "href"
+    },
+    "body": {
+      "type": "string",
+      "source": "text",
+      "selector": "p"
+    },
+    "style": {
+      "type": "object",
+      "default": {
+        "color": {
+          "gradient": "linear-gradient(45deg, hsl(348deg 79% 81%) 0%, hsl(336deg 73% 81%) 21%, hsl(321deg 61% 80%) 30%, hsl(296deg 47% 79%) 39%, hsl(269deg 64% 82%) 46%, hsl(244deg 82% 85%) 54%, hsl(224deg 99% 83%) 61%, hsl(211deg 100% 78%) 69%, hsl(203deg 100% 73%) 79%, hsl(197deg 94% 67%) 100%)"
+        }
+      }
+    }
+  },
+  "textdomain": "gradient-link-card",
+  "editorScript": "file:./index.js",
+  "editorStyle": "file:./index.css",
+  "style": "file:./style-index.css"
+}

gradient-link-card/build/index.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'd1293e1606fa95f272fb');

gradient-link-card/build/index.css

@@ -0,0 +1 @@
+.wp-block-create-block-gradient-link-card{border:1px dotted #333}

gradient-link-card/build/index.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e,t={259:()=>{const e=window.wp.blocks,t=window.wp.element,r=(window.wp.i18n,window.wp.components),n=window.wp.blockEditor,o=JSON.parse('{"u2":"create-block/gradient-link-card"}');(0,e.registerBlockType)(o.u2,{edit:function({attributes:e,setAttributes:o}){return(0,t.createElement)("div",{...(0,n.useBlockProps)()},(0,t.createElement)("div",{className:"editor-inner"},(0,t.createElement)(r.TextControl,{label:"Title",value:e.title,onChange:e=>o({title:e})}),(0,t.createElement)(r.TextControl,{label:"href",value:e.href,onChange:e=>o({href:e})}),(0,t.createElement)(r.TextControl,{label:"body",value:e.body,onChange:e=>o({body:e})})))},save:function({attributes:e}){return(0,t.createElement)("div",{...n.useBlockProps.save()},(0,t.createElement)("a",{href:e.href},(0,t.createElement)("h2",null,e.title),e.body&&(0,t.createElement)("p",null,e.body)))}})}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,n),l.exports}n.m=t,e=[],n.O=(t,r,o,l)=>{if(!r){var a=1/0;for(d=0;d<e.length;d++){r=e[d][0],o=e[d][1],l=e[d][2];for(var i=!0,c=0;c<r.length;c++)(!1&l||a>=l)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(i=!1,l<a&&(a=l));if(i){e.splice(d--,1);var s=o();void 0!==s&&(t=s)}}return t}l=l||0;for(var d=e.length;d>0&&e[d-1][2]>l;d--)e[d]=e[d-1];e[d]=[r,o,l]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={826:0,431:0};n.O.j=t=>0===e[t];var t=(t,r)=>{var o,l,a=r[0],i=r[1],c=r[2],s=0;if(a.some((t=>0!==e[t]))){for(o in i)n.o(i,o)&&(n.m[o]=i[o]);if(c)var d=c(n)}for(t&&t(r);s<a.length;s++)l=a[s],n.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return n.O(d)},r=self.webpackChunkgradient_link_card=self.webpackChunkgradient_link_card||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var o=n.O(void 0,[431],(()=>n(259)));o=n.O(o)})();

gradient-link-card/build/style-index.css

@@ -0,0 +1 @@
+div.wp-block-create-block-gradient-link-card{background-position:100%!important;background-size:250%!important;border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#fff;display:flex;flex:1 0 27ch;margin:0;padding:5px;transition:background-position .6s cubic-bezier(.22,1,.36,1)}.wp-block-create-block-gradient-link-card a,.wp-block-create-block-gradient-link-card>.editor-inner{background-color:#fff;border-radius:5px;color:#111;line-height:1.4;opacity:1;padding:1rem 1.3rem;text-decoration:none;transition:opacity .6s ease;width:100%}.wp-block-create-block-gradient-link-card h2{font-size:1.25rem;margin:0;transition:color .6s cubic-bezier(.22,1,.36,1)}.wp-block-create-block-gradient-link-card h2:after{content:"→"}.wp-block-create-block-gradient-link-card:is(:hover,:focus-within){background-position:0!important}.wp-block-create-block-gradient-link-card:is(:hover,:focus-within) a,.wp-block-create-block-gradient-link-card:is(:hover,:focus-within)>.editor-inner{opacity:.8}