Started creating the general layout of the landing page

2023-10-08 23:11:00 +01:00
parent ff443aad4b
commit ed4a283ccc
8 changed files with 213 additions and 132 deletions
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,20 +1,57 @@
-import type { Config } from 'tailwindcss'
+import type {Config} from "tailwindcss";

 const config: Config = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-      },
-    },
-  },
-  plugins: [],
-}
-export default config
+	content: ["./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}"],
+	theme: {
+		extend: {
+			backgroundImage: {
+				"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+				"gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+			},
+			colors: {
+				mti: {
+					orange: {DEFAULT: "#FF6000", dark: "#cc4402", light: "#ff790a", ultralight: "#ffdaa5"},
+					green: {DEFAULT: "#307912", dark: "#2a6014", light: "#3d9f11", ultralight: "#c6edaf"},
+					purple: {DEFAULT: "#6A5FB1", dark: "#6354A1", light: "#7872BF", ultralight: "#D5D9F0"},
+					red: {DEFAULT: "#BB4747", dark: "#9D3838", light: "#CC5454", ultralight: "#F5D3D3"},
+					rose: {DEFAULT: "#D6352C", dark: "#B42921", light: "#EB5C54", ultralight: "#FCCFCC"},
+					blue: {DEFAULT: "#0696ff", dark: "#007ff8", light: "#1eb3ff", ultralight: "#b5edff"},
+					white: {DEFAULT: "#ffffff", alt: "#FDFDFD"},
+					gray: {
+						seasalt: "#F9F9F9",
+						smoke: "#F5F5F5",
+						taupe: "#898492",
+						dim: "#696F79",
+						cool: "#8692A6",
+						platinum: "#DBDBDB",
+						"anti-flash": "#EAEBEC",
+						davy: "#595959",
+					},
+					black: "#353338",
+				},
+				ielts: {
+					reading: {DEFAULT: "#1EB3FF", light: "#F0F9FF", transparent: "rgba(255, 99, 132, 0.5)"},
+					listening: {DEFAULT: "#FF790A", light: "#FFF1E5", transparent: "rgba(54, 162, 235, 0.5)"},
+					writing: {DEFAULT: "#3D9F11", light: "#E8FCDF", transparent: "rgba(255, 206, 86, 0.5)"},
+					speaking: {DEFAULT: "#EF5DA8", light: "#FEF6FA", transparent: "rgba(75, 192, 192, 0.5)"},
+				},
+			},
+			inset: {
+				"1/6": "16%",
+				"1/8": "12%",
+				"1/10": "10%",
+				"1/12": "8%",
+			},
+			screens: {
+				"-sm": {max: "639px"},
+				"-md": {max: "767px"},
+				"-lg": {max: "1023px"},
+				"-xl": {max: "1279px"},
+				"-2xl": {max: "1535px"},
+				"-3xl": {max: "1919px"},
+			},
+		},
+	},
+	plugins: [],
+};
+export default config;