From 4a55ed15657775e63c361e60fb3ec7e31191eb52 Mon Sep 17 00:00:00 2001 From: Adrien Beaudouin Date: Wed, 25 May 2022 11:50:15 +0200 Subject: [PATCH] add web3 sticker --- assets/css/custom.css | 132 +++++++++++++++++++++++++++++++++-- layouts/partials/footer.html | 61 ++++++++++++++++ package.json | 2 +- pnpm-lock.yaml | 54 +++++++------- tailwind.config.js | 2 +- 5 files changed, 217 insertions(+), 34 deletions(-) create mode 100644 layouts/partials/footer.html diff --git a/assets/css/custom.css b/assets/css/custom.css index 0fac31d..af18fd5 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -22,6 +22,10 @@ z-index: 10 } +.mb-1 { + margin-bottom: 0.25rem +} + .mb-4 { margin-bottom: 1rem } @@ -54,6 +58,10 @@ display: inline-block } +.inline { + display: inline +} + .flex { display: flex } @@ -66,6 +74,14 @@ display: contents } +.hidden { + display: none +} + +.h-12 { + height: 3rem +} + .h-full { height: 100% } @@ -74,6 +90,10 @@ height: 9rem } +.w-12 { + width: 3rem +} + .w-full { width: 100% } @@ -86,6 +106,14 @@ flex-grow: 1 } +.cursor-pointer { + cursor: pointer +} + +.list-none { + list-style-type: none +} + .flex-col { flex-direction: column } @@ -102,6 +130,10 @@ justify-content: center } +.justify-between { + justify-content: space-between +} + .gap-4 { gap: 1rem } @@ -235,6 +267,11 @@ padding-bottom: 0.5rem } +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem +} + .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem @@ -245,6 +282,10 @@ padding-bottom: 0.625rem } +.pb-4 { + padding-bottom: 1rem +} + .pb-2 { padding-bottom: 0.5rem } @@ -257,6 +298,11 @@ text-align: center } +.text-base { + font-size: 1rem; + line-height: 1.5rem +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem @@ -277,6 +323,10 @@ line-height: 2rem } +.font-medium { + font-weight: 500 +} + .font-extrabold { font-weight: 800 } @@ -289,16 +339,21 @@ font-style: italic } -.text-neutral-900 { - --tw-text-opacity: 1; - color: rgb(23 23 23 / var(--tw-text-opacity)) -} - .text-neutral-500 { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)) } +.text-neutral-700 { + --tw-text-opacity: 1; + color: rgb(64 64 64 / var(--tw-text-opacity)) +} + +.text-neutral-900 { + --tw-text-opacity: 1; + color: rgb(23 23 23 / var(--tw-text-opacity)) +} + .\!no-underline { -webkit-text-decoration-line: none !important; text-decoration-line: none !important @@ -344,11 +399,48 @@ color: rgb(255 255 255 / var(--tw-text-opacity)) } +.hover\:underline:hover { + -webkit-text-decoration-line: underline; + text-decoration-line: underline +} + +.hover\:decoration-2:hover { + text-decoration-thickness: 2px +} + +.hover\:underline-offset-2:hover { + text-underline-offset: 2px +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } +[dir="ltr"] .ltr\:mr-14 { + margin-right: 3.5rem +} + +[dir="ltr"] .ltr\:text-right { + text-align: right +} + +[dir="rtl"] .rtl\:ml-14 { + margin-left: 3.5rem +} + +[dir="rtl"] .rtl\:text-left { + text-align: left +} + +.dark .dark\:inline { + display: inline +} + +.dark .dark\:hidden { + display: none +} + .dark .dark\:border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)) @@ -414,10 +506,40 @@ background-color: rgb(15 118 110 / var(--tw-bg-opacity)) !important } +@media print { + .print\:hidden { + display: none + } +} + @media (min-width: 640px) { + .sm\:mb-0 { + margin-bottom: 0px + } + + .sm\:block { + display: block + } + .sm\:flex-row { flex-direction: row } + + [dir="ltr"] .ltr\:sm\:mr-7 { + margin-right: 1.75rem + } + + [dir="ltr"] .ltr\:sm\:last\:mr-0:last-child { + margin-right: 0px + } + + [dir="rtl"] .rtl\:sm\:ml-7 { + margin-left: 1.75rem + } + + [dir="rtl"] .rtl\:sm\:last\:ml-0:last-child { + margin-left: 0px + } } @media (min-width: 768px) { diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..f4f3b18 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,61 @@ + \ No newline at end of file diff --git a/package.json b/package.json index 79ae22b..ea5371d 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ "license": "MIT", "devDependencies": { "autoprefixer": "^10.4.7", - "postcss": "^8.4.13", + "postcss": "^8.4.14", "tailwindcss": "^3.0.24" } } \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 86db19b..a32e1b4 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -2,12 +2,12 @@ lockfileVersion: 5.4 specifiers: autoprefixer: ^10.4.7 - postcss: ^8.4.13 + postcss: ^8.4.14 tailwindcss: ^3.0.24 devDependencies: - autoprefixer: 10.4.7_postcss@8.4.13 - postcss: 8.4.13 + autoprefixer: 10.4.7_postcss@8.4.14 + postcss: 8.4.14 tailwindcss: 3.0.24 packages: @@ -64,7 +64,7 @@ packages: resolution: {integrity: sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==} dev: true - /autoprefixer/10.4.7_postcss@8.4.13: + /autoprefixer/10.4.7_postcss@8.4.14: resolution: {integrity: sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA==} engines: {node: ^10 || ^12 || >=14} hasBin: true @@ -72,11 +72,11 @@ packages: postcss: ^8.1.0 dependencies: browserslist: 4.20.3 - caniuse-lite: 1.0.30001341 + caniuse-lite: 1.0.30001342 fraction.js: 4.2.0 normalize-range: 0.1.2 picocolors: 1.0.0 - postcss: 8.4.13 + postcss: 8.4.14 postcss-value-parser: 4.2.0 dev: true @@ -97,10 +97,10 @@ packages: engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true dependencies: - caniuse-lite: 1.0.30001341 - electron-to-chromium: 1.4.137 + caniuse-lite: 1.0.30001342 + electron-to-chromium: 1.4.138 escalade: 3.1.1 - node-releases: 2.0.4 + node-releases: 2.0.5 picocolors: 1.0.0 dev: true @@ -109,8 +109,8 @@ packages: engines: {node: '>= 6'} dev: true - /caniuse-lite/1.0.30001341: - resolution: {integrity: sha512-2SodVrFFtvGENGCv0ChVJIDQ0KPaS1cg7/qtfMaICgeMolDdo/Z2OD32F0Aq9yl6F4YFwGPBS5AaPqNYiW4PoA==} + /caniuse-lite/1.0.30001342: + resolution: {integrity: sha512-bn6sOCu7L7jcbBbyNhLg0qzXdJ/PMbybZTH/BA6Roet9wxYRm6Tr9D0s0uhLkOZ6MSG+QU6txUgdpr3MXIVqjA==} dev: true /chokidar/3.5.3: @@ -160,8 +160,8 @@ packages: resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} dev: true - /electron-to-chromium/1.4.137: - resolution: {integrity: sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==} + /electron-to-chromium/1.4.138: + resolution: {integrity: sha512-IOyp2Seq3w4QLln+yZWcMF3VXhhduz4bwg9gfI+CnP5TkzwNXQ8FCZuwwPsnes73AfWdf5J2n2OXdUwDUspDPQ==} dev: true /escalade/3.1.1: @@ -288,8 +288,8 @@ packages: hasBin: true dev: true - /node-releases/2.0.4: - resolution: {integrity: sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==} + /node-releases/2.0.5: + resolution: {integrity: sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==} dev: true /normalize-path/3.0.0: @@ -320,17 +320,17 @@ packages: engines: {node: '>=8.6'} dev: true - /postcss-js/4.0.0_postcss@8.4.13: + /postcss-js/4.0.0_postcss@8.4.14: resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==} engines: {node: ^12 || ^14 || >= 16} peerDependencies: postcss: ^8.3.3 dependencies: camelcase-css: 2.0.1 - postcss: 8.4.13 + postcss: 8.4.14 dev: true - /postcss-load-config/3.1.4_postcss@8.4.13: + /postcss-load-config/3.1.4_postcss@8.4.14: resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==} engines: {node: '>= 10'} peerDependencies: @@ -343,17 +343,17 @@ packages: optional: true dependencies: lilconfig: 2.0.5 - postcss: 8.4.13 + postcss: 8.4.14 yaml: 1.10.2 dev: true - /postcss-nested/5.0.6_postcss@8.4.13: + /postcss-nested/5.0.6_postcss@8.4.14: resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==} engines: {node: '>=12.0'} peerDependencies: postcss: ^8.2.14 dependencies: - postcss: 8.4.13 + postcss: 8.4.14 postcss-selector-parser: 6.0.10 dev: true @@ -369,8 +369,8 @@ packages: resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} dev: true - /postcss/8.4.13: - resolution: {integrity: sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==} + /postcss/8.4.14: + resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==} engines: {node: ^10 || ^12 || >=14} dependencies: nanoid: 3.3.4 @@ -442,10 +442,10 @@ packages: normalize-path: 3.0.0 object-hash: 3.0.0 picocolors: 1.0.0 - postcss: 8.4.13 - postcss-js: 4.0.0_postcss@8.4.13 - postcss-load-config: 3.1.4_postcss@8.4.13 - postcss-nested: 5.0.6_postcss@8.4.13 + postcss: 8.4.14 + postcss-js: 4.0.0_postcss@8.4.14 + postcss-load-config: 3.1.4_postcss@8.4.14 + postcss-nested: 5.0.6_postcss@8.4.14 postcss-selector-parser: 6.0.10 postcss-value-parser: 4.2.0 quick-lru: 5.1.1 diff --git a/tailwind.config.js b/tailwind.config.js index ac0438e..1b8e791 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,6 +5,6 @@ module.exports = { "./content/**/*.{html,md}", ], safelist: [ - 'sm:flex-row', 'lg:flex-row', 'lg:hidden' + 'sm:flex-row', 'lg:flex-row', 'lg:hidden', 'sm:block' ], };