+
Page 2
+
+
+ This is page 2
+ Go ${RouterLink('/experiences/day5', 'back')}
+
+
+ `;
+}
+
diff --git a/day12/src/pages/index.ts b/day12/src/pages/index.ts
new file mode 100644
index 0000000..bd95aad
--- /dev/null
+++ b/day12/src/pages/index.ts
@@ -0,0 +1,25 @@
+import { RouterLink } from '../components/routerLink';
+
+export default () => {
+ return `
+
+
+
100DaysOfCode Progress
+
+
+ ${RouterLink('/experiences/day1-2', 'Day 1 & 2')}
+ ${RouterLink('/experiences/day3', 'Day 3')}
+ Day 4 I Changed how the temple is rendered so I can have text before the variable
+ ${RouterLink('/experiences/day5', 'Day 5')}
+ ${RouterLink('/experiences/day6', 'Day 6')}
+ ${RouterLink('/experiences/day7', 'Day 7')}
+ ${RouterLink('/experiences/day8-10', 'Day 8 & 10')}
+ ${RouterLink('/experiences/day9', 'Day 9')}
+ ${RouterLink('/experiences/day11', 'Day 11')}
+ ${RouterLink('/experiences/day12', 'Day 12')}
+
+
+ `;
+}
+
+export const layout = 'default'
\ No newline at end of file
diff --git a/day12/src/style.css b/day12/src/style.css
new file mode 100644
index 0000000..a3f80c7
--- /dev/null
+++ b/day12/src/style.css
@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body {
+ background-color: #101010;
+ color: #FEFEFE;
+ font-family: Helvetica, Arial, Sans-Serif;
+ padding: 0;
+ margin: 0;
+ min-height: 100vh;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+.container__content {
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
\ No newline at end of file
diff --git a/day12/src/vite-env.d.ts b/day12/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/day12/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/day12/tailwind.config.cjs b/day12/tailwind.config.cjs
new file mode 100644
index 0000000..ba344b9
--- /dev/null
+++ b/day12/tailwind.config.cjs
@@ -0,0 +1,17 @@
+/** @type {import('tailwindcss').Config} */
+const colors = require('tailwindcss/colors')
+
+module.exports = {
+ content: [
+ "./index.html",
+ "./src/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {
+ colors: {
+ gray: colors.zinc
+ }
+ },
+ },
+ plugins: [],
+}
diff --git a/day12/tsconfig.json b/day12/tsconfig.json
new file mode 100644
index 0000000..579d4cf
--- /dev/null
+++ b/day12/tsconfig.json
@@ -0,0 +1,23 @@
+{
+ "compilerOptions": {
+ "outDir": "./dist",
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "lib": ["ESNext", "DOM"],
+ "moduleResolution": "Node",
+ "strict": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
+ "noEmit": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noImplicitReturns": true,
+ "skipLibCheck": true
+ },
+ "exclude":[
+ "./node_modules"
+ ]
+ }
+
\ No newline at end of file
diff --git a/day12/vite.config.js b/day12/vite.config.js
new file mode 100644
index 0000000..fa5731c
--- /dev/null
+++ b/day12/vite.config.js
@@ -0,0 +1,11 @@
+/** @type {import('vite').UserConfig} */
+export default {
+ build: {
+ target: 'es2020',
+ },
+
+ server: {
+ port: 3000,
+ host: '0.0.0.0'
+ }
+}