pierre/lesfrouzivores.fr
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

WIP hero

Browse Source
This commit is contained in:
Pierre Martin 2022-11-17 00:20:01 +01:00
parent 03ff264f96
commit 14b59bcc9a
8 changed files with 3907 additions and 801 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

365
assets/css/tailwind.css
View File

@ -1,7 +1,7 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* /*
! tailwindcss v3.0.15 | MIT License | https://tailwindcss.com ! tailwindcss v3.0.16 | MIT License | https://tailwindcss.com
*/ */
/* /*
@ -24,7 +24,7 @@
::before, ::before,
::after { ::after {
--tw-content: ""; --tw-content: '';
} }
/* /*
@ -44,9 +44,7 @@ html {
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
/* 3 */ /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */ /* 4 */
} }
@ -127,8 +125,7 @@ code,
kbd, kbd,
samp, samp,
pre { pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
"Liberation Mono", "Courier New", monospace;
/* 1 */ /* 1 */
font-size: 1em; font-size: 1em;
/* 2 */ /* 2 */
@ -217,9 +214,9 @@ select {
*/ */
button, button,
[type="button"], [type='button'],
[type="reset"], [type='reset'],
[type="submit"] { [type='submit'] {
-webkit-appearance: button; -webkit-appearance: button;
/* 1 */ /* 1 */
background-color: transparent; background-color: transparent;
@ -266,7 +263,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
2. Correct the outline style in Safari. 2. Correct the outline style in Safari.
*/ */
[type="search"] { [type='search'] {
-webkit-appearance: textfield; -webkit-appearance: textfield;
/* 1 */ /* 1 */
outline-offset: -2px; outline-offset: -2px;
@ -351,16 +348,14 @@ textarea {
2. Set the default placeholder color to the user's configured gray 400 color. 2. Set the default placeholder color to the user's configured gray 400 color.
*/ */
input::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
textarea::-moz-placeholder {
opacity: 1; opacity: 1;
/* 1 */ /* 1 */
color: #9ca3af; color: #9ca3af;
/* 2 */ /* 2 */
} }
input:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder {
textarea:-ms-input-placeholder {
opacity: 1; opacity: 1;
/* 1 */ /* 1 */
color: #9ca3af; color: #9ca3af;
@ -430,9 +425,7 @@ Ensure the default browser behavior of the `hidden` attribute.
display: none; display: none;
} }
*, *, ::before, ::after{
::before,
::after {
--tw-translate-x: 0; --tw-translate-x: 0;
--tw-translate-y: 0; --tw-translate-y: 0;
--tw-rotate: 0; --tw-rotate: 0;
@ -532,7 +525,6 @@ Ensure the default browser behavior of the `hidden` attribute.
} }
.sticky{ .sticky{
position: -webkit-sticky;
position: sticky; position: sticky;
} }
@ -773,6 +765,22 @@ Ensure the default browser behavior of the `hidden` attribute.
margin-right: 2.5rem; margin-right: 2.5rem;
} }
.mt-10{
margin-top: 2.5rem;
}
.mt-5{
margin-top: 1.25rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-2{
margin-top: 0.5rem;
}
.block{ .block{
display: block; display: block;
} }
@ -845,6 +853,18 @@ Ensure the default browser behavior of the `hidden` attribute.
height: 2.75rem; height: 2.75rem;
} }
.h-6{
height: 1.5rem;
}
.h-4{
height: 1rem;
}
.h-5{
height: 1.25rem;
}
.w-full{ .w-full{
width: 100%; width: 100%;
} }
@ -897,6 +917,22 @@ Ensure the default browser behavior of the `hidden` attribute.
width: 50px; width: 50px;
} }
.w-80{
width: 20rem;
}
.w-6{
width: 1.5rem;
}
.w-4{
width: 1rem;
}
.w-5{
width: 1.25rem;
}
.max-w-full{ .max-w-full{
max-width: 100%; max-width: 100%;
} }
@ -953,38 +989,44 @@ Ensure the default browser behavior of the `hidden` attribute.
max-width: 525px; max-width: 525px;
} }
.max-w-\[400px\]{
max-width: 400px;
}
.max-w-\[500px\]{
max-width: 500px;
}
.max-w-\[0px\]{
max-width: 0px;
}
.max-w-\[300px\]{
max-width: 300px;
}
.-translate-y-1\/2{ .-translate-y-1\/2{
--tw-translate-y: -50%; --tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.rotate-45{ .rotate-45{
--tw-rotate: 45deg; --tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.rotate-\[25deg\]{ .rotate-\[25deg\]{
--tw-rotate: 25deg; --tw-rotate: 25deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(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{ .rotate-180{
--tw-rotate: 180deg; --tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.transform{ .transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.cursor-pointer{ .cursor-pointer{
@ -1117,7 +1159,7 @@ Ensure the default browser behavior of the `hidden` attribute.
.border-primary{ .border-primary{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(48 86 211 / var(--tw-border-opacity)); border-color: rgb(25 181 97 / var(--tw-border-opacity));
} }
.border-\[\#D4DEFF\]{ .border-\[\#D4DEFF\]{
@ -1149,7 +1191,7 @@ Ensure the default browser behavior of the `hidden` attribute.
.bg-primary{ .bg-primary{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(48 86 211 / var(--tw-bg-opacity)); background-color: rgb(25 181 97 / var(--tw-bg-opacity));
} }
.bg-\[\#f5f8ff\]{ .bg-\[\#f5f8ff\]{
@ -1174,7 +1216,7 @@ Ensure the default browser behavior of the `hidden` attribute.
.bg-secondary{ .bg-secondary{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(19 194 150 / var(--tw-bg-opacity)); background-color: rgb(255 220 100 / var(--tw-bg-opacity));
} }
.bg-\[\#f3f4ff\]{ .bg-\[\#f3f4ff\]{
@ -1230,14 +1272,12 @@ Ensure the default browser behavior of the `hidden` attribute.
.from-dark-700{ .from-dark-700{
--tw-gradient-from: #090e34b3; --tw-gradient-from: #090e34b3;
--tw-gradient-stops: var(--tw-gradient-from), --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(9 14 52 / 0));
var(--tw-gradient-to, rgb(9 14 52 / 0));
} }
.from-primary{ .from-primary{
--tw-gradient-from: #3056d3; --tw-gradient-from: #19b561;
--tw-gradient-stops: var(--tw-gradient-from), --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(25 181 97 / 0));
var(--tw-gradient-to, rgb(48 86 211 / 0));
} }
.to-transparent{ .to-transparent{
@ -1245,7 +1285,7 @@ Ensure the default browser behavior of the `hidden` attribute.
} }
.to-\[\#179BEE\]{ .to-\[\#179BEE\]{
--tw-gradient-to: #179bee; --tw-gradient-to: #179BEE;
} }
.fill-current{ .fill-current{
@ -1266,22 +1306,14 @@ Ensure the default browser behavior of the `hidden` attribute.
padding: 1rem; padding: 1rem;
} }
.p-12 { .p-5{
padding: 3rem; padding: 1.25rem;
} }
.p-8{ .p-8{
padding: 2rem; padding: 2rem;
} }
.p-10 {
padding: 2.5rem;
}
.p-5 {
padding: 1.25rem;
}
.px-4{ .px-4{
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
@ -1347,6 +1379,11 @@ Ensure the default browser behavior of the `hidden` attribute.
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-5{ .px-5{
padding-left: 1.25rem; padding-left: 1.25rem;
padding-right: 1.25rem; padding-right: 1.25rem;
@ -1377,21 +1414,11 @@ Ensure the default browser behavior of the `hidden` attribute.
padding-bottom: 2.5rem; padding-bottom: 2.5rem;
} }
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-2{ .px-2{
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pr-16{ .pr-16{
padding-right: 4rem; padding-right: 4rem;
} }
@ -1440,6 +1467,10 @@ Ensure the default browser behavior of the `hidden` attribute.
padding-left: 62px; padding-left: 62px;
} }
.pl-1{
padding-left: 0.25rem;
}
.text-left{ .text-left{
text-align: left; text-align: left;
} }
@ -1536,18 +1567,14 @@ Ensure the default browser behavior of the `hidden` attribute.
line-height: 1.625; line-height: 1.625;
} }
.leading-normal { .leading-snug{
line-height: 1.5; line-height: 1.375;
} }
.leading-\[26px\]{ .leading-\[26px\]{
line-height: 26px; line-height: 26px;
} }
.leading-snug {
line-height: 1.375;
}
.tracking-wide{ .tracking-wide{
letter-spacing: 0.025em; letter-spacing: 0.025em;
} }
@ -1583,7 +1610,7 @@ Ensure the default browser behavior of the `hidden` attribute.
.text-primary{ .text-primary{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(48 86 211 / var(--tw-text-opacity)); color: rgb(25 181 97 / var(--tw-text-opacity));
} }
.text-\[\#cdced6\]{ .text-\[\#cdced6\]{
@ -1616,6 +1643,21 @@ Ensure the default browser behavior of the `hidden` attribute.
color: rgb(173 173 173 / var(--tw-text-opacity)); color: rgb(173 173 173 / var(--tw-text-opacity));
} }
.text-secondary{
--tw-text-opacity: 1;
color: rgb(255 220 100 / var(--tw-text-opacity));
}
.underline{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.decoration-secondary{
-webkit-text-decoration-color: #ffdc64;
text-decoration-color: #ffdc64;
}
.placeholder-white::-moz-placeholder{ .placeholder-white::-moz-placeholder{
--tw-placeholder-opacity: 1; --tw-placeholder-opacity: 1;
color: rgb(255 255 255 / var(--tw-placeholder-opacity)); color: rgb(255 255 255 / var(--tw-placeholder-opacity));
@ -1650,35 +1692,32 @@ Ensure the default browser behavior of the `hidden` attribute.
opacity: 0.5; opacity: 0.5;
} }
.opacity-70{
opacity: 0.7;
}
.shadow-lg{ .shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.shadow-md{ .shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.shadow-testimonial{ .shadow-testimonial{
--tw-shadow: 0px 60px 120px -20px #ebeffd; --tw-shadow: 0px 60px 120px -20px #EBEFFD;
--tw-shadow-colored: 0px 60px 120px -20px var(--tw-shadow-color); --tw-shadow-colored: 0px 60px 120px -20px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.shadow-pricing{ .shadow-pricing{
--tw-shadow: 0px 39px 23px -27px rgba(0, 0, 0, 0.04); --tw-shadow: 0px 39px 23px -27px rgba(0, 0, 0, 0.04);
--tw-shadow-colored: 0px 39px 23px -27px var(--tw-shadow-color); --tw-shadow-colored: 0px 39px 23px -27px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.outline-none{ .outline-none{
@ -1688,14 +1727,12 @@ Ensure the default browser behavior of the `hidden` attribute.
.ring-primary{ .ring-primary{
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(48 86 211 / var(--tw-ring-opacity)); --tw-ring-color: rgb(25 181 97 / var(--tw-ring-opacity));
} }
.grayscale{ .grayscale{
--tw-grayscale: grayscale(100%); --tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) 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);
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow);
} }
.transition-\[top\]{ .transition-\[top\]{
@ -1705,15 +1742,9 @@ Ensure the default browser behavior of the `hidden` attribute.
} }
.transition{ .transition{
transition-property: color, background-color, border-color, fill, stroke, transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
opacity, box-shadow, transform, filter, -webkit-text-decoration-color, transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
backdrop-filter;
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -1735,15 +1766,9 @@ body {
z-index: 9999; z-index: 9999;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.8; --tw-bg-opacity: 0.8;
transition-property: color, background-color, border-color, fill, stroke, transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
opacity, box-shadow, transform, filter, -webkit-text-decoration-color, transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
backdrop-filter;
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms; transition-duration: 150ms;
-webkit-backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
@ -1768,7 +1793,7 @@ body {
.sticky #navbarCollapse li a:hover{ .sticky #navbarCollapse li a:hover{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(48 86 211 / var(--tw-text-opacity)); color: rgb(25 181 97 / var(--tw-text-opacity));
opacity: 1; opacity: 1;
} }
@ -1778,7 +1803,7 @@ body {
.sticky #navbarCollapse li .ud-menu-scroll.active{ .sticky #navbarCollapse li .ud-menu-scroll.active{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(48 86 211 / var(--tw-text-opacity)); color: rgb(25 181 97 / var(--tw-text-opacity));
opacity: 1; opacity: 1;
} }
@ -1789,13 +1814,13 @@ body {
.sticky .loginBtn:hover{ .sticky .loginBtn:hover{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(48 86 211 / var(--tw-text-opacity)); color: rgb(25 181 97 / var(--tw-text-opacity));
opacity: 1; opacity: 1;
} }
.sticky .signUpBtn{ .sticky .signUpBtn{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(48 86 211 / var(--tw-bg-opacity)); background-color: rgb(25 181 97 / var(--tw-bg-opacity));
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
} }
@ -1810,9 +1835,7 @@ body {
.navbarTogglerActive > span:nth-child(1){ .navbarTogglerActive > span:nth-child(1){
top: 7px; top: 7px;
--tw-rotate: 45deg; --tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.navbarTogglerActive > span:nth-child(2){ .navbarTogglerActive > span:nth-child(2){
@ -1822,9 +1845,7 @@ body {
.navbarTogglerActive > span:nth-child(3){ .navbarTogglerActive > span:nth-child(3){
top: -8px; top: -8px;
--tw-rotate: 135deg; --tw-rotate: 135deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.after\:absolute::after{ .after\:absolute::after{
@ -1860,17 +1881,13 @@ body {
.after\:-translate-y-1\/2::after{ .after\:-translate-y-1\/2::after{
content: var(--tw-content); content: var(--tw-content);
--tw-translate-y: -50%; --tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.after\:rotate-45::after{ .after\:rotate-45::after{
content: var(--tw-content); content: var(--tw-content);
--tw-rotate: 45deg; --tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.after\:border-b-2::after{ .after\:border-b-2::after{
@ -1890,7 +1907,7 @@ body {
.hover\:border-primary:hover{ .hover\:border-primary:hover{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(48 86 211 / var(--tw-border-opacity)); border-color: rgb(25 181 97 / var(--tw-border-opacity));
} }
.hover\:border-dark:hover{ .hover\:border-dark:hover{
@ -1900,7 +1917,7 @@ body {
.hover\:bg-primary:hover{ .hover\:bg-primary:hover{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(48 86 211 / var(--tw-bg-opacity)); background-color: rgb(25 181 97 / var(--tw-bg-opacity));
} }
.hover\:bg-dark:hover{ .hover\:bg-dark:hover{
@ -1918,7 +1935,7 @@ body {
.hover\:text-primary:hover{ .hover\:text-primary:hover{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(48 86 211 / var(--tw-text-opacity)); color: rgb(25 181 97 / var(--tw-text-opacity));
} }
.hover\:text-dark:hover{ .hover\:text-dark:hover{
@ -1931,6 +1948,10 @@ body {
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.hover\:text-dark-700:hover{
color: #090e34b3;
}
.hover\:underline:hover{ .hover\:underline:hover{
-webkit-text-decoration-line: underline; -webkit-text-decoration-line: underline;
text-decoration-line: underline; text-decoration-line: underline;
@ -1944,21 +1965,20 @@ body {
opacity: 1; opacity: 1;
} }
.hover\:opacity-90:hover{
opacity: 0.9;
}
.hover\:shadow-lg:hover{ .hover\:shadow-lg:hover{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.hover\:shadow-md:hover{ .hover\:shadow-md:hover{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.hover\:filter-none:hover{ .hover\:filter-none:hover{
@ -1972,7 +1992,7 @@ body {
.focus\:border-primary:focus{ .focus\:border-primary:focus{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(48 86 211 / var(--tw-border-opacity)); border-color: rgb(25 181 97 / var(--tw-border-opacity));
} }
.focus\:outline-none:focus{ .focus\:outline-none:focus{
@ -1981,46 +2001,36 @@ body {
} }
.focus\:ring-2:focus{ .focus\:ring-2:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
} }
.focus-visible\:shadow-none:focus-visible{ .focus-visible\:shadow-none:focus-visible{
--tw-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.group:hover .group-hover\:rotate-6{ .group:hover .group-hover\:rotate-6{
--tw-rotate: 6deg; --tw-rotate: 6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(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\:rotate-45{ .group:hover .group-hover\:rotate-45{
--tw-rotate: 45deg; --tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(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\:scale-125{ .group:hover .group-hover\:scale-125{
--tw-scale-x: 1.25; --tw-scale-x: 1.25;
--tw-scale-y: 1.25; --tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(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\:text-primary{ .group:hover .group-hover\:text-primary{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(48 86 211 / var(--tw-text-opacity)); color: rgb(25 181 97 / var(--tw-text-opacity));
} }
.group:hover .group-hover\:opacity-100{ .group:hover .group-hover\:opacity-100{
@ -2036,10 +2046,6 @@ body {
width: 50%; width: 50%;
} }
.sm\:p-12 {
padding: 3rem;
}
.sm\:p-8{ .sm\:p-8{
padding: 2rem; padding: 2rem;
} }
@ -2048,6 +2054,10 @@ body {
padding: 2.5rem; padding: 2.5rem;
} }
.sm\:p-12{
padding: 3rem;
}
.sm\:px-12{ .sm\:px-12{
padding-left: 3rem; padding-left: 3rem;
padding-right: 3rem; padding-right: 3rem;
@ -2063,11 +2073,6 @@ body {
padding-right: 2.5rem; padding-right: 2.5rem;
} }
.sm\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.sm\:text-4xl{ .sm\:text-4xl{
font-size: 2.25rem; font-size: 2.25rem;
line-height: 2.5rem; line-height: 2.5rem;
@ -2143,14 +2148,6 @@ body {
width: 33.333333%; width: 33.333333%;
} }
.md\:w-7\/12 {
width: 58.333333%;
}
.md\:w-5\/12 {
width: 41.666667%;
}
.md\:justify-start{ .md\:justify-start{
justify-content: flex-start; justify-content: flex-start;
} }
@ -2250,6 +2247,10 @@ body {
margin-right: 0px; margin-right: 0px;
} }
.lg\:ml-7{
margin-left: 1.75rem;
}
.lg\:ml-8{ .lg\:ml-8{
margin-left: 2rem; margin-left: 2rem;
} }
@ -2282,14 +2283,6 @@ body {
margin-bottom: 2.75rem; margin-bottom: 2.75rem;
} }
.lg\:ml-6 {
margin-left: 1.5rem;
}
.lg\:ml-7 {
margin-left: 1.75rem;
}
.lg\:block{ .lg\:block{
display: block; display: block;
} }
@ -2500,17 +2493,13 @@ body {
.lg\:shadow-none{ .lg\:shadow-none{
--tw-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.lg\:shadow-lg{ .lg\:shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.lg\:after\:right-0::after{ .lg\:after\:right-0::after{

BIN
assets/images/hero/frouzivores.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
assets/images/logo/logo_light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

27
assets/images/logo/logo_light.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="395.000000pt" height="345.000000pt" viewBox="0 0 395.000000 345.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,345.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2175 1697 c-60 -60 -67 -149 -19 -233 80 -141 252 -79 242 87 -7
104 -70 179 -150 179 -32 0 -47 -7 -73 -33z"/>
<path d="M1756 1548 c-19 -19 -38 -47 -42 -62 -10 -43 5 -111 36 -157 42 -63
90 -92 160 -97 55 -4 60 -2 95 30 33 30 39 42 42 89 4 45 0 63 -24 109 -40 75
-94 112 -173 118 -57 4 -61 3 -94 -30z"/>
<path d="M2529 1540 c-71 -38 -129 -129 -129 -201 0 -63 69 -129 135 -129 48
0 133 48 166 93 57 79 61 162 10 219 -24 27 -36 32 -87 35 -45 2 -68 -2 -95
-17z"/>
<path d="M1385 1485 c-80 -41 -131 -148 -101 -218 27 -66 103 -85 184 -46 103
50 141 199 65 258 -31 25 -104 28 -148 6z"/>
<path d="M2132 1340 c-124 -75 -38 -306 125 -336 80 -15 153 49 153 135 -1
147 -168 268 -278 201z"/>
<path d="M1572 1260 c-107 -65 -64 -253 72 -316 61 -29 90 -30 135 -6 88 47
93 169 12 263 -63 74 -154 98 -219 59z"/>
<path d="M1965 1058 c-84 -46 -134 -165 -105 -253 41 -123 161 -150 243 -54
104 121 57 320 -76 319 -23 0 -51 -6 -62 -12z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

108
index.html
View File

@ -1,11 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="scroll-smooth"> <html lang="fr" class="scroll-smooth">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> <title>
Play | Free Tailwind CSS Template for Startup and SaaS By TailGrids Les Frouzivores. L'association du circuit court pour vos produits locaux à
Frouzins.
</title> </title>
<link <link
rel="shortcut icon" rel="shortcut icon"
@ -28,13 +29,17 @@
> >
<div class="container"> <div class="container">
<div class="relative -mx-4 flex items-center justify-between"> <div class="relative -mx-4 flex items-center justify-between">
<div class="w-60 max-w-full px-4"> <div class="w-80 max-w-full px-4">
<a href="index.html" class="navbar-logo block w-full py-5"> <a
<img href="index.html"
src="assets/images/logo/logo-white.svg" class="navbar-logo block w-full py-5 text-2xl text-white"
>
<!-- <img
src="assets/images/logo/logo_light.png"
alt="logo" alt="logo"
class="header-logo w-full" class="header-logo w-full"
/> /> -->
Les Frouzivores
</a> </a>
</div> </div>
<div class="flex w-full items-center justify-between px-4"> <div class="flex w-full items-center justify-between px-4">
@ -196,51 +201,81 @@
<h1 <h1
class="mb-8 text-3xl font-bold leading-snug text-white sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug" class="mb-8 text-3xl font-bold leading-snug text-white sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug"
> >
Open-Source Web Template for SaaS, Startup, Apps, and More Consommez local, de qualité et créez du lien avec vos voisins.
</h1> </h1>
<p <div
class="mx-auto mb-10 max-w-[600px] text-base text-[#e4e4e4] sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed" class="mx-auto mb-10 max-w-[600px] text-xl text-white sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"
> >
Multidisciplinary Web Template Built with Your Favourite <p>
Technology - HTML Bootstrap, Tailwind and React NextJS. Notre <strong>association</strong> organise chaque mois, une
commande groupée en ligne et une distribution conviviale à
Frouzins.
</p> </p>
<p class="mt-2">
Achetez des produits locaux, issus d'une agriculture bio ou
raisonnée, à un tarif accessible et juste grâce au circuit
court.
</p>
</div>
<ul class="mb-10 flex flex-wrap items-center justify-center"> <ul class="mb-10 flex flex-wrap items-center justify-center">
<li> <li>
<a <a
href="https://links.tailgrids.com/play-download" href="https://www.local.direct/les-frouzivores"
class="inline-flex items-center justify-center rounded-lg bg-white py-4 px-6 text-center text-base font-medium text-dark transition duration-300 ease-in-out hover:text-primary hover:shadow-lg sm:px-10" class="inline-flex items-center justify-center rounded-lg bg-secondary py-4 px-6 text-center text-base font-medium text-dark transition duration-300 ease-in-out hover:text-dark-700 hover:shadow-lg sm:px-10"
> >
Download Now Je commande maintenant
</a>
</li>
<li>
<a
href="https://github.com/tailgrids/play-tailwind"
target="_blank"
class="flex items-center py-4 px-6 text-base font-medium text-white transition duration-300 ease-in-out hover:opacity-70 sm:px-10"
>
Star on Github
<span class="pl-2"> <span class="pl-2">
<svg <svg
width="20" xmlns="http://www.w3.org/2000/svg"
height="8" fill="none"
viewBox="0 0 20 8" viewBox="0 0 24 24"
class="fill-current" stroke-width="1.5"
stroke="currentColor"
class="h-6 w-6"
> >
<path <path
d="M19.2188 2.90632L17.0625 0.343819C16.875 0.125069 16.5312 0.0938193 16.2812 0.281319C16.0625 0.468819 16.0312 0.812569 16.2188 1.06257L18.25 3.46882H0.9375C0.625 3.46882 0.375 3.71882 0.375 4.03132C0.375 4.34382 0.625 4.59382 0.9375 4.59382H18.25L16.2188 7.00007C16.0312 7.21882 16.0625 7.56257 16.2812 7.78132C16.375 7.87507 16.5 7.90632 16.625 7.90632C16.7812 7.90632 16.9375 7.84382 17.0312 7.71882L19.1875 5.15632C19.75 4.46882 19.75 3.53132 19.2188 2.90632Z" stroke-linecap="round"
stroke-linejoin="round"
d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
/> />
</svg> </svg>
</span> </span>
</a> </a>
</li> </li>
</ul> <li>
<div class="wow fadeInUp text-center" data-wow-delay=".3s"> <span
<img class="flex items-center py-4 px-6 text-base font-medium text-white transition duration-300 ease-in-out hover:opacity-90 sm:px-10"
src="assets/images/hero/brand.svg" >
alt="image" Je récupère le
class="mx-auto w-full max-w-[250px] opacity-50 transition duration-300 ease-in-out hover:opacity-100" <strong class="pl-2 underline decoration-secondary"
>14 décembre</strong
>
<span class="pl-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="h-6 w-6"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
/> />
</svg>
</span>
</span>
</li>
</ul>
<div
class="wow fadeInUp mx-auto w-full text-center text-2xl text-white opacity-70 transition duration-300 ease-in-out hover:opacity-100"
data-wow-delay=".3s"
>
<a href="https://www.orangeriedesdemoiselles.com/">
Distribution au Château des Demoiselles dès 18h.
</a>
</div> </div>
</div> </div>
</div> </div>
@ -251,8 +286,9 @@
data-wow-delay=".25s" data-wow-delay=".25s"
> >
<div class="mt-16"> <div class="mt-16">
<!-- src="assets/images/hero/hero-image.jpg" -->
<img <img
src="assets/images/hero/hero-image.jpg" src="assets/images/hero/frouzivores.jpg"
alt="hero" alt="hero"
class="mx-auto max-w-full rounded-t-xl rounded-tr-xl" class="mx-auto max-w-full rounded-t-xl rounded-tr-xl"
/> />

3075
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
package.json
View File

@ -4,7 +4,9 @@
"description": "", "description": "",
"main": "tailwind.config.js", "main": "tailwind.config.js",
"scripts": { "scripts": {
"build-css": "tailwindcss -i ./src/tailwind.css -o ./assets/css/tailwind.css -w" "start": "run-p start:*",
"start:html": "serve .",
"start:css": "tailwindcss -i ./src/tailwind.css -o ./assets/css/tailwind.css -w"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
@ -14,8 +16,10 @@
"author": "", "author": "",
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
"npm-run-all": "^4.1.5",
"prettier": "^2.6.2", "prettier": "^2.6.2",
"prettier-plugin-tailwindcss": "^0.1.9", "prettier-plugin-tailwindcss": "^0.1.9",
"serve": "^14.1.1",
"tailwindcss": "^3.0.15" "tailwindcss": "^3.0.15"
} }
} }

7
tailwind.config.js
View File

@ -27,8 +27,11 @@ module.exports = {
black: "#212b36", black: "#212b36",
dark: "#090E34", dark: "#090E34",
"dark-700": "#090e34b3", "dark-700": "#090e34b3",
primary: "#3056D3", // primary: "#3056D3",
secondary: "#13C296", // primary: "#ffdc64",
primary: "#19b561",
// secondary: "#13C296",
secondary: "#ffdc64",
"body-color": "#637381", "body-color": "#637381",
warning: "#FBBF24", warning: "#FBBF24",
}, },