diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html index 553ae96..7e9b9aa 100644 --- a/layouts/partials/nav.html +++ b/layouts/partials/nav.html @@ -24,6 +24,28 @@ border-gray-300 {{ end }} left-0 z-30 w-full top-0 group" > +{{ if .IsHome }} + +
+
+

+ Ryan Weaver, long-time contributor to the PHP ecosystem, needs our help! +

+ +
+ +
+
+ {{ end }}
diff --git a/static/img/franken-heart.svg b/static/img/franken-heart.svg new file mode 100644 index 0000000..f0819bf --- /dev/null +++ b/static/img/franken-heart.svg @@ -0,0 +1,613 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/style/output.css b/static/style/output.css index dcc7503..ece7d0f 100644 --- a/static/style/output.css +++ b/static/style/output.css @@ -1261,6 +1261,11 @@ pre { margin-bottom: 0.75rem; } +.mx-12 { + margin-left: 3rem; + margin-right: 3rem; +} + .-mt-20 { margin-top: -5rem; } @@ -1325,6 +1330,22 @@ pre { margin-top: 2rem; } +.mr-8 { + margin-right: 2rem; +} + +.mr-12 { + margin-right: 3rem; +} + +.mr-11 { + margin-right: 2.75rem; +} + +.mr-20 { + margin-right: 5rem; +} + .block { display: block; } @@ -1421,6 +1442,22 @@ pre { height: 100vh; } +.h-\[32\] { + height: 32; +} + +.h-\[40\] { + height: 40; +} + +.h-40 { + height: 10rem; +} + +.h-52 { + height: 13rem; +} + .min-h-\[100vh\] { min-height: 100vh; } @@ -1497,6 +1534,10 @@ pre { width: calc(100% + 1.3px); } +.w-auto { + width: auto; +} + .w-full { width: 100%; } @@ -1602,6 +1643,11 @@ pre { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.translate-x-12 { + --tw-translate-x: 3rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .translate-x-\[30\%\] { --tw-translate-x: 30%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1612,6 +1658,11 @@ pre { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.translate-y-2 { + --tw-translate-y: 0.5rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .translate-y-\[0\.5px\] { --tw-translate-y: 0.5px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1627,6 +1678,11 @@ pre { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.-rotate-6 { + --tw-rotate: -6deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1642,6 +1698,21 @@ pre { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.rotate-6 { + --tw-rotate: 6deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.rotate-1 { + --tw-rotate: 1deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.-rotate-1 { + --tw-rotate: -1deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; @@ -1809,6 +1880,10 @@ pre { border-radius: 1rem; } +.rounded-3xl { + border-radius: 1.5rem; +} + .rounded-\[50px\] { border-radius: 50px; } @@ -1825,6 +1900,23 @@ pre { border-radius: 0.75rem; } +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-sm { + border-radius: 0.125rem; +} + +.border-2 { + border-width: 2px; +} + +.border-x-2 { + border-left-width: 2px; + border-right-width: 2px; +} + .border-b { border-bottom-width: 1px; } @@ -1833,11 +1925,26 @@ pre { border-right-width: 1px; } +.border-b-2 { + border-bottom-width: 2px; +} + .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.border-x-green { + --tw-border-opacity: 1; + border-left-color: rgb(179 209 51 / var(--tw-border-opacity)); + border-right-color: rgb(179 209 51 / var(--tw-border-opacity)); +} + .border-b-gray-200 { --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity)); @@ -1848,6 +1955,11 @@ pre { border-right-color: rgb(209 213 219 / var(--tw-border-opacity)); } +.border-b-green { + --tw-border-opacity: 1; + border-bottom-color: rgb(179 209 51 / var(--tw-border-opacity)); +} + .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); @@ -1895,6 +2007,26 @@ pre { background-color: rgb(255 255 255 / 0.75); } +.bg-green-extralight { + --tw-bg-opacity: 1; + background-color: rgb(232 239 200 / var(--tw-bg-opacity)); +} + +.bg-green-dark { + --tw-bg-opacity: 1; + background-color: rgb(146 167 46 / var(--tw-bg-opacity)); +} + +.bg-purple-light { + --tw-bg-opacity: 1; + background-color: rgb(147 125 168 / var(--tw-bg-opacity)); +} + +.bg-purple-extralight { + --tw-bg-opacity: 1; + background-color: rgb(195 178 211 / var(--tw-bg-opacity)); +} + .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } @@ -1930,6 +2062,10 @@ pre { --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); } +.to-\[\#000\] { + --tw-gradient-to: #000 var(--tw-gradient-to-position); +} + .to-purple { --tw-gradient-to: #390075 var(--tw-gradient-to-position); } @@ -1988,6 +2124,14 @@ pre { object-fit: cover; } +.p-0 { + padding: 0px; +} + +.p-0\.5 { + padding: 0.125rem; +} + .p-10 { padding: 2.5rem; } @@ -2088,6 +2232,10 @@ pre { padding-bottom: 1.5rem; } +.pr-11 { + padding-right: 2.75rem; +} + .pt-12 { padding-top: 3rem; } @@ -2116,6 +2264,10 @@ pre { padding-top: 2rem; } +.text-left { + text-align: left; +} + .text-center { text-align: center; } @@ -2287,6 +2439,11 @@ pre { color: rgb(255 255 255 / 0.9); } +.text-purple-dark { + --tw-text-opacity: 1; + color: rgb(35 1 67 / var(--tw-text-opacity)); +} + .opacity-0 { opacity: 0; } @@ -3227,6 +3384,18 @@ kbd.DocSearch-Commands-Key { } @media (min-width: 640px) { + .sm\:mr-0 { + margin-right: 0px; + } + + .sm\:block { + display: block; + } + + .sm\:h-20 { + height: 5rem; + } + .sm\:max-w-md { max-width: 28rem; } @@ -3276,6 +3445,14 @@ kbd.DocSearch-Commands-Key { margin-bottom: 0px; } + .md\:mr-0 { + margin-right: 0px; + } + + .md\:mr-20 { + margin-right: 5rem; + } + .md\:block { display: block; } @@ -3284,6 +3461,10 @@ kbd.DocSearch-Commands-Key { display: none; } + .md\:h-20 { + height: 5rem; + } + .md\:w-1\/2 { width: 50%; } @@ -3296,6 +3477,10 @@ kbd.DocSearch-Commands-Key { width: 100%; } + .md\:w-auto { + width: auto; + } + .md\:max-w-lg { max-width: 32rem; } @@ -3326,6 +3511,10 @@ kbd.DocSearch-Commands-Key { align-items: flex-start; } + .md\:border-4 { + border-width: 4px; + } + .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -3374,6 +3563,10 @@ kbd.DocSearch-Commands-Key { margin-top: 1rem; } + .lg\:mr-0 { + margin-right: 0px; + } + .lg\:block { display: block; } @@ -3394,6 +3587,14 @@ kbd.DocSearch-Commands-Key { height: 1.25rem; } + .lg\:h-20 { + height: 5rem; + } + + .lg\:h-24 { + height: 6rem; + } + .lg\:w-1\/2 { width: 50%; } @@ -3414,6 +3615,10 @@ kbd.DocSearch-Commands-Key { width: 13rem; } + .lg\:w-auto { + width: auto; + } + .lg\:max-w-sm { max-width: 24rem; } @@ -3470,6 +3675,11 @@ kbd.DocSearch-Commands-Key { background-color: transparent; } + .lg\:bg-purple-dark { + --tw-bg-opacity: 1; + background-color: rgb(35 1 67 / var(--tw-bg-opacity)); + } + .lg\:fill-black { fill: #000000; } @@ -3520,6 +3730,11 @@ kbd.DocSearch-Commands-Key { line-height: 1.5rem; } + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + .lg\:font-normal { font-weight: 400; } @@ -3547,6 +3762,10 @@ kbd.DocSearch-Commands-Key { margin-bottom: -0.25rem; } + .xl\:inline { + display: inline; + } + .xl\:flex { display: flex; }