add web3 sticker

2022-05-25 11:50:15 +02:00
parent d4d05ba941
commit 4a55ed1565
5 changed files with 217 additions and 34 deletions
--- 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) {
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -0,0 +1,61 @@
+<footer class="py-10 print:hidden">
+    {{/* Footer menu */}}
+    {{ if .Site.Menus.footer }}
+      <nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
+        <ul class="flex flex-col list-none sm:flex-row">
+          {{ range .Site.Menus.footer }}
+            <li
+              class="mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"
+            >
+              <a
+                class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
+                href="{{ .URL }}"
+                title="{{ .Title }}"
+                >{{ .Name | markdownify | emojify }}</a
+              >
+            </li>
+          {{ end }}
+        </ul>
+      </nav>
+    {{ end }}
+    <div class="flex justify-between items-center">
+      <div class="flex items-center gap-4">
+        {{/* Copyright */}}
+        <p class="hidden sm:block text-sm text-neutral-500 dark:text-neutral-400">
+          {{- with .Site.Params.copyright }}
+            {{ . | emojify | markdownify }}
+          {{- else }}
+            &copy;
+            {{ now.Format "2006" }}
+            {{ .Site.Author.name | markdownify | emojify }}
+          {{- end }}
+        </p>
+
+        <a href="https://yesterweb.org/no-to-web3/">
+            <img src="https://auzziejay.com/images/noweb32.gif" />
+        </a>
+      </div>
+      {{/* Appearance switch */}}
+      {{ if .Site.Params.showAppearanceSwitcher | default false }}
+        <div
+          class="text-sm cursor-pointer text-neutral-700 dark:text-neutral hover:text-primary-600 dark:hover:text-primary-400 {{ if .Site.Params.showScrollToTop | default true -}}
+            ltr:mr-14 rtl:ml-14
+          {{- end }}"
+        >
+          <button
+            id="appearance-switcher"
+            class="w-12 h-12 "
+            type="button"
+            title="{{ i18n "footer.dark_appearance" }}"
+          >
+            <span class="inline dark:hidden">{{ partial "icon.html" "moon" }}</span>
+            <span class="hidden dark:inline">{{ partial "icon.html" "sun" }}</span>
+          </button>
+        </div>
+      {{ end }}
+    </div>
+    {{/* Extend footer - eg. for extra scripts, etc. */}}
+    {{ if templates.Exists "partials/extend-footer.html" }}
+      {{ partialCached "extend-footer.html" . }}
+    {{ end }}
+  </footer>
--- 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"
  }
 }
--- 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
--- 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'
  ],
 };