- ©
Built with
-
- Pintree
-
+
diff --git a/assets/og.png b/assets/og.png
index 10df3e5a..71fdd7b5 100644
Binary files a/assets/og.png and b/assets/og.png differ
diff --git a/css/tailwind.css b/css/tailwind.css
index b7a99be1..38a526ed 100644
--- a/css/tailwind.css
+++ b/css/tailwind.css
@@ -1012,6 +1012,10 @@ select {
left: 100%;
}
+.right-0 {
+ right: 0px;
+}
+
.top-0 {
top: 0px;
}
@@ -1050,6 +1054,14 @@ select {
margin-bottom: 0.5rem;
}
+.mb-3 {
+ margin-bottom: 0.75rem;
+}
+
+.mb-8 {
+ margin-bottom: 2rem;
+}
+
.ml-1 {
margin-left: 0.25rem;
}
@@ -1273,6 +1285,10 @@ select {
justify-content: space-between;
}
+.gap-2 {
+ gap: 0.5rem;
+}
+
.gap-6 {
gap: 1.5rem;
}
@@ -1409,6 +1425,11 @@ select {
background-color: rgb(17 24 39 / 0.8);
}
+.bg-green-600 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity));
+}
+
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1422,6 +1443,14 @@ select {
--tw-bg-opacity: 0.5;
}
+.fill-gray-100 {
+ fill: #f3f4f6;
+}
+
+.fill-gray-700 {
+ fill: #374151;
+}
+
.fill-zinc-100 {
fill: #f4f4f5;
}
@@ -1430,6 +1459,10 @@ select {
fill: #3f3f46;
}
+.stroke-gray-500 {
+ stroke: #6b7280;
+}
+
.stroke-zinc-500 {
stroke: #71717a;
}
@@ -1442,6 +1475,10 @@ select {
padding: 0.25rem;
}
+.p-12 {
+ padding: 3rem;
+}
+
.p-2 {
padding: 0.5rem;
}
@@ -1493,6 +1530,11 @@ select {
padding-bottom: 0.5rem;
}
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
@@ -1533,6 +1575,15 @@ select {
line-height: 2.5rem;
}
+.text-6xl {
+ font-size: 3.75rem;
+ line-height: 1;
+}
+
+.text-\[22px\] {
+ font-size: 22px;
+}
+
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -1577,6 +1628,14 @@ select {
line-height: 1.5rem;
}
+.leading-none {
+ line-height: 1;
+}
+
+.leading-tight {
+ line-height: 1.25;
+}
+
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -1706,6 +1765,10 @@ select {
transition-duration: 150ms;
}
+.duration-200 {
+ transition-duration: 200ms;
+}
+
.duration-300 {
transition-duration: 300ms;
}
@@ -1854,6 +1917,11 @@ select {
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
+.hover\:bg-green-700:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+}
+
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -1864,6 +1932,11 @@ select {
color: rgb(34 197 94 / var(--tw-text-opacity));
}
+.hover\:text-white:hover {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
.hover\:underline:hover {
text-decoration-line: underline;
}
@@ -1958,6 +2031,33 @@ select {
--tw-ring-offset-width: 2px;
}
+.focus-visible\:outline-2:focus-visible {
+ outline-width: 2px;
+}
+
+.focus-visible\:outline-offset-2:focus-visible {
+ outline-offset: 2px;
+}
+
+.focus-visible\:outline-green-600:focus-visible {
+ outline-color: #16a34a;
+}
+
+.active\:bg-green-700:active {
+ --tw-bg-opacity: 1;
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+}
+
+.active\:text-green-100:active {
+ --tw-text-opacity: 1;
+ color: rgb(220 252 231 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:translate-x-1 {
+ --tw-translate-x: 0.25rem;
+ 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));
+}
+
.group:hover .group-hover\:fill-zinc-200 {
fill: #e4e4e7;
}
@@ -1966,6 +2066,10 @@ select {
stroke: #3f3f46;
}
+.group:hover .group-hover\:opacity-100 {
+ opacity: 1;
+}
+
.dark\:block:is(.dark *) {
display: block;
}
@@ -1993,6 +2097,11 @@ select {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
+.dark\:text-gray-600:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
.dark\:text-white:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2033,6 +2142,11 @@ select {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
+
+ .sm\:text-7xl {
+ font-size: 4.5rem;
+ line-height: 1;
+ }
}
@media (min-width: 768px) {
@@ -2067,6 +2181,11 @@ select {
.md\:justify-between {
justify-content: space-between;
}
+
+ .md\:text-8xl {
+ font-size: 6rem;
+ line-height: 1;
+ }
}
@media (min-width: 1024px) {
diff --git a/index.html b/index.html
index 9c209a17..03f36750 100644
--- a/index.html
+++ b/index.html
@@ -5,35 +5,53 @@
Pintree
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
@@ -654,4 +672,3 @@
-
\ No newline at end of file
+