diff --git a/css/app.css b/css/app.css index 3373014..4fa439f 100644 --- a/css/app.css +++ b/css/app.css @@ -1 +1,952 @@ -/*! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;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;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:600px){.container{max-width:600px;padding-left:2rem;padding-right:2rem}}@media (min-width:782px){.container{max-width:782px}}@media (min-width:960px){.container{max-width:960px;padding-left:0;padding-right:0}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1440px){.container{max-width:1440px}}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-bottom:3rem;margin-top:3rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-1{height:.25rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-screen-md{max-width:782px}.max-w-sm{max-width:24rem}.flex-none{flex:none}.flex-grow{flex-grow:1}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-primary{background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-primary,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-10\%{--tw-gradient-from-position:10%}.via-sky-100{--tw-gradient-via-position: ;--tw-gradient-to:rgba(224,242,254,0) var(--tw-gradient-to-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),#e0f2fe var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-30\%{--tw-gradient-via-position:30%}.to-blue-200{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-90\%{--tw-gradient-to-position:90%}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.alignfull{margin:2rem calc(50% - 50vw)!important;max-width:100vw!important;width:100vw}.alignwide{margin:2rem 0;max-width:1280px!important}.alignnone{height:auto;margin-left:0;margin-right:0;max-width:100%}.aligncenter{display:block;margin:.5rem auto}@media (min-width:600px){.alignleft:not(.wp-block-button){float:left;margin-right:.5rem}.alignright:not(.wp-block-button){float:right;margin-left:.5rem}.wp-block-button.alignleft a{float:left;margin-right:1rem}.wp-block-button.alignright a{float:right;margin-left:1rem}}.wp-caption{display:inline-block}.wp-caption img{line-height:1;margin-bottom:.5rem}.wp-caption-text{color:#4b5563;font-size:.875rem}.entry-content>*,article>:not(.entry-content){margin-left:auto;margin-right:auto;max-width:960px}.block-editor-block-list__layout h1,.entry-content h1{font-size:1.5rem;line-height:2rem}.block-editor-block-list__layout h2,.entry-content h2{font-size:1.25rem}.block-editor-block-list__layout h3,.entry-content h3{font-size:1.125rem;line-height:1.75rem}.block-editor-block-list__layout ol a,.block-editor-block-list__layout p a,.block-editor-block-list__layout ul a,.entry-content ol a,.entry-content p a,.entry-content ul a{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity));text-decoration-line:underline}.block-editor-block-list__layout ol a:hover,.block-editor-block-list__layout p a:hover,.block-editor-block-list__layout ul a:hover,.entry-content ol a:hover,.entry-content p a:hover,.entry-content ul a:hover{text-decoration-line:none}.block-editor-block-list__layout ol,.block-editor-block-list__layout p,.block-editor-block-list__layout ul,.entry-content ol,.entry-content p,.entry-content ul{margin-bottom:2rem}.block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li,.entry-content ul:not(.block-editor-block-variation-picker__variations) li{list-style-position:inside;list-style-type:disc}.block-editor-block-list__layout ol li,.entry-content ol li{list-style-position:inside;list-style-type:decimal}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-white:focus{--tw-ring-offset-color:#fff}@media (min-width:600px){.sm\:w-auto{width:auto}}@media (min-width:782px){.md\:my-6{margin-bottom:1.5rem;margin-top:1.5rem}.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:960px){.lg\:-mx-4{margin-left:-1rem;margin-right:-1rem}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:text-5xl{font-size:3rem}.lg\:text-5xl,.lg\:text-6xl{line-height:1}.lg\:text-6xl{font-size:3.75rem}} +/* +! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com +*//* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: #e5e7eb; /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + line-height: 1.5; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -moz-tab-size: 4; /* 3 */ + -o-tab-size: 4; + tab-size: 4; /* 3 */ + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ + font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; /* 6 */ + -webkit-tap-highlight-color: transparent; /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; /* 1 */ + line-height: inherit; /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; /* 1 */ + color: inherit; /* 2 */ + border-top-width: 1px; /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; /* 3 */ + font-size: 1em; /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; /* 1 */ + border-color: inherit; /* 2 */ + border-collapse: collapse; /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-feature-settings: inherit; /* 1 */ + font-variation-settings: inherit; /* 1 */ + font-size: 100%; /* 1 */ + font-weight: inherit; /* 1 */ + line-height: inherit; /* 1 */ + color: inherit; /* 1 */ + margin: 0; /* 2 */ + padding: 0; /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; /* 1 */ + background-color: transparent; /* 2 */ + background-image: none; /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; /* 1 */ + vertical-align: middle; /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ +[hidden] { + display: none; +} + +*, ::before, ::after{ + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} + +::backdrop{ + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} +.container{ + width: 100%; + padding-right: 1rem; + padding-left: 1rem +} +@media (min-width: 480px){ + + .container{ + max-width: 480px + } +} +@media (min-width: 600px){ + + .container{ + max-width: 600px; + padding-right: 2rem; + padding-left: 2rem + } +} +@media (min-width: 782px){ + + .container{ + max-width: 782px + } +} +@media (min-width: 960px){ + + .container{ + max-width: 960px; + padding-right: 0rem; + padding-left: 0rem + } +} +@media (min-width: 1280px){ + + .container{ + max-width: 1280px + } +} +@media (min-width: 1440px){ + + .container{ + max-width: 1440px + } +} +.m-8{ + margin: 2rem +} +.mx-auto{ + margin-left: auto; + margin-right: auto +} +.my-3{ + margin-top: 0.75rem; + margin-bottom: 0.75rem +} +.my-8{ + margin-top: 2rem; + margin-bottom: 2rem +} +.mb-1{ + margin-bottom: 0.25rem +} +.mb-4{ + margin-bottom: 1rem +} +.mb-8{ + margin-bottom: 2rem +} +.mt-4{ + margin-top: 1rem +} +.block{ + display: block +} +.inline-block{ + display: inline-block +} +.flex{ + display: flex +} +.hidden{ + display: none +} +.h-1{ + height: 0.25rem +} +.h-12{ + height: 3rem +} +.h-6{ + height: 1.5rem +} +.min-h-screen{ + min-height: 100vh +} +.w-16{ + width: 4rem +} +.w-4\/6{ + width: 66.666667% +} +.w-6{ + width: 1.5rem +} +.w-full{ + width: 100% +} +.max-w-sm{ + max-width: 24rem +} +.flex-grow{ + flex-grow: 1 +} +.cursor-pointer{ + cursor: pointer +} +.list-decimal{ + list-style-type: decimal +} +.list-disc{ + list-style-type: disc +} +.flex-col{ + flex-direction: column +} +.items-center{ + align-items: center +} +.justify-center{ + justify-content: center +} +.justify-between{ + justify-content: space-between +} +.gap-4{ + gap: 1rem +} +.self-center{ + align-self: center +} +.rounded{ + border-radius: 0.25rem +} +.rounded-md{ + border-radius: 0.375rem +} +.border-b{ + border-bottom-width: 1px +} +.border-primary{ + --tw-border-opacity: 1; + border-color: rgb(0 104 91 / var(--tw-border-opacity)) +} +.bg-gray-100{ + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)) +} +.bg-gray-200{ + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)) +} +.bg-gray-50{ + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)) +} +.bg-light{ + --tw-bg-opacity: 1; + background-color: rgb(232 241 240 / var(--tw-bg-opacity)) +} +.bg-primary{ + --tw-bg-opacity: 1; + background-color: rgb(0 104 91 / var(--tw-bg-opacity)) +} +.bg-white{ + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) +} +.p-4{ + padding: 1rem +} +.px-3{ + padding-left: 0.75rem; + padding-right: 0.75rem +} +.px-4{ + padding-left: 1rem; + padding-right: 1rem +} +.py-12{ + padding-top: 3rem; + padding-bottom: 3rem +} +.py-2{ + padding-top: 0.5rem; + padding-bottom: 0.5rem +} +.py-6{ + padding-top: 1.5rem; + padding-bottom: 1.5rem +} +.text-center{ + text-align: center +} +.text-2xl{ + font-size: 1.5rem; + line-height: 2rem +} +.text-5xl{ + font-size: 3rem; + line-height: 1 +} +.text-lg{ + font-size: 1.125rem; + line-height: 1.75rem +} +.text-sm{ + font-size: 0.875rem; + line-height: 1.25rem +} +.text-xl{ + font-size: 1.25rem +} +.text-xxl{ + font-size: 1.5rem +} +.font-bold{ + font-weight: 700 +} +.font-extrabold{ + font-weight: 800 +} +.font-light{ + font-weight: 300 +} +.uppercase{ + text-transform: uppercase +} +.leading-tight{ + line-height: 1.25 +} +.text-blue-500{ + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)) +} +.text-gray-500{ + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)) +} +.text-gray-600{ + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)) +} +.text-gray-700{ + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)) +} +.text-gray-800{ + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)) +} +.text-gray-900{ + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)) +} +.text-white{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)) +} +.underline{ + text-decoration-line: underline +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.alignfull{ + margin: 2rem calc(50% - 50vw) !important; + max-width: 100vw !important; + width: 100vw +} +.alignwide{ + margin: 2rem 0; + max-width: 1280px !important +} +.alignnone{ + margin-left: 0px; + margin-right: 0px; + height: auto; + max-width: 100% +} +.aligncenter{ + margin: 0.5rem auto; + display: block +} +@media (min-width: 600px){ + + .alignleft:not(.wp-block-button){ + margin-right: 0.5rem; + float: left + } + + .alignright:not(.wp-block-button){ + margin-left: 0.5rem; + float: right + } + + .wp-block-button.alignleft a{ + float: left; + margin-right: 1rem + } + + .wp-block-button.alignright a{ + float: right; + margin-left: 1rem + } +} +.wp-caption{ + display: inline-block +} +.wp-caption img{ + margin-bottom: 0.5rem; + line-height: 1 +} +.wp-caption-text{ + font-size: 0.875rem; + color: #4b5563 +} +article > *:not(.entry-content), +.entry-content > *{ + margin-left: auto; + margin-right: auto; + max-width: 960px +} +.entry-content h1, .block-editor-block-list__layout h1{ + font-size: 1.5rem; + line-height: 2rem +} +.entry-content h2, .block-editor-block-list__layout h2{ + font-size: 1.25rem +} +.entry-content h3, .block-editor-block-list__layout h3{ + font-size: 1.125rem; + line-height: 1.75rem +} +.entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a{ + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); + text-decoration-line: underline +} +.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover, .block-editor-block-list__layout p a:hover, .block-editor-block-list__layout ul a:hover, .block-editor-block-list__layout ol a:hover{ + text-decoration-line: none +} +.entry-content p, .entry-content ul, .entry-content ol, .block-editor-block-list__layout p, .block-editor-block-list__layout ul, .block-editor-block-list__layout ol{ + margin-bottom: 2rem +} +.entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{ + list-style-position: inside; + list-style-type: disc +} +.entry-content ol li, .block-editor-block-list__layout ol li{ + list-style-position: inside; + list-style-type: decimal +} +#loginform-custom label{ + margin-bottom: 0.5rem; + display: block +} +#loginform-custom input[type="text"], + #loginform-custom input[type="password"]{ + margin-bottom: 1rem; + height: 3rem; + width: 100%; + border-radius: 0.375rem; + padding-left: 1rem; + padding-right: 1rem +} +#loginform-custom input[type="submit"]{ + margin-bottom: 1rem; + height: 3rem; + width: 100%; + border-radius: 0.375rem; + --tw-bg-opacity: 1; + background-color: rgb(0 104 91 / var(--tw-bg-opacity)); + text-align: center; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)) +} +@media (min-width: 782px){ + + .md\:my-6{ + margin-top: 1.5rem; + margin-bottom: 1.5rem + } + + .md\:flex{ + display: flex + } + + .md\:w-1\/2{ + width: 50% + } + + .md\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem + } +} +@media (min-width: 960px){ + + .lg\:-mx-4{ + margin-left: -1rem; + margin-right: -1rem + } + + .lg\:mx-4{ + margin-left: 1rem; + margin-right: 1rem + } + + .lg\:mt-0{ + margin-top: 0px + } + + .lg\:block{ + display: block + } + + .lg\:flex{ + display: flex + } + + .lg\:hidden{ + display: none + } + + .lg\:items-center{ + align-items: center + } + + .lg\:justify-between{ + justify-content: space-between + } + + .lg\:bg-transparent{ + background-color: transparent + } + + .lg\:p-0{ + padding: 0px + } + + .lg\:text-5xl{ + font-size: 3rem; + line-height: 1 + } +} + diff --git a/css/editor-style.css b/css/editor-style.css index 9aaca09..a26414b 100644 --- a/css/editor-style.css +++ b/css/editor-style.css @@ -1 +1,404 @@ -.container{padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:600px){.container{max-width:600px;padding-left:2rem;padding-right:2rem}}@media (min-width:782px){.container{max-width:782px}}@media (min-width:960px){.container{max-width:960px;padding-left:0;padding-right:0}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1440px){.container{max-width:1440px}}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-bottom:3rem;margin-top:3rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-1{height:.25rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-screen-md{max-width:782px}.max-w-sm{max-width:24rem}.flex-none{flex:none}.flex-grow{flex-grow:1}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-primary{background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-primary,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-10\%{--tw-gradient-from-position:10%}.via-sky-100{--tw-gradient-via-position: ;--tw-gradient-to:rgba(224,242,254,0) var(--tw-gradient-to-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),#e0f2fe var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-30\%{--tw-gradient-via-position:30%}.to-blue-200{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-90\%{--tw-gradient-to-position:90%}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.alignfull{margin:2rem calc(50% - 50vw)!important;max-width:100vw!important;width:100vw}.alignwide{margin:2rem 0;max-width:1280px!important}.alignnone{height:auto;margin-left:0;margin-right:0;max-width:100%}.aligncenter{display:block;margin:.5rem auto}@media (min-width:600px){.alignleft:not(.wp-block-button){float:left;margin-right:.5rem}.alignright:not(.wp-block-button){float:right;margin-left:.5rem}.wp-block-button.alignleft a{float:left;margin-right:1rem}.wp-block-button.alignright a{float:right;margin-left:1rem}}.wp-caption{display:inline-block}.wp-caption img{line-height:1;margin-bottom:.5rem}.wp-caption-text{color:#4b5563;font-size:.875rem}body{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}.wp-block,.wp-block[data-align=wide]{max-width:1280px}.wp-block[data-align=full]{max-width:100%}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-white:focus{--tw-ring-offset-color:#fff}@media (min-width:600px){.sm\:w-auto{width:auto}}@media (min-width:782px){.md\:my-6{margin-bottom:1.5rem;margin-top:1.5rem}.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:960px){.lg\:-mx-4{margin-left:-1rem;margin-right:-1rem}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:text-5xl{font-size:3rem}.lg\:text-5xl,.lg\:text-6xl{line-height:1}.lg\:text-6xl{font-size:3.75rem}} +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem +} +@media (min-width: 480px) { + .container { + max-width: 480px + } +} +@media (min-width: 600px) { + .container { + max-width: 600px; + padding-right: 2rem; + padding-left: 2rem + } +} +@media (min-width: 782px) { + .container { + max-width: 782px + } +} +@media (min-width: 960px) { + .container { + max-width: 960px; + padding-right: 0rem; + padding-left: 0rem + } +} +@media (min-width: 1280px) { + .container { + max-width: 1280px + } +} +@media (min-width: 1440px) { + .container { + max-width: 1440px + } +} +.m-8 { + margin: 2rem +} +.mx-auto { + margin-left: auto; + margin-right: auto +} +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem +} +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem +} +.mb-1 { + margin-bottom: 0.25rem +} +.mb-4 { + margin-bottom: 1rem +} +.mb-8 { + margin-bottom: 2rem +} +.mt-4 { + margin-top: 1rem +} +.mb-2 { + margin-bottom: 0.5rem +} +.block { + display: block +} +.inline-block { + display: inline-block +} +.flex { + display: flex +} +.hidden { + display: none +} +.h-1 { + height: 0.25rem +} +.h-6 { + height: 1.5rem +} +.h-8 { + height: 2rem +} +.h-12 { + height: 3rem +} +.min-h-screen { + min-height: 100vh +} +.w-16 { + width: 4rem +} +.w-4\/6 { + width: 66.666667% +} +.w-6 { + width: 1.5rem +} +.w-full { + width: 100% +} +.w-1\/2 { + width: 50% +} +.w-2\/3 { + width: 66.666667% +} +.max-w-sm { + max-width: 24rem +} +.flex-grow { + flex-grow: 1 +} +.cursor-pointer { + cursor: pointer +} +.list-decimal { + list-style-type: decimal +} +.list-disc { + list-style-type: disc +} +.flex-col { + flex-direction: column +} +.items-center { + align-items: center +} +.justify-center { + justify-content: center +} +.justify-between { + justify-content: space-between +} +.gap-4 { + gap: 1rem +} +.self-center { + align-self: center +} +.rounded { + border-radius: 0.25rem +} +.rounded-md { + border-radius: 0.375rem +} +.border-b { + border-bottom-width: 1px +} +.border-primary { + --tw-border-opacity: 1; + border-color: rgb(0 104 91 / var(--tw-border-opacity)) +} +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)) +} +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)) +} +.bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)) +} +.bg-primary { + --tw-bg-opacity: 1; + background-color: rgb(0 104 91 / var(--tw-bg-opacity)) +} +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) +} +.bg-light { + --tw-bg-opacity: 1; + background-color: rgb(232 241 240 / var(--tw-bg-opacity)) +} +.p-4 { + padding: 1rem +} +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem +} +.px-4 { + padding-left: 1rem; + padding-right: 1rem +} +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem +} +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem +} +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem +} +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem +} +.text-center { + text-align: center +} +.text-2xl { + font-size: 1.5rem; + line-height: 2rem +} +.text-5xl { + font-size: 3rem; + line-height: 1 +} +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem +} +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem +} +.text-xl { + font-size: 1.25rem +} +.text-xxl { + font-size: 1.5rem +} +.font-bold { + font-weight: 700 +} +.font-extrabold { + font-weight: 800 +} +.font-light { + font-weight: 300 +} +.uppercase { + text-transform: uppercase +} +.leading-tight { + line-height: 1.25 +} +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)) +} +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)) +} +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)) +} +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)) +} +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)) +} +.text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)) +} +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)) +} +.underline { + text-decoration-line: underline +} +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.alignfull { + margin: 2rem calc(50% - 50vw) !important; + max-width: 100vw !important; + width: 100vw +} +.alignwide { + margin: 2rem 0; + max-width: 1280px !important +} +.alignnone { + margin-left: 0px; + margin-right: 0px; + height: auto; + max-width: 100% +} +.aligncenter { + margin: 0.5rem auto; + display: block +} +@media (min-width: 600px) { + .alignleft:not(.wp-block-button) { + margin-right: 0.5rem; + float: left + } + .alignright:not(.wp-block-button) { + margin-left: 0.5rem; + float: right + } + .wp-block-button.alignleft a { + float: left; + margin-right: 1rem + } + .wp-block-button.alignright a { + float: right; + margin-left: 1rem + } +} +.wp-caption { + display: inline-block +} +.wp-caption img { + margin-bottom: 0.5rem; + line-height: 1 +} +.wp-caption-text { + font-size: 0.875rem; + color: #4b5563 +} +body { + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" +} +.wp-block { + max-width: 1280px +} +.wp-block[data-align=wide] { + max-width: 1280px +} +.wp-block[data-align=full] { + max-width: 100% +} +@media (min-width: 782px) { + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem + } + .md\:flex { + display: flex + } + .md\:w-1\/2 { + width: 50% + } + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem + } +} +@media (min-width: 960px) { + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem + } + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem + } + .lg\:mt-0 { + margin-top: 0px + } + .lg\:block { + display: block + } + .lg\:flex { + display: flex + } + .lg\:hidden { + display: none + } + .lg\:items-center { + align-items: center + } + .lg\:justify-between { + justify-content: space-between + } + .lg\:bg-transparent { + background-color: transparent + } + .lg\:p-0 { + padding: 0px + } + .lg\:text-5xl { + font-size: 3rem; + line-height: 1 + } +} diff --git a/footer.php b/footer.php index ec72b58..88cdf70 100644 --- a/footer.php +++ b/footer.php @@ -11,7 +11,7 @@
- © - + © - | Deligraph
diff --git a/header.php b/header.php index 1516c64..e7787de 100644 --- a/header.php +++ b/header.php @@ -52,43 +52,40 @@ - 'primary-menu', - 'container_class' => 'hidden bg-gray-100 mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block', - 'menu_class' => 'lg:flex lg:-mx-4', - 'theme_location' => 'primary', - 'li_class' => 'lg:mx-4', - 'fallback_cb' => false, - ) - ); - ?> +
+ 'primary-menu', + 'container_class' => 'hidden bg-gray-100 mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block self-center', + 'menu_class' => 'lg:flex lg:-mx-4', + 'theme_location' => 'primary', + 'li_class' => 'lg:mx-4', + 'fallback_cb' => false, + ) + ); + ?> + + + Se déconnecter + + Se connecter + +
- - -
-
-
-

