Add tailwind config, add skeleton

2023-10-27 16:17:00 +11:00 · 2023-10-27 16:17:00 +11:00 · b4e2ece4d8
parent 1e3636c780
commit b4e2ece4d8
5 changed files with 101 additions and 1 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@ -0,0 +1,21 @@
+import type { Metadata } from 'next';
+import localFont from 'next/font/local';
+
+const font = localFont({
+  src: '../public/fonts/ManropeVariable.woff2',
+  variable: '--font-manrope'
+});
+
+export const metadata: Metadata = {
+  title: 'Workout Buddy',
+  description: 'Find and create exercise and workout plans',
+  icons: 'favicon.svg'
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang='en'>
+      <body className={font.className}>{children}</body>
+    </html>
+  );
+}
--- a/app/page.tsx
+++ b/app/page.tsx
@ -0,0 +1,3 @@
+export default function Home() {
+  return <></>;
+}
--- a/public/favicon.svg
+++ b/public/favicon.svg
@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="128"
+   height="128"
+   viewBox="0 0 33.866666 33.866666"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="drawing.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="8.7945005"
+     inkscape:cx="62.425376"
+     inkscape:cy="61.629424"
+     inkscape:window-width="2560"
+     inkscape:window-height="1414"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#0d47a1;fill-opacity:1;stroke-width:0"
+       id="rect1"
+       width="33.866665"
+       height="33.866665"
+       x="4.4408921e-16"
+       y="4.4408921e-16" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:19.7556px;font-family:Manrope;-inkscape-font-specification:'Manrope Ultra-Bold';fill:#c2d2d6;fill-opacity:1;stroke-width:0"
+       x="1.1253606"
+       y="24.045364"
+       id="text2"><tspan
+         sodipodi:role="line"
+         id="tspan2"
+         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-family:Manrope;-inkscape-font-specification:'Manrope Ultra-Bold';fill:#c2d2d6;fill-opacity:1;stroke-width:0"
+         x="1.1253606"
+         y="24.045364">WB</tspan></text>
+  </g>
+</svg>
--- a/public/fonts/ManropeVariable.woff2
+++ b/public/fonts/ManropeVariable.woff2
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@ -6,7 +6,23 @@ const config: Config = {
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
-  theme: {},
+  theme: {
+    extend: {
+      colors: {
+        'wb-blue1': '#0d47a1',
+        'wb-blue2': '#0070f3',
+        'wb-blue3': '#2196f3',
+        'wb-blue4': '#1d93ab',
+        'wb-green1': '#a3be8c',
+        'wb-red1': '#bf616a',
+        'wb-white1': '#dae3e5',
+        'wb-white2': '#c2d2d6'
+      }
+    },
+    fontFamily: {
+      manrope: ['var(--font-manrope)']
+    },
+  },
  plugins: [],
 }
 export default config