add web3 sticker

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) {

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>

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"
   }
 }

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
+  autoprefixer: 10.4.7_postcss@8.4.14
-  postcss: 8.4.13
+  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
+      caniuse-lite: 1.0.30001342
-      electron-to-chromium: 1.4.137
+      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:
+  /caniuse-lite/1.0.30001342:
-    resolution: {integrity: sha512-2SodVrFFtvGENGCv0ChVJIDQ0KPaS1cg7/qtfMaICgeMolDdo/Z2OD32F0Aq9yl6F4YFwGPBS5AaPqNYiW4PoA==}
+    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:
+  /electron-to-chromium/1.4.138:
-    resolution: {integrity: sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==}
+    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:
+  /node-releases/2.0.5:
-    resolution: {integrity: sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==}
+    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:
+  /postcss/8.4.14:
-    resolution: {integrity: sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==}
+    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: 8.4.14
-      postcss-js: 4.0.0_postcss@8.4.13
+      postcss-js: 4.0.0_postcss@8.4.14
-      postcss-load-config: 3.1.4_postcss@8.4.13
+      postcss-load-config: 3.1.4_postcss@8.4.14
-      postcss-nested: 5.0.6_postcss@8.4.13
+      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

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'
   ],
 };