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;
}