diff --git a/dist/tailshape.css b/dist/tailshape.css index 174ce02..d576372 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -672,6 +672,18 @@ Ensure the default browser behavior of the `hidden` attribute. right: -1.75rem; } +.top-5 { + top: 1.25rem; +} + +.right-5 { + right: 1.25rem; +} + +.left-5 { + left: 1.25rem; +} + .-bottom-5 { bottom: -1.25rem; } @@ -700,18 +712,6 @@ Ensure the default browser behavior of the `hidden` attribute. left: -0.25rem; } -.top-5 { - top: 1.25rem; -} - -.right-5 { - right: 1.25rem; -} - -.left-5 { - left: 1.25rem; -} - .z-20 { z-index: 20; } @@ -1235,6 +1235,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -0.25rem; } +.mt-auto { + margin-top: auto; +} + .-ml-0 { margin-left: -0px; } @@ -1271,10 +1275,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: -0.5rem; } -.mt-auto { - margin-top: auto; -} - .-mt-6 { margin-top: -1.5rem; } @@ -1351,6 +1351,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -16rem; } +.-ml-60 { + margin-left: -15rem; +} + .-mt-24 { margin-top: -6rem; } @@ -1363,10 +1367,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0px; } -.-mt-12 { - margin-top: -3rem; -} - .block { display: block; } @@ -1555,14 +1555,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.375rem; } -.h-5\/6 { - height: 83.333333%; -} - -.h-4\/5 { - height: 80%; -} - .max-h-0 { max-height: 0px; } @@ -1789,6 +1781,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 24rem; } +.w-11 { + width: 2.75rem; +} + +.w-4\/6 { + width: 66.666667%; +} + .w-72 { width: 18rem; } @@ -1801,18 +1801,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 0.375rem; } -.w-11 { - width: 2.75rem; -} - -.w-4\/6 { - width: 66.666667%; -} - -.w-1\/6 { - width: 16.666667%; -} - .min-w-full { min-width: 100%; } @@ -1905,16 +1893,16 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 480px; } -.max-w-\[1340px\] { - max-width: 1340px; -} - .max-w-fit { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } +.max-w-\[1340px\] { + max-width: 1340px; +} + .flex-1 { flex: 1 1 0%; } @@ -1986,6 +1974,26 @@ Ensure the default browser behavior of the `hidden` attribute. 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-6 { + --tw-translate-x: 1.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-6 { + --tw-translate-y: -1.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-x-1\/4 { + --tw-translate-x: -25%; + 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-1\/4 { + --tw-translate-x: 25%; + 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-1\/2 { --tw-translate-x: -50%; 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)); @@ -2011,26 +2019,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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-1\/4 { - --tw-translate-x: -25%; - 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-1\/4 { - --tw-translate-x: 25%; - 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-6 { - --tw-translate-x: 1.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-6 { - --tw-translate-y: -1.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)); -} - .rotate-180 { --tw-rotate: 180deg; 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)); @@ -2056,16 +2044,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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-180 { - --tw-rotate: -180deg; - 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-90 { - --tw-rotate: 90deg; - 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-2 { --tw-rotate: -2deg; 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)); @@ -2076,6 +2054,16 @@ Ensure the default browser behavior of the `hidden` attribute. 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-180 { + --tw-rotate: -180deg; + 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-90 { + --tw-rotate: 90deg; + 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)); +} + .-skew-x-3 { --tw-skew-x: -3deg; 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)); @@ -2774,11 +2762,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-right-radius: 9999px; } -.rounded-t-none { - border-top-left-radius: 0px; - border-top-right-radius: 0px; -} - .rounded-tl { border-top-left-radius: 0.25rem; } @@ -2863,6 +2846,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 4px; } +.border-t-4 { + border-top-width: 4px; +} + +.border-b-8 { + border-bottom-width: 8px; +} + .border-l-8 { border-left-width: 8px; } @@ -2875,14 +2866,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-right-width: 0px; } -.border-t-4 { - border-top-width: 4px; -} - -.border-b-8 { - border-bottom-width: 8px; -} - .border-solid { border-style: solid; } @@ -3012,6 +2995,21 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(236 72 153 / var(--tw-border-opacity)); } +.border-indigo-600 { + --tw-border-opacity: 1; + border-color: rgb(79 70 229 / var(--tw-border-opacity)); +} + +.border-teal-400 { + --tw-border-opacity: 1; + border-color: rgb(45 212 191 / var(--tw-border-opacity)); +} + +.border-purple-500 { + --tw-border-opacity: 1; + border-color: rgb(168 85 247 / var(--tw-border-opacity)); +} + .border-blue-700 { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); @@ -3022,11 +3020,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(129 140 248 / var(--tw-border-opacity)); } -.border-purple-500 { - --tw-border-opacity: 1; - border-color: rgb(168 85 247 / var(--tw-border-opacity)); -} - .border-current { border-color: currentColor; } @@ -3071,14 +3064,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } -.border-indigo-600 { +.border-cyan-300 { --tw-border-opacity: 1; - border-color: rgb(79 70 229 / var(--tw-border-opacity)); + border-color: rgb(103 232 249 / var(--tw-border-opacity)); } -.border-teal-400 { +.border-emerald-300 { --tw-border-opacity: 1; - border-color: rgb(45 212 191 / var(--tw-border-opacity)); + border-color: rgb(110 231 183 / var(--tw-border-opacity)); } .border-r-gray-200 { @@ -3369,11 +3362,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(233 213 255 / var(--tw-bg-opacity)); } -.bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgb(192 132 252 / var(--tw-bg-opacity)); -} - .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -3389,6 +3377,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(58 59 60 / var(--tw-bg-opacity)); } +.bg-purple-400 { + --tw-bg-opacity: 1; + background-color: rgb(192 132 252 / var(--tw-bg-opacity)); +} + .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity)); @@ -3434,11 +3427,21 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(45 212 191 / var(--tw-bg-opacity)); } +.bg-cyan-400 { + --tw-bg-opacity: 1; + background-color: rgb(34 211 238 / var(--tw-bg-opacity)); +} + .bg-indigo-300 { --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)); } +.bg-green-100 { + --tw-bg-opacity: 1; + background-color: rgb(220 252 231 / var(--tw-bg-opacity)); +} + .bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)); @@ -3469,6 +3472,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } +.bg-emerald-300 { + --tw-bg-opacity: 1; + background-color: rgb(110 231 183 / var(--tw-bg-opacity)); +} + .bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)); @@ -3484,16 +3492,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 237 213 / var(--tw-bg-opacity)); } -.bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgb(220 252 231 / var(--tw-bg-opacity)); -} - .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)); } +.bg-red-300 { + --tw-bg-opacity: 1; + background-color: rgb(252 165 165 / var(--tw-bg-opacity)); +} + .bg-opacity-5 { --tw-bg-opacity: 0.05; } @@ -3558,6 +3566,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: url('https://source.unsplash.com/random/?trees'); } +.bg-\[url\(\'https\:\/\/source\.unsplash\.com\/random\/640x480\'\)\] { + background-image: url('https://source.unsplash.com/random/640x480'); +} + .from-purple-100 { --tw-gradient-from: #f3e8ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); @@ -3673,10 +3685,6 @@ Ensure the default browser behavior of the `hidden` attribute. fill: #1f2937; } -.fill-red-500 { - fill: #ef4444; -} - .stroke-gray-500 { stroke: #6b7280; } @@ -3685,10 +3693,6 @@ Ensure the default browser behavior of the `hidden` attribute. stroke: currentColor; } -.stroke-gray-300 { - stroke: #d1d5db; -} - .stroke-2 { stroke-width: 2; } @@ -3952,6 +3956,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1px; } +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; +} + .px-16 { padding-left: 4rem; padding-right: 4rem; @@ -3967,9 +3976,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.875rem; } -.px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; +.px-24 { + padding-left: 6rem; + padding-right: 6rem; +} + +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } .pt-20 { @@ -4148,6 +4162,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.25rem; } +.pt-0\.5 { + padding-top: 0.125rem; +} + .pl-6 { padding-left: 1.5rem; } @@ -4156,10 +4174,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 6rem; } -.pt-0\.5 { - padding-top: 0.125rem; -} - .pr-2 { padding-right: 0.5rem; } @@ -4720,6 +4734,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(14 116 144 / var(--tw-text-opacity)); } +.text-cyan-900 { + --tw-text-opacity: 1; + color: rgb(22 78 99 / var(--tw-text-opacity)); +} + .text-yellow-100 { --tw-text-opacity: 1; color: rgb(254 249 195 / var(--tw-text-opacity)); @@ -4760,11 +4779,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(185 28 28 / var(--tw-text-opacity)); } -.text-purple-900 { - --tw-text-opacity: 1; - color: rgb(88 28 135 / var(--tw-text-opacity)); -} - .text-opacity-50 { --tw-text-opacity: 0.5; } @@ -4969,16 +4983,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-shadow: var(--tw-shadow-colored); } -.shadow-white { - --tw-shadow-color: #fff; - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-emerald-300 { - --tw-shadow-color: #6ee7b7; - --tw-shadow: var(--tw-shadow-colored); -} - .outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -5039,26 +5043,11 @@ Ensure the default browser behavior of the `hidden` attribute. filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - .drop-shadow-lg { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); @@ -5259,11 +5248,6 @@ Ensure the default browser behavior of the `hidden` attribute. display: block; } -.before\:hidden::before { - content: var(--tw-content); - display: none; -} - .before\:h-3::before { content: var(--tw-content); height: 0.75rem; @@ -5323,18 +5307,13 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } -.hover\:-translate-y-2:hover { - --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)); -} - .hover\:-translate-y-1:hover { --tw-translate-y: -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)); } -.hover\:rotate-12:hover { - --tw-rotate: 12deg; +.hover\:-translate-y-2:hover { + --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)); } @@ -5408,11 +5387,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } -.hover\:border-teal-500:hover { - --tw-border-opacity: 1; - border-color: rgb(20 184 166 / var(--tw-border-opacity)); -} - .hover\:border-b-blue-300:hover { --tw-border-opacity: 1; border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity)); @@ -5587,21 +5561,26 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } -.hover\:bg-purple-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(250 245 255 / var(--tw-bg-opacity)); -} - .hover\:bg-purple-400:hover { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)); } +.hover\:bg-purple-50:hover { + --tw-bg-opacity: 1; + background-color: rgb(250 245 255 / var(--tw-bg-opacity)); +} + .hover\:bg-yellow-700:hover { --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity)); } +.hover\:bg-black:hover { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + .hover\:bg-pink-600:hover { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); @@ -5612,11 +5591,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } -.hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -} - .hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); @@ -5798,6 +5772,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(202 138 4 / var(--tw-text-opacity)); } +.hover\:text-gray-200:hover { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + .hover\:text-green-600:hover { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); @@ -5838,11 +5817,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(126 34 206 / var(--tw-text-opacity)); } -.hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - .hover\:text-opacity-75:hover { --tw-text-opacity: 0.75; } @@ -5996,6 +5970,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(216 180 254 / var(--tw-border-opacity)); } +.focus\:border-purple-400:focus { + --tw-border-opacity: 1; + border-color: rgb(192 132 252 / var(--tw-border-opacity)); +} + .focus\:bg-red-700:focus { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)); @@ -6348,11 +6327,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } -.active\:bg-teal-600:active { - --tw-bg-opacity: 1; - background-color: rgb(13 148 136 / var(--tw-bg-opacity)); -} - .active\:bg-purple-600:active { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); @@ -6363,6 +6337,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } +.active\:bg-teal-600:active { + --tw-bg-opacity: 1; + background-color: rgb(13 148 136 / var(--tw-bg-opacity)); +} + .active\:bg-blue-800:active { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)); @@ -6715,11 +6694,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } -.dark .dark\:bg-emerald-900 { - --tw-bg-opacity: 1; - background-color: rgb(6 78 59 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)); @@ -6755,6 +6729,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(19 78 74 / var(--tw-bg-opacity)); } +.dark .dark\:bg-emerald-900 { + --tw-bg-opacity: 1; + background-color: rgb(6 78 59 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); @@ -7154,6 +7133,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 65 81 / var(--tw-text-opacity)); } +.dark .dark\:text-red-400 { + --tw-text-opacity: 1; + color: rgb(248 113 113 / var(--tw-text-opacity)); +} + .dark .dark\:text-cyan-600 { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity)); @@ -7164,11 +7148,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(6 182 212 / var(--tw-text-opacity)); } -.dark .dark\:text-red-400 { - --tw-text-opacity: 1; - color: rgb(248 113 113 / var(--tw-text-opacity)); -} - .dark .dark\:text-emerald-200 { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity)); @@ -7193,6 +7172,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(6 95 70 / var(--tw-text-opacity)); } +.dark .dark\:text-cyan-900 { + --tw-text-opacity: 1; + color: rgb(22 78 99 / var(--tw-text-opacity)); +} + .dark .dark\:text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); @@ -7323,6 +7307,11 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.dark .dark\:ring-emerald-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)); +} + .dark .dark\:ring-green-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity)); @@ -7348,16 +7337,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity)); } -.dark .dark\:ring-emerald-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)); -} - -.dark .dark\:ring-emerald-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity)); -} - .dark .dark\:placeholder\:text-emerald-300::-moz-placeholder { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity)); @@ -7621,11 +7600,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(75 85 99 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-red-400:hover { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); @@ -7636,6 +7610,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(8 145 178 / var(--tw-text-opacity)); } +.dark .dark\:hover\:text-gray-500:hover { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-purple-400:hover { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity)); @@ -7852,11 +7831,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; - } - .sm\:mr-6 { margin-right: 1.5rem; } @@ -7957,10 +7931,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: auto; } - .sm\:-mt-6 { - margin-top: -1.5rem; - } - .sm\:block { display: block; } @@ -7997,6 +7967,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 18rem; } + .sm\:h-6 { + height: 1.5rem; + } + .sm\:h-9 { height: 2.25rem; } @@ -8013,10 +7987,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 100%; } - .sm\:h-6 { - height: 1.5rem; - } - .sm\:w-10\/12 { width: 83.333333%; } @@ -8057,6 +8027,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 100%; } + .sm\:w-6 { + width: 1.5rem; + } + .sm\:w-32 { width: 8rem; } @@ -8109,10 +8083,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } - .sm\:w-6 { - width: 1.5rem; - } - .sm\:max-w-full { max-width: 100%; } @@ -8286,10 +8256,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } - .sm\:border { - border-width: 1px; - } - .sm\:border-none { border-style: none; } @@ -8828,6 +8794,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 2.5rem; } + .md\:mr-0 { + margin-right: 0px; + } + .md\:-ml-5 { margin-left: -1.25rem; } @@ -8840,10 +8810,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: auto; } - .md\:mr-0 { - margin-right: 0px; - } - .md\:mb-12 { margin-bottom: 3rem; } @@ -10033,10 +9999,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 8rem; } - .lg\:-mt-24 { - margin-top: -6rem; - } - .lg\:block { display: block; } @@ -10173,14 +10135,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 20%; } - .lg\:w-2\/5 { - width: 40%; - } - .lg\:w-56 { width: 14rem; } + .lg\:w-2\/5 { + width: 40%; + } + .lg\:w-32 { width: 8rem; } @@ -10412,11 +10374,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; - } - .lg\:border-none { border-style: none; } @@ -10435,10 +10392,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } - .lg\:bg-transparent { - background-color: transparent; - } - .lg\:p-10 { padding: 2.5rem; } @@ -10543,16 +10496,16 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.75rem; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; - } - .lg\:px-40 { padding-left: 10rem; padding-right: 10rem; } + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; diff --git a/public/componets/accordion/accordion.html b/public/componets/accordion/accordion.html index 5347702..7b41cec 100644 --- a/public/componets/accordion/accordion.html +++ b/public/componets/accordion/accordion.html @@ -1,5 +1,5 @@ - + @@ -122,8 +122,8 @@ -
-
+
+

TAILWINDCSS ACCORDION WITH <details> <summary> HTML Tag

diff --git a/public/componets/footer/6_footer.html b/public/componets/footer/6_footer.html index 057c43a..515b10b 100644 --- a/public/componets/footer/6_footer.html +++ b/public/componets/footer/6_footer.html @@ -143,5 +143,7 @@
+ + \ No newline at end of file diff --git a/public/componets/service/service.html b/public/componets/service/service.html index 19a4a29..6c71bdb 100644 --- a/public/componets/service/service.html +++ b/public/componets/service/service.html @@ -18,14 +18,76 @@ -
-
+
+

Services

+
+ +
-

SEO

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit enim totam possimus rem. Totam, quis!
+
+
+
+
+ +
+

SEO

+
+ + + + + + +
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit enim totam possimus rem. Totam, quis!
+
+
+ + +
+
+
+
+ +
+

SEO

+
+ + + + + + +
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit enim totam possimus rem. Totam, quis!
+
+
+ +
+
+
+
+ +
+

SEO

+
+ + + + + + +
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit enim totam possimus rem. Totam, quis!
+
+
+ +
-
- +
+ + diff --git a/public/componets/skill/2_skill.html b/public/componets/skill/2_skill.html index c66cd91..d38a247 100644 --- a/public/componets/skill/2_skill.html +++ b/public/componets/skill/2_skill.html @@ -18,6 +18,65 @@ + +
+
Skill 2
+
+ +
+ + + +
+ +

Titre h1 SKILLS

+ +
+
+ +
+ + +
+

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime + vitae, + nesciunt + ipsa + deleniti asperiores + provident velit similique officiis ab reiciendis cupiditate illo incidunt aspernatur magnam dolorem + quae. Facere, ex voluptatum.

+
+ + +
+

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime + vitae, + nesciunt + ipsa + deleniti asperiores + provident velit similique officiis ab reiciendis cupiditate illo incidunt aspernatur magnam dolorem + quae. Facere, ex voluptatum.

+
+ +
+


+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime + vitae, + nesciunt + ipsa + deleniti asperiores + provident velit similique officiis ab reiciendis cupiditate illo incidunt aspernatur magnam dolorem + quae. Facere, ex voluptatum.

+
+
+ +
+ + + + + + Template 18 @@ -15,7 +17,1295 @@ + + + + + + + +
+
+
+

Provident blanditiis wlk exercitationem

+

Cupiditate minima voluptate temporibus quia? Architecto beatae esse ab amet vero eaque explicabo!

+
+ + +
+
+
+ + +
+ + + + + + +
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + Why Choose Us + +

+ Make your customers happy by giving services. +

+

+ It is a long established fact that a reader will be distracted + by the readable content of a page when looking at its layout. + The point of using Lorem Ipsum is that it has a more-or-less. +

+

+ A domain name is one of the first steps to establishing your + brand. Secure a consistent brand image with a domain name that + matches your business. +

+ + Get Started + +
+
+
+
+
+ + + + + + + +
+
+

+ Read trusted reviews from our customers +

+ +
+
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + +
+ +

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

+
+
+ +
+
+
+ + +
+
+ + + + + + + + + + + + + + + +
+ +

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

+
+
+ +
+
+
+ + +
+
+ + + + + + + + + + + + + + + +
+ +

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

+
+
+
+
+
+
+ + + + + + + +
+
+ + +
+

Noster tincidunt reprimique ad pro

+ February 19, 2021 +

Ei delenit sensibus liberavisse pri. Quod suscipit no nam. Est in graece fuisset, eos affert putent doctus id.

+
+ +
+ + +
+

In usu laoreet repudiare legendos

+ January 21, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + +
+

In usu laoreet repudiare legendos

+ January 22, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + +
+

In usu laoreet repudiare legendos

+ January 23, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + + +
+
+ +
+
+
+ + + + + + +
+
+

Simple pricing plan

+ +

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias quas magni libero consequuntur voluptatum velit amet id repudiandae ea, deleniti laborum in neque eveniet. +

+ +
+
+
+ + + + +

Basic

+
+ +

Free

+
+ +
+
+ + + + +

Standard

+
+ + +
+
+ Save 30% +
+ +

$99 /Yearly

+
+
+ +
+
+ + + + +

Pro

+
+ +
+
+ Save 20% +
+ +

$149 /Month

+
+
+
+ +
+
+

Unlimited Links

+ + + + +
+ +
+

Own analytics platfrom

+ + + + +
+ +
+

Full Support with discussion

+ + + + +
+ +
+

Optimize hashtags

+ + + + +
+ +
+

Mobile app

+ + + + +
+ +
+

Unlimited users

+ + + + +
+
+ +
+ +
+
+
+ + + + + + +
+
+ +
+
+

Our Team

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo incidunt ex placeat modi magni quia error alias, adipisci rem similique, at omnis eligendi optio eos harum. +

+
+ +
+
+ + +

John Doe

+ +

Full stack developer

+
+ +
+ + +

Mia

+ +

Graphic Designer

+
+
+
+
+
+ + + + + +
+

Contact Us

+
+
+ +
+
+

ADDRESS

+

Photo booth tattooed prism, portland taiyaki hoodie neutra typewriter

+
+
+

EMAIL

+ example@email.com +

PHONE

+

123-456-7890

+
+
+
+
+
+

Feedback

+

Post-ironic portland shabby chic echo park, banjo fashion axe

+
+ + +
+
+ + +
+ +

Chicharrones blog helvetica normcore iceland tousled brook viral artisan.

+
+
+
+
+ + + + + +
+
+
+ Brand + +

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+ +
+ + + +
+
+ +
+ +
+

© Copyright 2021. All Rights Reserved.

+ +
+ Teams + + Privacy + + Cookies +
+
+
+
+ + diff --git a/public/template/19_template.html b/public/template/19_template.html index a962f09..debff32 100644 --- a/public/template/19_template.html +++ b/public/template/19_template.html @@ -15,7 +15,464 @@ + + + + + + + + +
+
+ + +
+
+
+

Brand

+ +

Sign in to access your account

+
+ +
+
+
+ + +
+ +
+
+ + Forgot password? +
+ + +
+ +
+ +
+ +
+ +

Don't have an account yet? Sign up.

+
+
+
+
+
+ + + + + +
+
+

explore our
awesome Components

+ + + +
+
+
+ + + + + + +
+

Copy & paste components

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident ab nulla quod dignissimos vel non corrupti doloribus voluptatum eveniet +

+
+
+
+ +
+
+ + + + + + +
+

Zero Configrations

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident ab nulla quod dignissimos vel non corrupti doloribus voluptatum eveniet +

+
+
+
+ +
+
+ + + + + + + +
+

elegant Dark Mode

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident ab nulla quod dignissimos vel non corrupti doloribus voluptatum eveniet +

+
+
+
+ +
+
+ + + + + + +
+

Simple & clean designs

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident ab nulla quod dignissimos vel non corrupti doloribus voluptatum eveniet +

+
+
+
+
+
+
+ + + + + +
+
+

Timeline

+
+
+

2021

+
    +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
+
+
+

2020

+
    +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
+
+
+

2019

+
    +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
  • +
    + + + + +

    Quis velit quae similique maxime optio temporibus

    +
    +

    Illum hic placeat unde porro, cupiditate nesciunt? Numquam debitis eligendi aspernatur mum.

    +
    • +
+
+
+
+
+ + + + + +
+
+ +
+
+
+

Feedback

+

Post-ironic portland shabby chic echo park, banjo fashion axe

+
+ + +
+
+ + +
+ +

Chicharrones blog helvetica normcore iceland tousled brook viral artisan.

+
+
+
+ + + + + + + diff --git a/public/template/20_template.html b/public/template/20_template.html index 1db727f..48ab9b3 100644 --- a/public/template/20_template.html +++ b/public/template/20_template.html @@ -16,6 +16,398 @@ + + + + + + + + + +
+
+
+
+ 12 June +

Lorem, ipsum dolor sit amet consectetur adipisicing.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + + +
+
+
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+
+
+ + + + + +
+ +
+

What do we have to offer?

+
    +
  • + + + + + Ea et neque distinctio +
    • +
  • + + + + + Quaerat obcaecati voluptatem +
    • +
  • + + + + + Quas eius repudianda +
    • +
  • + + + + + Free and MIT licensed +
    • +
  • + + + + + Praesentium ea et neque distinctio +
    • +
  • + + + + + Architecto beatae esse ab amet +
    • +
+
+ +
+ + + + +
+
+
+
+
+

Morbi tempor

+ Vestibulum diam nunc +
+
+
+
+
+

Donec porta enim vel

+ +

Pellentesque feugiat ante at nisl efficitur, in mollis orci scelerisque. Interdum et malesuada fames ac ante ipsum primis in faucibus.

+
+
+

Aliquam sit amet nunc ut

+ +

Morbi vulputate aliquam libero non dictum. Aliquam sit amet nunc ut diam aliquet tincidunt nec nec dui. Donec mollis turpis eget egestas sodales.

+
+
+

Pellentesque habitant morbi

+ +

Suspendisse tincidunt, arcu nec faucibus efficitur, justo velit consectetur nisl, sit amet condimentum lacus orci nec purus. Mauris quis quam suscipit, vehicula felis id, vehicula enim.

+
+
+
+
+
+
+ + + + + +
+
+ +
+ + + + +
+ + + +
+ +

Contact Us

+ +

Atque sint nemo vero sequi veniam, numquam fugiat aperiam doloremque, itaque officia exercitationem! Excepturi deleniti accusantium minus quibusdam dolores doloremque natus fugit!

+ +
+
+ 18 avenue des Champs-Élysées, 75008 Paris +
+
+ 357-233-9644 +
+
+ my-email@fancymail.com +
+
+ +
+ + + +
+