@@ -29,15 +29,15 @@ export default function Nav() {
-
+
{/* Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" */}
- {navLinks.map((item) => (
-
+ {navLinks.map((item,i) => (
+
{/* Current: "bg-indigo-50 border-indigo-500 text-indigo-700", Default: "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700" */}
- {navLinks.map((item) => (
-
+ {navLinks.map((item,i) => (
+
Making Sense of - Web3 (& Crypto) + Web3 (& Crypto)
-+
Web3 is a huge phenomenon but it can be hard to make sense of. We're here to help with introductions to key concepts and in-depth exploration of the claims for its concrete social and economic impact.
@@ -29,7 +29,7 @@ export default function Home(props) {
@@ -44,7 +44,7 @@ export default function Home(props) {
{/* Illustration taken from Lucid Illustrations: https://lucid.pixsellz.io/ */}
diff --git a/site/public/img/skribbl.svg b/site/public/img/skribbl.svg
new file mode 100644
index 0000000..452a665
--- /dev/null
+++ b/site/public/img/skribbl.svg
@@ -0,0 +1,219 @@
+
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
index 8ac73f8..23c6a74 100644
--- a/site/tailwind.config.js
+++ b/site/tailwind.config.js
@@ -1,14 +1,22 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
+
module.exports = {
- mode: 'jit',
- purge: ['./pages/**/*.{js,ts,jsx,tsx,md,mdx}', './components/**/*.{js,ts,jsx,tsx}'],
+ mode: "jit",
+ purge: [
+ "./pages/**/*.{js,ts,jsx,tsx,md,mdx}",
+ "./components/**/*.{js,ts,jsx,tsx}",
+ ],
darkMode: false, // or 'media' or 'class'
theme: {
- extend: {},
+ extend: {
+ fontFamily: {
+ nunito: ["Nunito Sans", ...defaultTheme.fontFamily.sans],
+ serif: ["Restora", ...defaultTheme.fontFamily.serif],
+ },
+ },
},
variants: {
extend: {},
},
- plugins: [
- require('@tailwindcss/typography')
- ],
-}
+ plugins: [require("@tailwindcss/typography")],
+};