Start building your next Tailwind CSS flavoured WordPress theme - with TailPress.

-

TailPress is your go-to starting - point for developing WordPress themes with Tailwind CSS and comes with basic block-editor support out - of the box.

- View - on GitHub -
-
-
- - -
diff --git a/js/app.js b/js/app.js index 9ddd13a..5fb4012 100644 --- a/js/app.js +++ b/js/app.js @@ -1 +1,191 @@ -(()=>{var e,r={80:()=>{window.addEventListener("load",(function(){var e=document.querySelector("#primary-menu");document.querySelector("#primary-menu-toggle").addEventListener("click",(function(r){r.preventDefault(),e.classList.toggle("hidden")}))}))},662:()=>{},797:()=>{}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var i=t[e]={exports:{}};return r[e](i,i.exports,n),i.exports}n.m=r,e=[],n.O=(r,t,o,i)=>{if(!t){var a=1/0;for(u=0;u=i)&&Object.keys(n.O).every((e=>n.O[e](t[s])))?t.splice(s--,1):(l=!1,i0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[t,o,i]},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),(()=>{var e={773:0,842:0,170:0};n.O.j=r=>0===e[r];var r=(r,t)=>{var o,i,[a,l,s]=t,v=0;if(a.some((r=>0!==e[r]))){for(o in l)n.o(l,o)&&(n.m[o]=l[o]);if(s)var u=s(n)}for(r&&r(t);vn(80))),n.O(void 0,[842,170],(()=>n(662)));var o=n.O(void 0,[842,170],(()=>n(797)));o=n.O(o)})(); \ No newline at end of file +/******/ (() => { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./resources/js/app.js": +/*!*****************************!*\ + !*** ./resources/js/app.js ***! + \*****************************/ +/***/ (() => { + +// Navigation toggle +window.addEventListener('load', function () { + var main_navigation = document.querySelector('#primary-menu'); + document.querySelector('#primary-menu-toggle').addEventListener('click', function (e) { + e.preventDefault(); + main_navigation.classList.toggle('hidden'); + }); +}); + +/***/ }), + +/***/ "./resources/css/app.css": +/*!*******************************!*\ + !*** ./resources/css/app.css ***! + \*******************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + + +/***/ }), + +/***/ "./resources/css/editor-style.css": +/*!****************************************!*\ + !*** ./resources/css/editor-style.css ***! + \****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = __webpack_modules__; +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/chunk loaded */ +/******/ (() => { +/******/ var deferred = []; +/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => { +/******/ if(chunkIds) { +/******/ priority = priority || 0; +/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1]; +/******/ deferred[i] = [chunkIds, fn, priority]; +/******/ return; +/******/ } +/******/ var notFulfilled = Infinity; +/******/ for (var i = 0; i < deferred.length; i++) { +/******/ var [chunkIds, fn, priority] = deferred[i]; +/******/ var fulfilled = true; +/******/ for (var j = 0; j < chunkIds.length; j++) { +/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) { +/******/ chunkIds.splice(j--, 1); +/******/ } else { +/******/ fulfilled = false; +/******/ if(priority < notFulfilled) notFulfilled = priority; +/******/ } +/******/ } +/******/ if(fulfilled) { +/******/ deferred.splice(i--, 1) +/******/ var r = fn(); +/******/ if (r !== undefined) result = r; +/******/ } +/******/ } +/******/ return result; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/jsonp chunk loading */ +/******/ (() => { +/******/ // no baseURI +/******/ +/******/ // object to store loaded and loading chunks +/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched +/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded +/******/ var installedChunks = { +/******/ "/js/app": 0, +/******/ "css/editor-style": 0, +/******/ "css/app": 0 +/******/ }; +/******/ +/******/ // no chunk on demand loading +/******/ +/******/ // no prefetching +/******/ +/******/ // no preloaded +/******/ +/******/ // no HMR +/******/ +/******/ // no HMR manifest +/******/ +/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0); +/******/ +/******/ // install a JSONP callback for chunk loading +/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => { +/******/ var [chunkIds, moreModules, runtime] = data; +/******/ // add "moreModules" to the modules object, +/******/ // then flag all "chunkIds" as loaded and fire callback +/******/ var moduleId, chunkId, i = 0; +/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) { +/******/ for(moduleId in moreModules) { +/******/ if(__webpack_require__.o(moreModules, moduleId)) { +/******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; +/******/ } +/******/ } +/******/ if(runtime) var result = runtime(__webpack_require__); +/******/ } +/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); +/******/ for(;i < chunkIds.length; i++) { +/******/ chunkId = chunkIds[i]; +/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { +/******/ installedChunks[chunkId][0](); +/******/ } +/******/ installedChunks[chunkId] = 0; +/******/ } +/******/ return __webpack_require__.O(result); +/******/ } +/******/ +/******/ var chunkLoadingGlobal = self["webpackChunktailpress"] = self["webpackChunktailpress"] || []; +/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); +/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); +/******/ })(); +/******/ +/************************************************************************/ +/******/ +/******/ // startup +/******/ // Load entry module and return exports +/******/ // This entry module depends on other loaded chunks and execution need to be delayed +/******/ __webpack_require__.O(undefined, ["css/editor-style","css/app"], () => (__webpack_require__("./resources/js/app.js"))) +/******/ __webpack_require__.O(undefined, ["css/editor-style","css/app"], () => (__webpack_require__("./resources/css/app.css"))) +/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["css/editor-style","css/app"], () => (__webpack_require__("./resources/css/editor-style.css"))) +/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__); +/******/ +/******/ })() +; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 75072f4..e99e9df 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "tailpress", - "version": "3.3.0", + "version": "3.4.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "tailpress", - "version": "3.3.0", + "version": "3.4.0", "license": "MIT", "devDependencies": { "@jeffreyvr/tailwindcss-tailpress": "^2.0.0", diff --git a/page.php b/page.php new file mode 100644 index 0000000..3b216e2 --- /dev/null +++ b/page.php @@ -0,0 +1,20 @@ + + +
+ + + + + + + + + + +
+ +" > + - ', esc_url( get_permalink() ) ), '' ); ?> - - +if (is_front_page() && is_user_logged_in()): + echo 'je suis connected'; +else: + ?> +
+
+

Se connecter

+ home_url(), // URL de redirection après connexion + 'form_id' => 'loginform-custom', // ID du formulaire + 'label_username' => __('Nom d’utilisateur / e-mail'), + 'label_password' => __('Mot de passe'), + 'label_remember' => __('Se souvenir de moi'), + 'label_log_in' => __('Connexion'), + 'remember' => true + ); + wp_login_form($args); - - -
- + ?> +

+ Mot de passe oublié ? +

+
+ -
- "', '"', false ) - ) - ); - - wp_link_pages( - array( - 'before' => '
' . __( 'Pages:', 'tailpress' ) . '', - 'after' => '
', - 'link_before' => '', - 'link_after' => '', - 'pagelink' => '' . __( 'Page', 'tailpress' ) . ' %', - 'separator' => ', ', - ) - ); - ?> -
- - - - +endif; +?> diff --git a/theme.json b/theme.json index 0159146..d19a91d 100644 --- a/theme.json +++ b/theme.json @@ -10,7 +10,7 @@ { "name": "Primary", "slug": "primary", - "color": "#0EA5E9" + "color": "#00685B" }, { "name": "Secondary", @@ -25,7 +25,7 @@ { "name": "Light", "slug": "light", - "color": "#F9FAFB" + "color": "#e8f1f0" } ] },