diff --git a/README.md b/README.md index 0c11cb4..28b359d 100644 --- a/README.md +++ b/README.md @@ -1,52 +1,5 @@ -# Starter Kit +# Wado Sanzo Colors ## Description -This is a starter kit for React with Next.js and Typescript. -It includes an optional SDK and Supabase database. - -## Installation - -1. Install bun `curl -fsSL https://bun.sh/install | bash` -2. Clone the repository `git clone https://github.com/seanwessmith/starter-kit` -3. In the repo root `bun install` to install the dependencies -4. In the repo root `bun start` to start the project - -## Usage - -### Client Pages - -1. New pages go in `/app/[page name]/page.tsx`. Where page name is the name of the page and the route. -2. Update /app/clientComponent.tsx to navigate to the appropriate page. - -### SDK Routes (optional) - -1. New sdk routes go in `/src/server/routers/[route name]`. Where route name is the new route. -2. Create an `/src/server/routers/[route name]/index.ts` file that will mergeRouters from sibling files. -3. Create sibling files with the second route name `/src/server/routers/[route name]/[second route name].ts`. - -### Supabase (optional) - -1. In the repo root install Supabase cli `brew install supabase/tap/supabase` -2. In the repo root run `supabase login` -3. In the repo root run `bun supabase:create:demo` -4. Open the SQL editor on supabase.com. replace XXXXX with your project id ex: `https://supabase.com/dashboard/project/XXXXX/sql` -5. In the Supabase sql text area run: - - ```sql - CREATE TABLE people ( - id bigint primary key generated always as identity, - name VARCHAR(255) NOT NULL, - title VARCHAR(255) NOT NULL, - startDateTimestamp TIMESTAMP NOT NULL - ); - INSERT INTO people (name, title, startDateTimestamp) VALUES - ('John Doe', 'Software Engineer', timestamp '2021-01-01 00:00:00.001'), - ('Jane Doe', 'Product Manager', timestamp '2022-02-02 00:00:00.001'), - ('Alice Doe', 'Designer', timestamp '2023-03-03 00:00:00.001'), - ('Bob Doe', 'QA Engineer', timestamp '2024-04-04 00:00:00.001'); - ``` - -6. Back in the repo root run `bun run supabase:types`. -7. Uncomment `/app/about/page.tsx` supabase lines. comment out the SDK lines. Alternatively you can comment out the Supabase lines in the SDK if you'd prefer for supabase calls to come from the server. -8. [NOTE] Anytime the schema changes run `bun run supabase:types`. +A GUI for Wado Sanzo Colors diff --git a/app/about/page.tsx b/app/about/page.tsx index 9c84010..dd988ad 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,71 +1,165 @@ -"use client"; +import React, { useEffect, useState } from "react"; +import colors from "../assets/colors.json"; -import { useEffect, useState } from "react"; -// import { createClient } from "@supabase/supabase-js"; -// import { Database } from "@/server/types/database.types"; -import { sdk } from "@/server/sdkHandler"; -import "./style.scss"; +interface Color { + index: number; + name: string; + slug: string; + cmyk_array: number[]; + cmyk: string; + rgb_array: number[]; + rgb: string; + hex: string; + combinations: number[]; + use_count: number; +} -// const supabase = createClient( -// process.env.NEXT_PUBLIC_SUPABASE_URL!, -// process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY! -// ); +const ColorPalette = () => { + const [selectedColor, setSelectedColor] = useState(null); + const [copiedHexes, setCopiedHexes] = useState< + { hex: string; timestamp: number }[] + >([]); -export default function AboutPage() { - const [people, setPeople] = useState([]); - const [error, setError] = useState(); - const [loading, setLoading] = useState(false); - useEffect(() => { - document.title = "Starter Kit - About"; - }, []); useEffect(() => { - async function fetchData() { - // const { data } = await supabase.from("people").select("*").order("name"); // Use Supabase on the client - const { people: data } = await sdk.people.employed.get.query(); // Use Supabase on the server - if (!data) { - setError("Failed to fetch data from Supabase."); - } else { - setPeople(data); - } - setLoading(true); - } - fetchData(); + const timer = setInterval(() => { + setCopiedHexes((hexes) => + hexes.filter((hex) => Date.now() - hex.timestamp < 1000) + ); + }, 1000); + return () => clearInterval(timer); }, []); - function timestampToDate(timestamp: string) { - return new Date(parseInt(timestamp) * 1000).toLocaleDateString(); + const handleColorClick = (color: Color) => { + setSelectedColor(color); + navigator.clipboard.writeText(color?.hex || ""); + setCopiedHexes((hexes) => [ + ...hexes, + { hex: color.hex, timestamp: Date.now() }, + ]); + }; + const handleSubColorClick = (hex?: string) => { + if (!hex) return; + setCopiedHexes((hexes) => [...hexes, { hex, timestamp: Date.now() }]); + }; + + // Converts the hex string to RGB values using parseInt and bitwise operations. + // Calculates the relative luminance of the color using the formula recommended by the W3C + // for determining color brightness. This formula takes into account the different + // sensitivity of the human eye to different wavelengths of light. + // luminance > 0.5 (i.e., a bright color) => return black else return white + function getTextColor(bgColor: string): string { + // Convert hex color to RGB values + const r = parseInt(bgColor.slice(1, 3), 16); + const g = parseInt(bgColor.slice(3, 5), 16); + const b = parseInt(bgColor.slice(5, 7), 16); + + // Calculate the relative luminance + // (using the formula from W3C for color brightness) + const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255; + + // Return black for bright colors, white for dark colors + return luminance > 0.5 ? "#000000" : "#FFFFFF"; } + const copiedDiv = ( +
+ Copied! +
+ ); + + const nameDiv = (color: Color) => ( +

+ {selectedColor?.hex === color.hex && selectedColor.name} +

+ ); + return ( -
-

About Page

-

-
- {loading ? <> :

Loading...

} - {error ?

{error}

: <>} - {people.length > 0 ? ( - - - - - - - - - - - {people.map((person, index) => ( - - - - - - - ))} - -
IDNameTitleStart Date
{person.id}{person.name}{person.title}{timestampToDate(person.startdatetimestamp)}
- ) : null} +
+
+

A Dictionary of Color Combinations

+
+ {colors.map((color) => ( +
handleColorClick(color)} + style={{ + position: "relative", + backgroundColor: color.hex, + width: "100px", + height: "100px", + margin: "10px", + cursor: "pointer", + fontWeight: "bold", + color: getTextColor(color.hex), + border: + selectedColor && selectedColor.index === color.index + ? "3px solid black" + : "3px solid transparent", + boxSizing: "border-box", + }} + > + {selectedColor?.hex === color.hex ? color.hex : ""} + {copiedHexes.map((cp) => cp.hex).includes(color.hex) && copiedDiv} + {selectedColor?.name === color.name && nameDiv(selectedColor)} +
+ ))} +
+
+
+

{selectedColor?.name}

+
+ {selectedColor?.combinations.map((combIndex) => { + const combinationColors = colors.filter((c) => + c.combinations.includes(combIndex) + ); + console.log(combinationColors); + return ( +
+

{combIndex}

+
+ {combinationColors.map((color) => ( +
handleSubColorClick(color?.hex)} + className={`relative min-w-24 min-h-24 border-transparent border-4 hover:border-black cursor-pointer`} + style={{ + backgroundColor: color?.hex, + boxSizing: "border-box", + color: color?.hex ? getTextColor(color.hex) : "", + }} + > + {color?.hex} + {copiedHexes + .map((cp) => cp.hex) + .includes(color?.hex || "") && copiedDiv} + {nameDiv(color)} +
+ ))} +
+
+ ); + })} +
); -} +}; + +export default ColorPalette; diff --git a/app/assets/colors.json b/app/assets/colors.json new file mode 100644 index 0000000..10f755c --- /dev/null +++ b/app/assets/colors.json @@ -0,0 +1,1920 @@ +[ + { + "index": 1, + "name": "Hermosa Pink", + "slug": "hermosa-pink", + "cmyk_array": [0, 30, 6, 0], + "cmyk": "C:0 / M:30 / Y:6 / K:0", + "rgb_array": [255, 179, 240], + "rgb": "R:255 / G:179 / B:240", + "hex": "#ffb3f0", + "combinations": [176, 227, 273], + "use_count": 3 + }, + { + "index": 2, + "name": "Corinthian Pink", + "slug": "corinthian-pink", + "cmyk_array": [0, 35, 15, 0], + "cmyk": "C:0 / M:35 / Y:15 / K:0", + "rgb_array": [255, 166, 217], + "rgb": "R:255 / G:166 / B:217", + "hex": "#ffa6d9", + "combinations": [27, 43, 87, 97, 128, 169, 174, 206, 246, 254, 264, 342], + "use_count": 12 + }, + { + "index": 3, + "name": "Cameo Pink", + "slug": "cameo-pink", + "cmyk_array": [10, 32, 19, 0], + "cmyk": "C:10 / M:32 / Y:19 / K:0", + "rgb_array": [230, 173, 207], + "rgb": "R:230 / G:173 / B:207", + "hex": "#e6adcf", + "combinations": [18, 125, 308], + "use_count": 3 + }, + { + "index": 4, + "name": "Fawn", + "slug": "fawn", + "cmyk_array": [18, 31, 30, 0], + "cmyk": "C:18 / M:31 / Y:30 / K:0", + "rgb_array": [209, 176, 179], + "rgb": "R:209 / G:176 / B:179", + "hex": "#d1b0b3", + "combinations": [18, 125, 308], + "use_count": 3 + }, + { + "index": 5, + "name": "Light Brown Drab", + "slug": "light-brown-drab", + "cmyk_array": [8, 30, 20, 25], + "cmyk": "C:8 / M:30 / Y:20 / K:25", + "rgb_array": [176, 134, 153], + "rgb": "R:176 / G:134 / B:153", + "hex": "#b08699", + "combinations": [35, 68, 185, 191, 223, 239, 244, 268, 285, 321], + "use_count": 10 + }, + { + "index": 6, + "name": "Coral Red", + "slug": "coral-red", + "cmyk_array": [0, 55, 40, 0], + "cmyk": "C:0 / M:55 / Y:40 / K:0", + "rgb_array": [255, 115, 153], + "rgb": "R:255 / G:115 / B:153", + "hex": "#ff7399", + "combinations": [92, 123, 320, 332], + "use_count": 4 + }, + { + "index": 7, + "name": "Fresh Color", + "slug": "fresh-color", + "cmyk_array": [0, 53, 45, 0], + "cmyk": "C:0 / M:53 / Y:45 / K:0", + "rgb_array": [255, 120, 140], + "rgb": "R:255 / G:120 / B:140", + "hex": "#ff788c", + "combinations": [240], + "use_count": 1 + }, + { + "index": 8, + "name": "Grenadine Pink", + "slug": "grenadine-pink", + "cmyk_array": [0, 62, 58, 0], + "cmyk": "C:0 / M:62 / Y:58 / K:0", + "rgb_array": [255, 97, 107], + "rgb": "R:255 / G:97 / B:107", + "hex": "#ff616b", + "combinations": [6, 21, 112, 166, 193, 201, 230, 300, 315, 341], + "use_count": 10 + }, + { + "index": 9, + "name": "Eosine Pink", + "slug": "eosine-pink", + "cmyk_array": [0, 63, 23, 0], + "cmyk": "C:0 / M:63 / Y:23 / K:0", + "rgb_array": [255, 94, 196], + "rgb": "R:255 / G:94 / B:196", + "hex": "#ff5ec4", + "combinations": [ + 34, 59, 90, 108, 134, 153, 197, 242, 248, 276, 287, 314, 327, 336 + ], + "use_count": 14 + }, + { + "index": 10, + "name": "Spinel Red", + "slug": "spinel-red", + "cmyk_array": [0, 70, 21, 0], + "cmyk": "C:0 / M:70 / Y:21 / K:0", + "rgb_array": [255, 77, 201], + "rgb": "R:255 / G:77 / B:201", + "hex": "#ff4dc9", + "combinations": [14, 147, 165, 184, 195, 224, 277], + "use_count": 7 + }, + { + "index": 11, + "name": "Old Rose", + "slug": "old-rose", + "cmyk_array": [15, 70, 40, 0], + "cmyk": "C:15 / M:70 / Y:40 / K:0", + "rgb_array": [217, 77, 153], + "rgb": "R:217 / G:77 / B:153", + "hex": "#d94d99", + "combinations": [55, 162, 260, 265], + "use_count": 4 + }, + { + "index": 12, + "name": "Eugenia Red | A", + "slug": "eugenia-red-|-a", + "cmyk_array": [7, 76, 60, 0], + "cmyk": "C:7 / M:76 / Y:60 / K:0", + "rgb_array": [237, 61, 102], + "rgb": "R:237 / G:61 / B:102", + "hex": "#ed3d66", + "combinations": [284], + "use_count": 1 + }, + { + "index": 13, + "name": "Eugenia Red | B", + "slug": "eugenia-red-|-b", + "cmyk_array": [0, 80, 50, 10], + "cmyk": "C:0 / M:80 / Y:50 / K:10", + "rgb_array": [230, 46, 115], + "rgb": "R:230 / G:46 / B:115", + "hex": "#e62e73", + "combinations": [17, 77, 252, 262, 270, 280, 282, 325], + "use_count": 8 + }, + { + "index": 14, + "name": "Raw Sienna", + "slug": "raw-sienna", + "cmyk_array": [18, 58, 100, 12], + "cmyk": "C:18 / M:58 / Y:100 / K:12", + "rgb_array": [184, 94, 0], + "rgb": "R:184 / G:94 / B:0", + "hex": "#b85e00", + "combinations": [ + 3, 13, 33, 70, 86, 130, 131, 182, 243, 247, 252, 255, 268, 269, 279, 293, + 298, 319, 327 + ], + "use_count": 19 + }, + { + "index": 15, + "name": "Vinaceous Tawny", + "slug": "vinaceous-tawny", + "cmyk_array": [17, 72, 100, 6], + "cmyk": "C:17 / M:72 / Y:100 / K:6", + "rgb_array": [199, 67, 0], + "rgb": "R:199 / G:67 / B:0", + "hex": "#c74300", + "combinations": [40, 85, 244], + "use_count": 3 + }, + { + "index": 16, + "name": "Jasper Red", + "slug": "jasper-red", + "cmyk_array": [2, 83, 100, 0], + "cmyk": "C:2 / M:83 / Y:100 / K:0", + "rgb_array": [250, 43, 0], + "rgb": "R:250 / G:43 / B:0", + "hex": "#fa2b00", + "combinations": [155, 194, 216, 219], + "use_count": 4 + }, + { + "index": 17, + "name": "Spectrum Red", + "slug": "spectrum-red", + "cmyk_array": [5, 100, 100, 0], + "cmyk": "C:5 / M:100 / Y:100 / K:0", + "rgb_array": [242, 0, 0], + "rgb": "R:242 / G:0 / B:0", + "hex": "#f20000", + "combinations": [257, 266, 301, 322], + "use_count": 4 + }, + { + "index": 18, + "name": "Red Orange", + "slug": "red-orange", + "cmyk_array": [9, 90, 100, 0], + "cmyk": "C:9 / M:90 / Y:100 / K:0", + "rgb_array": [232, 25, 0], + "rgb": "R:232 / G:25 / B:0", + "hex": "#e81900", + "combinations": [31, 164, 179, 241, 264], + "use_count": 5 + }, + { + "index": 19, + "name": "Etruscan Red", + "slug": "etruscan-red", + "cmyk_array": [16, 80, 74, 6], + "cmyk": "C:16 / M:80 / Y:74 / K:6", + "rgb_array": [201, 48, 62], + "rgb": "R:201 / G:48 / B:62", + "hex": "#c9303e", + "combinations": [25, 47, 97, 137, 152, 185, 275], + "use_count": 7 + }, + { + "index": 20, + "name": "Burnt Sienna", + "slug": "burnt-sienna", + "cmyk_array": [22, 76, 100, 15], + "cmyk": "C:22 / M:76 / Y:100 / K:15", + "rgb_array": [169, 52, 0], + "rgb": "R:169 / G:52 / B:0", + "hex": "#a93400", + "combinations": [198, 242, 263, 285, 286, 297, 312, 333, 343], + "use_count": 9 + }, + { + "index": 21, + "name": "Ochre Red", + "slug": "ochre-red", + "cmyk_array": [18, 73, 63, 20], + "cmyk": "C:18 / M:73 / Y:63 / K:20", + "rgb_array": [167, 55, 75], + "rgb": "R:167 / G:55 / B:75", + "hex": "#a7374b", + "combinations": [199, 283], + "use_count": 2 + }, + { + "index": 22, + "name": "Scarlet", + "slug": "scarlet", + "cmyk_array": [10, 95, 72, 7], + "cmyk": "C:10 / M:95 / Y:72 / K:7", + "rgb_array": [213, 12, 66], + "rgb": "R:213 / G:12 / B:66", + "hex": "#d50c42", + "combinations": [136, 308, 332], + "use_count": 3 + }, + { + "index": 23, + "name": "Carmine", + "slug": "carmine", + "cmyk_array": [0, 100, 75, 16], + "cmyk": "C:0 / M:100 / Y:75 / K:16", + "rgb_array": [214, 0, 54], + "rgb": "R:214 / G:0 / B:54", + "hex": "#d60036", + "combinations": [39, 117, 122, 154, 225, 232, 307, 313], + "use_count": 8 + }, + { + "index": 24, + "name": "Indian Lake", + "slug": "indian-lake", + "cmyk_array": [12, 89, 35, 9], + "cmyk": "C:12 / M:89 / Y:35 / K:9", + "rgb_array": [204, 26, 151], + "rgb": "R:204 / G:26 / B:151", + "hex": "#cc1a97", + "combinations": [299, 331], + "use_count": 2 + }, + { + "index": 25, + "name": "Rosolanc Purple", + "slug": "rosolanc-purple", + "cmyk_array": [30, 90, 33, 0], + "cmyk": "C:30 / M:90 / Y:33 / K:0", + "rgb_array": [179, 25, 171], + "rgb": "R:179 / G:25 / B:171", + "hex": "#b319ab", + "combinations": [48, 144, 170, 204, 277], + "use_count": 5 + }, + { + "index": 26, + "name": "Pomegranite Purple", + "slug": "pomegranite-purple", + "cmyk_array": [23, 100, 50, 6], + "cmyk": "C:23 / M:100 / Y:50 / K:6", + "rgb_array": [185, 0, 120], + "rgb": "R:185 / G:0 / B:120", + "hex": "#b90078", + "combinations": [220, 271], + "use_count": 2 + }, + { + "index": 27, + "name": "Hydrangea Red", + "slug": "hydrangea-red", + "cmyk_array": [38, 90, 70, 0], + "cmyk": "C:38 / M:90 / Y:70 / K:0", + "rgb_array": [158, 25, 77], + "rgb": "R:158 / G:25 / B:77", + "hex": "#9e194d", + "combinations": [142], + "use_count": 1 + }, + { + "index": 28, + "name": "Brick Red", + "slug": "brick-red", + "cmyk_array": [22, 84, 100, 18], + "cmyk": "C:22 / M:84 / Y:100 / K:18", + "rgb_array": [163, 33, 0], + "rgb": "R:163 / G:33 / B:0", + "hex": "#a32100", + "combinations": [37, 108, 246, 322, 328], + "use_count": 5 + }, + { + "index": 29, + "name": "Carmine Red", + "slug": "carmine-red", + "cmyk_array": [25, 95, 80, 16], + "cmyk": "C:25 / M:95 / Y:80 / K:16", + "rgb_array": [161, 11, 43], + "rgb": "R:161 / G:11 / B:43", + "hex": "#a10b2b", + "combinations": [35, 51, 104, 130, 181, 200, 221, 228, 233, 237, 245], + "use_count": 11 + }, + { + "index": 30, + "name": "Pompeian Red", + "slug": "pompeian-red", + "cmyk_array": [18, 97, 74, 19], + "cmyk": "C:18 / M:97 / Y:74 / K:19", + "rgb_array": [169, 6, 54], + "rgb": "R:169 / G:6 / B:54", + "hex": "#a90636", + "combinations": [30, 71, 120, 212, 311, 324], + "use_count": 6 + }, + { + "index": 31, + "name": "Red", + "slug": "red", + "cmyk_array": [30, 100, 70, 10], + "cmyk": "C:30 / M:100 / Y:70 / K:10", + "rgb_array": [161, 0, 69], + "rgb": "R:161 / G:0 / B:69", + "hex": "#a10045", + "combinations": [251, 261], + "use_count": 2 + }, + { + "index": 32, + "name": "Brown", + "slug": "brown", + "cmyk_array": [35, 74, 90, 35], + "cmyk": "C:35 / M:74 / Y:90 / K:35", + "rgb_array": [108, 43, 17], + "rgb": "R:108 / G:43 / B:17", + "hex": "#6c2b11", + "combinations": [110, 121, 145, 161], + "use_count": 4 + }, + { + "index": 33, + "name": "Hay's Russet", + "slug": "hay's-russet", + "cmyk_array": [37, 85, 87, 35], + "cmyk": "C:37 / M:85 / Y:87 / K:35", + "rgb_array": [104, 25, 22], + "rgb": "R:104 / G:25 / B:22", + "hex": "#681916", + "combinations": [58, 82, 95, 152, 186, 231, 249, 304, 314, 336, 345], + "use_count": 11 + }, + { + "index": 34, + "name": "Vandyke Red", + "slug": "vandyke-red", + "cmyk_array": [32, 95, 95, 33], + "cmyk": "C:32 / M:95 / Y:95 / K:33", + "rgb_array": [116, 9, 9], + "rgb": "R:116 / G:9 / B:9", + "hex": "#740909", + "combinations": [16, 133, 147, 316, 335], + "use_count": 5 + }, + { + "index": 35, + "name": "Pansy Purple", + "slug": "pansy-purple", + "cmyk_array": [34, 100, 60, 34], + "cmyk": "C:34 / M:100 / Y:60 / K:34", + "rgb_array": [111, 0, 67], + "rgb": "R:111 / G:0 / B:67", + "hex": "#6f0043", + "combinations": [157, 273], + "use_count": 2 + }, + { + "index": 36, + "name": "Pale Burnt Lake", + "slug": "pale-burnt-lake", + "cmyk_array": [25, 90, 80, 40], + "cmyk": "C:25 / M:90 / Y:80 / K:40", + "rgb_array": [115, 15, 31], + "rgb": "R:115 / G:15 / B:31", + "hex": "#730f1f", + "combinations": [124, 171, 177, 205, 217, 258, 269, 283], + "use_count": 8 + }, + { + "index": 37, + "name": "Violet Red", + "slug": "violet-red", + "cmyk_array": [75, 100, 50, 5], + "cmyk": "C:75 / M:100 / Y:50 / K:5", + "rgb_array": [61, 0, 121], + "rgb": "R:61 / G:0 / B:121", + "hex": "#3d0079", + "combinations": [9], + "use_count": 1 + }, + { + "index": 38, + "name": "Vistoris Lake", + "slug": "vistoris-lake", + "cmyk_array": [40, 71, 55, 40], + "cmyk": "C:40 / M:71 / Y:55 / K:40", + "rgb_array": [92, 44, 69], + "rgb": "R:92 / G:44 / B:69", + "hex": "#5c2c45", + "combinations": [63, 91, 165, 226, 290, 337], + "use_count": 6 + }, + { + "index": 39, + "name": "Sulpher Yellow", + "slug": "sulpher-yellow", + "cmyk_array": [4, 4, 28, 0], + "cmyk": "C:4 / M:4 / Y:28 / K:0", + "rgb_array": [245, 245, 184], + "rgb": "R:245 / G:245 / B:184", + "hex": "#f5f5b8", + "combinations": [ + 52, 72, 80, 104, 132, 135, 151, 208, 246, 254, 270, 294, 296, 310, 315, + 320, 321, 326 + ], + "use_count": 18 + }, + { + "index": 40, + "name": "Pale Lemon Yellow", + "slug": "pale-lemon-yellow", + "cmyk_array": [0, 4, 38, 0], + "cmyk": "C:0 / M:4 / Y:38 / K:0", + "rgb_array": [255, 245, 158], + "rgb": "R:255 / G:245 / B:158", + "hex": "#fff59e", + "combinations": [ + 3, 31, 60, 76, 99, 109, 111, 169, 185, 195, 203, 228, 241, 261, 272, 281, + 290, 292, 336 + ], + "use_count": 19 + }, + { + "index": 41, + "name": "Naples Yellow", + "slug": "naples-yellow", + "cmyk_array": [2, 7, 44, 0], + "cmyk": "C:2 / M:7 / Y:44 / K:0", + "rgb_array": [250, 237, 143], + "rgb": "R:250 / G:237 / B:143", + "hex": "#faed8f", + "combinations": [14, 115, 166, 193, 303, 325], + "use_count": 6 + }, + { + "index": 42, + "name": "Ivory Buff", + "slug": "ivory-buff", + "cmyk_array": [8, 15, 40, 0], + "cmyk": "C:8 / M:15 / Y:40 / K:0", + "rgb_array": [235, 217, 153], + "rgb": "R:235 / G:217 / B:153", + "hex": "#ebd999", + "combinations": [ + 11, 50, 94, 102, 126, 178, 184, 190, 209, 214, 235, 243, 262, 266, 301, + 343 + ], + "use_count": 16 + }, + { + "index": 43, + "name": "Seashell Pink", + "slug": "seashell-pink", + "cmyk_array": [0, 19, 23, 0], + "cmyk": "C:0 / M:19 / Y:23 / K:0", + "rgb_array": [255, 207, 196], + "rgb": "R:255 / G:207 / B:196", + "hex": "#ffcfc4", + "combinations": [45, 84, 88, 113, 150, 176, 194, 276, 334], + "use_count": 9 + }, + { + "index": 44, + "name": "Light Pinkish Cinnamon", + "slug": "light-pinkish-cinnamon", + "cmyk_array": [0, 25, 40, 0], + "cmyk": "C:0 / M:25 / Y:40 / K:0", + "rgb_array": [255, 191, 153], + "rgb": "R:255 / G:191 / B:153", + "hex": "#ffbf99", + "combinations": [317], + "use_count": 1 + }, + { + "index": 45, + "name": "Pinkish Cinnamon", + "slug": "pinkish-cinnamon", + "cmyk_array": [5, 32, 53, 0], + "cmyk": "C:5 / M:32 / Y:53 / K:0", + "rgb_array": [242, 173, 120], + "rgb": "R:242 / G:173 / B:120", + "hex": "#f2ad78", + "combinations": [78, 175, 232, 258, 263, 292, 305, 310], + "use_count": 8 + }, + { + "index": 46, + "name": "Cinnamon Buff", + "slug": "cinnamon-buff", + "cmyk_array": [0, 25, 57, 0], + "cmyk": "C:0 / M:25 / Y:57 / K:0", + "rgb_array": [255, 191, 110], + "rgb": "R:255 / G:191 / B:110", + "hex": "#ffbf6e", + "combinations": [23, 127, 137, 180, 210, 234, 246, 323, 344], + "use_count": 9 + }, + { + "index": 47, + "name": "Cream Yellow", + "slug": "cream-yellow", + "cmyk_array": [0, 28, 68, 0], + "cmyk": "C:0 / M:28 / Y:68 / K:0", + "rgb_array": [255, 184, 82], + "rgb": "R:255 / G:184 / B:82", + "hex": "#ffb852", + "combinations": [ + 122, 192, 215, 226, 267, 278, 294, 295, 300, 302, 304, 311, 329, 342 + ], + "use_count": 14 + }, + { + "index": 48, + "name": "Golden Yellow", + "slug": "golden-yellow", + "cmyk_array": [2, 42, 74, 0], + "cmyk": "C:2 / M:42 / Y:74 / K:0", + "rgb_array": [250, 148, 66], + "rgb": "R:250 / G:148 / B:66", + "hex": "#fa9442", + "combinations": [26, 81, 132, 138, 140, 179], + "use_count": 6 + }, + { + "index": 49, + "name": "Vinaceous Cinnamon", + "slug": "vinaceous-cinnamon", + "cmyk_array": [4, 40, 42, 0], + "cmyk": "C:4 / M:40 / Y:42 / K:0", + "rgb_array": [245, 153, 148], + "rgb": "R:245 / G:153 / B:148", + "hex": "#f59994", + "combinations": [203, 205, 213, 256, 260, 279, 299], + "use_count": 7 + }, + { + "index": 50, + "name": "Ochraceous Salmon", + "slug": "ochraceous-salmon", + "cmyk_array": [15, 38, 55, 0], + "cmyk": "C:15 / M:38 / Y:55 / K:0", + "rgb_array": [217, 158, 115], + "rgb": "R:217 / G:158 / B:115", + "hex": "#d99e73", + "combinations": [32, 71, 121, 186, 217, 220, 223, 238, 296, 339], + "use_count": 10 + }, + { + "index": 51, + "name": "Isabella Color", + "slug": "isabella-color", + "cmyk_array": [15, 28, 60, 10], + "cmyk": "C:15 / M:28 / Y:60 / K:10", + "rgb_array": [195, 165, 92], + "rgb": "R:195 / G:165 / B:92", + "hex": "#c3a55c", + "combinations": [4, 12, 241, 292], + "use_count": 4 + }, + { + "index": 52, + "name": "Maple", + "slug": "maple", + "cmyk_array": [5, 26, 56, 20], + "cmyk": "C:5 / M:26 / Y:56 / K:20", + "rgb_array": [194, 151, 90], + "rgb": "R:194 / G:151 / B:90", + "hex": "#c2975a", + "combinations": [282], + "use_count": 1 + }, + { + "index": 53, + "name": "Olive Buff", + "slug": "olive-buff", + "cmyk_array": [16, 6, 42, 12], + "cmyk": "C:16 / M:6 / Y:42 / K:12", + "rgb_array": [188, 211, 130], + "rgb": "R:188 / G:211 / B:130", + "hex": "#bcd382", + "combinations": [83, 175, 200, 330, 348], + "use_count": 5 + }, + { + "index": 54, + "name": "Ecru", + "slug": "ecru", + "cmyk_array": [20, 25, 40, 6], + "cmyk": "C:20 / M:25 / Y:40 / K:6", + "rgb_array": [192, 180, 144], + "rgb": "R:192 / G:180 / B:144", + "hex": "#c0b490", + "combinations": [167, 249, 275, 279, 292, 302, 317, 327], + "use_count": 8 + }, + { + "index": 55, + "name": "Yellow", + "slug": "yellow", + "cmyk_array": [0, 0, 100, 0], + "cmyk": "C:0 / M:0 / Y:100 / K:0", + "rgb_array": [255, 255, 0], + "rgb": "R:255 / G:255 / B:0", + "hex": "#ffff00", + "combinations": [22, 62, 68, 154, 240, 251, 295, 313], + "use_count": 8 + }, + { + "index": 56, + "name": "Lemon Yellow", + "slug": "lemon-yellow", + "cmyk_array": [5, 0, 85, 0], + "cmyk": "C:5 / M:0 / Y:85 / K:0", + "rgb_array": [242, 255, 38], + "rgb": "R:242 / G:255 / B:38", + "hex": "#f2ff26", + "combinations": [ + 45, 123, 138, 158, 168, 173, 189, 210, 253, 259, 289, 298, 306, 317, 333 + ], + "use_count": 15 + }, + { + "index": 57, + "name": "Apricot Yellow", + "slug": "apricot-yellow", + "cmyk_array": [0, 10, 100, 0], + "cmyk": "C:0 / M:10 / Y:100 / K:0", + "rgb_array": [255, 230, 0], + "rgb": "R:255 / G:230 / B:0", + "hex": "#ffe600", + "combinations": [107, 129, 163, 198, 213, 247, 265, 284, 305, 319], + "use_count": 10 + }, + { + "index": 58, + "name": "Pyrite Yellow", + "slug": "pyrite-yellow", + "cmyk_array": [23, 25, 80, 0], + "cmyk": "C:23 / M:25 / Y:80 / K:0", + "rgb_array": [196, 191, 51], + "rgb": "R:196 / G:191 / B:51", + "hex": "#c4bf33", + "combinations": [239, 250, 255, 287], + "use_count": 4 + }, + { + "index": 59, + "name": "Olive Ocher", + "slug": "olive-ocher", + "cmyk_array": [18, 26, 90, 0], + "cmyk": "C:18 / M:26 / Y:90 / K:0", + "rgb_array": [209, 189, 25], + "rgb": "R:209 / G:189 / B:25", + "hex": "#d1bd19", + "combinations": [66, 148, 149, 156, 157, 249, 278], + "use_count": 7 + }, + { + "index": 60, + "name": "Yellow Ocher", + "slug": "yellow-ocher", + "cmyk_array": [12, 28, 88, 0], + "cmyk": "C:12 / M:28 / Y:88 / K:0", + "rgb_array": [224, 184, 31], + "rgb": "R:224 / G:184 / B:31", + "hex": "#e0b81f", + "combinations": [42, 96, 118, 124, 126, 191, 222, 325], + "use_count": 8 + }, + { + "index": 61, + "name": "Orange Yellow", + "slug": "orange-yellow", + "cmyk_array": [0, 33, 100, 0], + "cmyk": "C:0 / M:33 / Y:100 / K:0", + "rgb_array": [255, 171, 0], + "rgb": "R:255 / G:171 / B:0", + "hex": "#ffab00", + "combinations": [114, 148, 153, 164, 170, 257, 286, 338], + "use_count": 8 + }, + { + "index": 62, + "name": "Yellow Orange", + "slug": "yellow-orange", + "cmyk_array": [0, 45, 100, 0], + "cmyk": "C:0 / M:45 / Y:100 / K:0", + "rgb_array": [255, 140, 0], + "rgb": "R:255 / G:140 / B:0", + "hex": "#ff8c00", + "combinations": [ + 22, 53, 89, 151, 171, 209, 222, 235, 267, 288, 297, 312, 319, 335 + ], + "use_count": 14 + }, + { + "index": 63, + "name": "Apricot Orange", + "slug": "apricot-orange", + "cmyk_array": [0, 55, 75, 0], + "cmyk": "C:0 / M:55 / Y:75 / K:0", + "rgb_array": [255, 115, 64], + "rgb": "R:255 / G:115 / B:64", + "hex": "#ff7340", + "combinations": [211, 253, 309, 328], + "use_count": 4 + }, + { + "index": 64, + "name": "Orange", + "slug": "orange", + "cmyk_array": [0, 68, 100, 0], + "cmyk": "C:0 / M:68 / Y:100 / K:0", + "rgb_array": [255, 82, 0], + "rgb": "R:255 / G:82 / B:0", + "hex": "#ff5200", + "combinations": [7, 46, 141, 144, 149, 256, 272], + "use_count": 7 + }, + { + "index": 65, + "name": "Peach Red", + "slug": "peach-red", + "cmyk_array": [0, 80, 90, 0], + "cmyk": "C:0 / M:80 / Y:90 / K:0", + "rgb_array": [255, 51, 25], + "rgb": "R:255 / G:51 / B:25", + "hex": "#ff3319", + "combinations": [115, 250, 274, 285, 298, 303, 326, 340], + "use_count": 8 + }, + { + "index": 66, + "name": "English Red", + "slug": "english-red", + "cmyk_array": [13, 73, 100, 0], + "cmyk": "C:13 / M:73 / Y:100 / K:0", + "rgb_array": [222, 69, 0], + "rgb": "R:222 / G:69 / B:0", + "hex": "#de4500", + "combinations": [1, 131, 190, 308, 339], + "use_count": 5 + }, + { + "index": 67, + "name": "Cinnamon Rufous", + "slug": "cinnamon-rufous", + "cmyk_array": [20, 60, 82, 5], + "cmyk": "C:20 / M:60 / Y:82 / K:5", + "rgb_array": [194, 97, 44], + "rgb": "R:194 / G:97 / B:44", + "hex": "#c2612c", + "combinations": [8, 10, 103, 158, 172, 204, 206], + "use_count": 7 + }, + { + "index": 68, + "name": "Orange Rufous", + "slug": "orange-rufous", + "cmyk_array": [18, 65, 100, 8], + "cmyk": "C:18 / M:65 / Y:100 / K:8", + "rgb_array": [192, 82, 0], + "rgb": "R:192 / G:82 / B:0", + "hex": "#c05200", + "combinations": [91, 102, 222], + "use_count": 3 + }, + { + "index": 69, + "name": "Sulphine Yellow", + "slug": "sulphine-yellow", + "cmyk_array": [24, 32, 100, 4], + "cmyk": "C:24 / M:32 / Y:100 / K:4", + "rgb_array": [186, 166, 0], + "rgb": "R:186 / G:166 / B:0", + "hex": "#baa600", + "combinations": [36, 65, 142, 160, 252], + "use_count": 5 + }, + { + "index": 70, + "name": "Khaki", + "slug": "khaki", + "cmyk_array": [24, 45, 100, 6], + "cmyk": "C:24 / M:45 / Y:100 / K:6", + "rgb_array": [182, 132, 0], + "rgb": "R:182 / G:132 / B:0", + "hex": "#b68400", + "combinations": [129, 146, 159, 236, 248], + "use_count": 5 + }, + { + "index": 71, + "name": "Citron Yellow", + "slug": "citron-yellow", + "cmyk_array": [35, 17, 95, 0], + "cmyk": "C:35 / M:17 / Y:95 / K:0", + "rgb_array": [166, 212, 13], + "rgb": "R:166 / G:212 / B:13", + "hex": "#a6d40d", + "combinations": [59, 93, 132, 133, 262], + "use_count": 5 + }, + { + "index": 72, + "name": "Buffy Citrine", + "slug": "buffy-citrine", + "cmyk_array": [42, 40, 82, 8], + "cmyk": "C:42 / M:40 / Y:82 / K:8", + "rgb_array": [136, 141, 42], + "rgb": "R:136 / G:141 / B:42", + "hex": "#888d2a", + "combinations": [100, 177, 233], + "use_count": 3 + }, + { + "index": 73, + "name": "Dark Citrine", + "slug": "dark-citrine", + "cmyk_array": [38, 34, 67, 20], + "cmyk": "C:38 / M:34 / Y:67 / K:20", + "rgb_array": [126, 135, 67], + "rgb": "R:126 / G:135 / B:67", + "hex": "#7e8743", + "combinations": [10, 41, 274, 304], + "use_count": 4 + }, + { + "index": 74, + "name": "Light Grayish Olive", + "slug": "light-grayish-olive", + "cmyk_array": [43, 36, 62, 19], + "cmyk": "C:43 / M:36 / Y:62 / K:19", + "rgb_array": [118, 132, 78], + "rgb": "R:118 / G:132 / B:78", + "hex": "#76844e", + "combinations": [107, 184], + "use_count": 2 + }, + { + "index": 75, + "name": "Krongbergs Green", + "slug": "krongbergs-green", + "cmyk_array": [48, 35, 70, 12], + "cmyk": "C:48 / M:35 / Y:70 / K:12", + "rgb_array": [117, 146, 67], + "rgb": "R:117 / G:146 / B:67", + "hex": "#759243", + "combinations": [29], + "use_count": 1 + }, + { + "index": 76, + "name": "Olive", + "slug": "olive", + "cmyk_array": [48, 38, 100, 15], + "cmyk": "C:48 / M:38 / Y:100 / K:15", + "rgb_array": [113, 134, 0], + "rgb": "R:113 / G:134 / B:0", + "hex": "#718600", + "combinations": [96, 201, 254, 258, 277, 310, 334], + "use_count": 7 + }, + { + "index": 77, + "name": "Orange Citrine", + "slug": "orange-citrine", + "cmyk_array": [28, 48, 92, 24], + "cmyk": "C:28 / M:48 / Y:92 / K:24", + "rgb_array": [140, 101, 16], + "rgb": "R:140 / G:101 / B:16", + "hex": "#8c6510", + "combinations": [212, 342], + "use_count": 2 + }, + { + "index": 78, + "name": "Sudan Brown", + "slug": "sudan-brown", + "cmyk_array": [25, 60, 65, 19], + "cmyk": "C:25 / M:60 / Y:65 / K:19", + "rgb_array": [155, 83, 72], + "rgb": "R:155 / G:83 / B:72", + "hex": "#9b5348", + "combinations": [207, 214, 273], + "use_count": 3 + }, + { + "index": 79, + "name": "Olive Green", + "slug": "olive-green", + "cmyk_array": [56, 40, 85, 22], + "cmyk": "C:56 / M:40 / Y:85 / K:22", + "rgb_array": [88, 119, 30], + "rgb": "R:88 / G:119 / B:30", + "hex": "#58771e", + "combinations": [66, 243, 270, 297], + "use_count": 4 + }, + { + "index": 80, + "name": "Light Brownish Olive", + "slug": "light-brownish-olive", + "cmyk_array": [42, 46, 73, 24], + "cmyk": "C:42 / M:46 / Y:73 / K:24", + "rgb_array": [112, 105, 52], + "rgb": "R:112 / G:105 / B:52", + "hex": "#706934", + "combinations": [199, 318], + "use_count": 2 + }, + { + "index": 81, + "name": "Deep Grayish Olive", + "slug": "deep-grayish-olive", + "cmyk_array": [50, 48, 78, 37], + "cmyk": "C:50 / M:48 / Y:78 / K:37", + "rgb_array": [80, 84, 35], + "rgb": "R:80 / G:84 / B:35", + "hex": "#505423", + "combinations": [146, 343], + "use_count": 2 + }, + { + "index": 82, + "name": "Pale Raw Umber", + "slug": "pale-raw-umber", + "cmyk_array": [46, 63, 87, 32], + "cmyk": "C:46 / M:63 / Y:87 / K:32", + "rgb_array": [94, 64, 23], + "rgb": "R:94 / G:64 / B:23", + "hex": "#5e4017", + "combinations": [26, 73, 160, 234, 296], + "use_count": 5 + }, + { + "index": 83, + "name": "Sepia", + "slug": "sepia", + "cmyk_array": [48, 60, 100, 40], + "cmyk": "C:48 / M:60 / Y:100 / K:40", + "rgb_array": [80, 61, 0], + "rgb": "R:80 / G:61 / B:0", + "hex": "#503d00", + "combinations": [24, 288], + "use_count": 2 + }, + { + "index": 84, + "name": "Madder Brown", + "slug": "madder-brown", + "cmyk_array": [36, 88, 100, 38], + "cmyk": "C:36 / M:88 / Y:100 / K:38", + "rgb_array": [101, 19, 0], + "rgb": "R:101 / G:19 / B:0", + "hex": "#651300", + "combinations": [28, 79, 98, 173, 237, 275, 323], + "use_count": 7 + }, + { + "index": 85, + "name": "Mars Brown / Tobacco", + "slug": "mars-brown-tobacco", + "cmyk_array": [39, 76, 100, 47], + "cmyk": "C:39 / M:76 / Y:100 / K:47", + "rgb_array": [82, 32, 0], + "rgb": "R:82 / G:32 / B:0", + "hex": "#522000", + "combinations": [19], + "use_count": 1 + }, + { + "index": 86, + "name": "Vandyke Brown", + "slug": "vandyke-brown", + "cmyk_array": [56, 71, 97, 52], + "cmyk": "C:56 / M:71 / Y:97 / K:52", + "rgb_array": [54, 35, 4], + "rgb": "R:54 / G:35 / B:4", + "hex": "#362304", + "combinations": [110, 113, 118, 182, 192], + "use_count": 5 + }, + { + "index": 87, + "name": "Turquoise Green", + "slug": "turquoise-green", + "cmyk_array": [29, 0, 24, 0], + "cmyk": "C:29 / M:0 / Y:24 / K:0", + "rgb_array": [181, 255, 194], + "rgb": "R:181 / G:255 / B:194", + "hex": "#b5ffc2", + "combinations": [ + 36, 74, 147, 163, 173, 202, 223, 230, 263, 272, 285, 293, 300, 305, 317, + 346 + ], + "use_count": 16 + }, + { + "index": 88, + "name": "Glaucous Green", + "slug": "glaucous-green", + "cmyk_array": [30, 9, 24, 0], + "cmyk": "C:30 / M:9 / Y:24 / K:0", + "rgb_array": [179, 232, 194], + "rgb": "R:179 / G:232 / B:194", + "hex": "#b3e8c2", + "combinations": [7, 150, 171, 207, 239, 260], + "use_count": 6 + }, + { + "index": 89, + "name": "Dark Greenish Glaucous", + "slug": "dark-greenish-glaucous", + "cmyk_array": [30, 15, 36, 0], + "cmyk": "C:30 / M:15 / Y:36 / K:0", + "rgb_array": [179, 217, 163], + "rgb": "R:179 / G:217 / B:163", + "hex": "#b3d9a3", + "combinations": [264, 311], + "use_count": 2 + }, + { + "index": 90, + "name": "Yellow Green", + "slug": "yellow-green", + "cmyk_array": [35, 0, 72, 0], + "cmyk": "C:35 / M:0 / Y:72 / K:0", + "rgb_array": [166, 255, 71], + "rgb": "R:166 / G:255 / B:71", + "hex": "#a6ff47", + "combinations": [111, 141, 276, 326, 334], + "use_count": 5 + }, + { + "index": 91, + "name": "Light Green Yellow", + "slug": "light-green-yellow", + "cmyk_array": [26, 5, 85, 0], + "cmyk": "C:26 / M:5 / Y:85 / K:0", + "rgb_array": [189, 242, 38], + "rgb": "R:189 / G:242 / B:38", + "hex": "#bdf226", + "combinations": [61, 289, 291, 311, 346], + "use_count": 5 + }, + { + "index": 92, + "name": "Night Green", + "slug": "night-green", + "cmyk_array": [52, 0, 100, 0], + "cmyk": "C:52 / M:0 / Y:100 / K:0", + "rgb_array": [122, 255, 0], + "rgb": "R:122 / G:255 / B:0", + "hex": "#7aff00", + "combinations": [19, 32, 158, 326], + "use_count": 4 + }, + { + "index": 93, + "name": "Olive Yellow", + "slug": "olive-yellow", + "cmyk_array": [40, 30, 80, 0], + "cmyk": "C:40 / M:30 / Y:80 / K:0", + "rgb_array": [153, 179, 51], + "rgb": "R:153 / G:179 / B:51", + "hex": "#99b333", + "combinations": [124, 211, 265, 347], + "use_count": 4 + }, + { + "index": 94, + "name": "Artemesia Green", + "slug": "artemesia-green", + "cmyk_array": [57, 28, 39, 8], + "cmyk": "C:57 / M:28 / Y:39 / K:8", + "rgb_array": [101, 169, 143], + "rgb": "R:101 / G:169 / B:143", + "hex": "#65a98f", + "combinations": [293, 312], + "use_count": 2 + }, + { + "index": 95, + "name": "Andover Green", + "slug": "andover-green", + "cmyk_array": [60, 40, 50, 10], + "cmyk": "C:60 / M:40 / Y:50 / K:10", + "rgb_array": [92, 138, 115], + "rgb": "R:92 / G:138 / B:115", + "hex": "#5c8a73", + "combinations": [244, 346], + "use_count": 2 + }, + { + "index": 96, + "name": "Rainette Green", + "slug": "rainette-green", + "cmyk_array": [42, 20, 62, 10], + "cmyk": "C:42 / M:20 / Y:62 / K:10", + "rgb_array": [133, 184, 87], + "rgb": "R:133 / G:184 / B:87", + "hex": "#85b857", + "combinations": [105, 200, 219, 283], + "use_count": 4 + }, + { + "index": 97, + "name": "Pistachio Green", + "slug": "pistachio-green", + "cmyk_array": [64, 29, 56, 6], + "cmyk": "C:64 / M:29 / Y:56 / K:6", + "rgb_array": [86, 170, 105], + "rgb": "R:86 / G:170 / B:105", + "hex": "#56aa69", + "combinations": [127, 237], + "use_count": 2 + }, + { + "index": 98, + "name": "Sea Green", + "slug": "sea-green", + "cmyk_array": [80, 0, 51, 0], + "cmyk": "C:80 / M:0 / Y:51 / K:0", + "rgb_array": [51, 255, 125], + "rgb": "R:51 / G:255 / B:125", + "hex": "#33ff7d", + "combinations": [17, 21, 58, 86, 133, 250, 260, 284, 291, 340, 347], + "use_count": 11 + }, + { + "index": 99, + "name": "Benzol Green", + "slug": "benzol-green", + "cmyk_array": [100, 15, 55, 0], + "cmyk": "C:100 / M:15 / Y:55 / K:0", + "rgb_array": [0, 217, 115], + "rgb": "R:0 / G:217 / B:115", + "hex": "#00d973", + "combinations": [15, 54, 92, 122, 155, 247, 266, 267, 281, 304, 306], + "use_count": 11 + }, + { + "index": 100, + "name": "Light Porcelain Green", + "slug": "light-porcelain-green", + "cmyk_array": [86, 22, 50, 3], + "cmyk": "C:86 / M:22 / Y:50 / K:3", + "rgb_array": [35, 193, 124], + "rgb": "R:35 / G:193 / B:124", + "hex": "#23c17c", + "combinations": [44, 193, 328], + "use_count": 3 + }, + { + "index": 101, + "name": "Green", + "slug": "green", + "cmyk_array": [75, 21, 73, 0], + "cmyk": "C:75 / M:21 / Y:73 / K:0", + "rgb_array": [64, 201, 69], + "rgb": "R:64 / G:201 / B:69", + "hex": "#40c945", + "combinations": [198, 216, 293], + "use_count": 3 + }, + { + "index": 102, + "name": "Dull Viridian Green", + "slug": "dull-viridian-green", + "cmyk_array": [90, 20, 80, 0], + "cmyk": "C:90 / M:20 / Y:80 / K:0", + "rgb_array": [25, 204, 51], + "rgb": "R:25 / G:204 / B:51", + "hex": "#19cc33", + "combinations": [136, 256, 306, 316], + "use_count": 4 + }, + { + "index": 103, + "name": "Oil Green", + "slug": "oil-green", + "cmyk_array": [53, 28, 100, 8], + "cmyk": "C:53 / M:28 / Y:100 / K:8", + "rgb_array": [110, 169, 0], + "rgb": "R:110 / G:169 / B:0", + "hex": "#6ea900", + "combinations": [245, 299, 320], + "use_count": 3 + }, + { + "index": 104, + "name": "Diamine Green", + "slug": "diamine-green", + "cmyk_array": [87, 32, 91, 18], + "cmyk": "C:87 / M:32 / Y:91 / K:18", + "rgb_array": [27, 142, 19], + "rgb": "R:27 / G:142 / B:19", + "hex": "#1b8e13", + "combinations": [38, 146, 217, 242, 251, 313], + "use_count": 6 + }, + { + "index": 105, + "name": "Cossack Green", + "slug": "cossack-green", + "cmyk_array": [76, 32, 91, 18], + "cmyk": "C:76 / M:32 / Y:91 / K:18", + "rgb_array": [50, 142, 19], + "rgb": "R:50 / G:142 / B:19", + "hex": "#328e13", + "combinations": [5, 135, 262, 270, 278, 294, 319, 341, 348], + "use_count": 9 + }, + { + "index": 106, + "name": "Lincoln Green", + "slug": "lincoln-green", + "cmyk_array": [60, 48, 86, 37], + "cmyk": "C:60 / M:48 / Y:86 / K:37", + "rgb_array": [64, 84, 22], + "rgb": "R:64 / G:84 / B:22", + "hex": "#405416", + "combinations": [70, 121, 203, 210, 280, 290], + "use_count": 6 + }, + { + "index": 107, + "name": "Blackish Olive", + "slug": "blackish-olive", + "cmyk_array": [56, 32, 63, 55], + "cmyk": "C:56 / M:32 / Y:63 / K:55", + "rgb_array": [50, 78, 42], + "rgb": "R:50 / G:78 / B:42", + "hex": "#324e2a", + "combinations": [109, 318, 336], + "use_count": 3 + }, + { + "index": 108, + "name": "Deep Slate Olive", + "slug": "deep-slate-olive", + "cmyk_array": [76, 60, 80, 62], + "cmyk": "C:76 / M:60 / Y:80 / K:62", + "rgb_array": [23, 39, 19], + "rgb": "R:23 / G:39 / B:19", + "hex": "#172713", + "combinations": [189, 229, 268, 303, 310, 321, 332, 341, 342, 348], + "use_count": 10 + }, + { + "index": 109, + "name": "Nile Blue", + "slug": "nile-blue", + "cmyk_array": [25, 0, 10, 0], + "cmyk": "C:25 / M:0 / Y:10 / K:0", + "rgb_array": [191, 255, 230], + "rgb": "R:191 / G:255 / B:230", + "hex": "#bfffe6", + "combinations": [25, 250, 268, 302, 306, 330, 345], + "use_count": 7 + }, + { + "index": 110, + "name": "Pale King's Blue", + "slug": "pale-king's-blue", + "cmyk_array": [33, 4, 7, 0], + "cmyk": "C:33 / M:4 / Y:7 / K:0", + "rgb_array": [171, 245, 237], + "rgb": "R:171 / G:245 / B:237", + "hex": "#abf5ed", + "combinations": [16, 49, 72, 75, 167, 196, 213, 234, 287], + "use_count": 9 + }, + { + "index": 111, + "name": "Light Glaucous Blue", + "slug": "light-glaucous-blue", + "cmyk_array": [35, 10, 14, 0], + "cmyk": "C:35 / M:10 / Y:14 / K:0", + "rgb_array": [166, 230, 219], + "rgb": "R:166 / G:230 / B:219", + "hex": "#a6e6db", + "combinations": [54, 93, 119, 152, 178, 204, 227, 320, 339, 341], + "use_count": 10 + }, + { + "index": 112, + "name": "Salvia Blue", + "slug": "salvia-blue", + "cmyk_array": [41, 25, 10, 0], + "cmyk": "C:41 / M:25 / Y:10 / K:0", + "rgb_array": [150, 191, 230], + "rgb": "R:150 / G:191 / B:230", + "hex": "#96bfe6", + "combinations": [ + 29, 129, 135, 139, 142, 188, 209, 212, 237, 272, 294, 321, 330 + ], + "use_count": 13 + }, + { + "index": 113, + "name": "Cobalt Green", + "slug": "cobalt-green", + "cmyk_array": [42, 0, 42, 0], + "cmyk": "C:42 / M:0 / Y:42 / K:0", + "rgb_array": [148, 255, 148], + "rgb": "R:148 / G:255 / B:148", + "hex": "#94ff94", + "combinations": [ + 156, 188, 201, 202, 230, 271, 281, 282, 290, 291, 308, 333 + ], + "use_count": 12 + }, + { + "index": 114, + "name": "Calamine BLue", + "slug": "calamine-blue", + "cmyk_array": [50, 0, 20, 0], + "cmyk": "C:50 / M:0 / Y:20 / K:0", + "rgb_array": [128, 255, 204], + "rgb": "R:128 / G:255 / B:204", + "hex": "#80ffcc", + "combinations": [20, 41, 65, 159, 176, 255, 261, 287, 291, 300], + "use_count": 10 + }, + { + "index": 115, + "name": "Venice Green", + "slug": "venice-green", + "cmyk_array": [58, 0, 30, 0], + "cmyk": "C:58 / M:0 / Y:30 / K:0", + "rgb_array": [107, 255, 179], + "rgb": "R:107 / G:255 / B:179", + "hex": "#6bffb3", + "combinations": [78, 128, 138, 189, 283, 345], + "use_count": 6 + }, + { + "index": 116, + "name": "Cerulian Blue", + "slug": "cerulian-blue", + "cmyk_array": [84, 26, 32, 0], + "cmyk": "C:84 / M:26 / Y:32 / K:0", + "rgb_array": [41, 189, 173], + "rgb": "R:41 / G:189 / B:173", + "hex": "#29bdad", + "combinations": [1, 63, 99, 125, 148, 227, 240, 264], + "use_count": 8 + }, + { + "index": 117, + "name": "Peacock Blue", + "slug": "peacock-blue", + "cmyk_array": [100, 19, 43, 0], + "cmyk": "C:100 / M:19 / Y:43 / K:0", + "rgb_array": [0, 207, 145], + "rgb": "R:0 / G:207 / B:145", + "hex": "#00cf91", + "combinations": [131, 286], + "use_count": 2 + }, + { + "index": 118, + "name": "Green Blue", + "slug": "green-blue", + "cmyk_array": [82, 24, 40, 3], + "cmyk": "C:82 / M:24 / Y:40 / K:3", + "rgb_array": [45, 188, 148], + "rgb": "R:45 / G:188 / B:148", + "hex": "#2dbc94", + "combinations": [12, 74, 79, 178, 208, 252, 259, 271, 330], + "use_count": 9 + }, + { + "index": 119, + "name": "Olympic Blue", + "slug": "olympic-blue", + "cmyk_array": [69, 44, 10, 0], + "cmyk": "C:69 / M:44 / Y:10 / K:0", + "rgb_array": [79, 143, 230], + "rgb": "R:79 / G:143 / B:230", + "hex": "#4f8fe6", + "combinations": [44, 67, 157, 194, 231, 274, 324], + "use_count": 7 + }, + { + "index": 120, + "name": "Blue", + "slug": "blue", + "cmyk_array": [95, 54, 0, 0], + "cmyk": "C:95 / M:54 / Y:0 / K:0", + "rgb_array": [13, 117, 255], + "rgb": "R:13 / G:117 / B:255", + "hex": "#0d75ff", + "combinations": [49, 51, 88, 143, 154, 186, 191, 215, 257, 267, 295, 333], + "use_count": 12 + }, + { + "index": 121, + "name": "Antwarp Blue", + "slug": "antwarp-blue", + "cmyk_array": [100, 40, 30, 10], + "cmyk": "C:100 / M:40 / Y:30 / K:10", + "rgb_array": [0, 138, 161], + "rgb": "R:0 / G:138 / B:161", + "hex": "#008aa1", + "combinations": [ + 85, 106, 114, 140, 163, 172, 208, 244, 258, 281, 299, 302, 334 + ], + "use_count": 13 + }, + { + "index": 122, + "name": "Helvetia Blue", + "slug": "helvetia-blue", + "cmyk_array": [100, 62, 19, 10], + "cmyk": "C:100 / M:62 / Y:19 / K:10", + "rgb_array": [0, 87, 186], + "rgb": "R:0 / G:87 / B:186", + "hex": "#0057ba", + "combinations": [39, 48, 161, 187, 218, 259, 312, 347], + "use_count": 8 + }, + { + "index": 123, + "name": "Dark Medici Blue", + "slug": "dark-medici-blue", + "cmyk_array": [70, 45, 45, 15], + "cmyk": "C:70 / M:45 / Y:45 / K:15", + "rgb_array": [65, 119, 119], + "rgb": "R:65 / G:119 / B:119", + "hex": "#417777", + "combinations": [160, 224, 241, 249], + "use_count": 4 + }, + { + "index": 124, + "name": "Dusky Green", + "slug": "dusky-green", + "cmyk_array": [100, 30, 64, 50], + "cmyk": "C:100 / M:30 / Y:64 / K:50", + "rgb_array": [0, 89, 46], + "rgb": "R:0 / G:89 / B:46", + "hex": "#00592e", + "combinations": [94, 219, 225, 278, 284, 318, 332, 338], + "use_count": 8 + }, + { + "index": 125, + "name": "Deep Lyons Blue", + "slug": "deep-lyons-blue", + "cmyk_array": [100, 85, 15, 6], + "cmyk": "C:100 / M:85 / Y:15 / K:6", + "rgb_array": [0, 36, 204], + "rgb": "R:0 / G:36 / B:204", + "hex": "#0024cc", + "combinations": [22, 38, 101, 126, 179, 199, 236, 247, 314, 344], + "use_count": 10 + }, + { + "index": 126, + "name": "Violet Blue", + "slug": "violet-blue", + "cmyk_array": [85, 79, 38, 16], + "cmyk": "C:85 / M:79 / Y:38 / K:16", + "rgb_array": [32, 45, 133], + "rgb": "R:32 / G:45 / B:133", + "hex": "#202d85", + "combinations": [75, 83, 89, 98, 125, 233, 286, 289, 297, 309, 339], + "use_count": 11 + }, + { + "index": 127, + "name": "Vandar Poel's Blue", + "slug": "vandar-poel's-blue", + "cmyk_array": [100, 73, 43, 10], + "cmyk": "C:100 / M:73 / Y:43 / K:10", + "rgb_array": [0, 62, 131], + "rgb": "R:0 / G:62 / B:131", + "hex": "#003e83", + "combinations": [], + "use_count": 0 + }, + { + "index": 128, + "name": "Dark Tyrian Blue", + "slug": "dark-tyrian-blue", + "cmyk_array": [90, 66, 36, 50], + "cmyk": "C:90 / M:66 / Y:36 / K:50", + "rgb_array": [13, 43, 82], + "rgb": "R:13 / G:43 / B:82", + "hex": "#0d2b52", + "combinations": [2, 60, 67, 119, 141, 245, 279], + "use_count": 7 + }, + { + "index": 129, + "name": "Dull Violet Black", + "slug": "dull-violet-black", + "cmyk_array": [95, 106, 38, 50], + "cmyk": "C:95 / M:106 / Y:38 / K:50", + "rgb_array": [6, 0, 79], + "rgb": "R:6 / G:0 / B:79", + "hex": "#06004f", + "combinations": [95, 106, 145, 265, 277, 289, 295, 331], + "use_count": 8 + }, + { + "index": 130, + "name": "Deep Indigo", + "slug": "deep-indigo", + "cmyk_array": [100, 92, 52, 60], + "cmyk": "C:100 / M:92 / Y:52 / K:60", + "rgb_array": [0, 8, 49], + "rgb": "R:0 / G:8 / B:49", + "hex": "#000831", + "combinations": [6, 28, 139, 155, 182, 211, 232], + "use_count": 7 + }, + { + "index": 131, + "name": "Deep Slate Green", + "slug": "deep-slate-green", + "cmyk_array": [80, 50, 60, 70], + "cmyk": "C:80 / M:50 / Y:60 / K:70", + "rgb_array": [15, 38, 31], + "rgb": "R:15 / G:38 / B:31", + "hex": "#0f261f", + "combinations": [84, 149, 166, 271, 318, 325], + "use_count": 6 + }, + { + "index": 132, + "name": "Grayish Lavender - A", + "slug": "grayish-lavender---a", + "cmyk_array": [28, 28, 0, 0], + "cmyk": "C:28 / M:28 / Y:0 / K:0", + "rgb_array": [184, 184, 255], + "rgb": "R:184 / G:184 / B:255", + "hex": "#b8b8ff", + "combinations": [8, 15, 159, 177, 218, 248, 307], + "use_count": 7 + }, + { + "index": 133, + "name": "Grayish Lavender - B", + "slug": "grayish-lavender---b", + "cmyk_array": [25, 33, 20, 0], + "cmyk": "C:25 / M:33 / Y:20 / K:0", + "rgb_array": [191, 171, 204], + "rgb": "R:191 / G:171 / B:204", + "hex": "#bfabcc", + "combinations": [47, 56, 174, 187, 235, 327, 329, 338], + "use_count": 8 + }, + { + "index": 134, + "name": "Laelia Pink", + "slug": "laelia-pink", + "cmyk_array": [20, 48, 18, 0], + "cmyk": "C:20 / M:48 / Y:18 / K:0", + "rgb_array": [204, 133, 209], + "rgb": "R:204 / G:133 / B:209", + "hex": "#cc85d1", + "combinations": [20, 254, 280, 337], + "use_count": 4 + }, + { + "index": 135, + "name": "Lilac", + "slug": "lilac", + "cmyk_array": [28, 54, 8, 0], + "cmyk": "C:28 / M:54 / Y:8 / K:0", + "rgb_array": [184, 117, 235], + "rgb": "R:184 / G:117 / B:235", + "hex": "#b875eb", + "combinations": [143, 162, 282, 347], + "use_count": 4 + }, + { + "index": 136, + "name": "Eupatorium Purple", + "slug": "eupatorium-purple", + "cmyk_array": [25, 79, 12, 0], + "cmyk": "C:25 / M:79 / Y:12 / K:0", + "rgb_array": [191, 54, 224], + "rgb": "R:191 / G:54 / B:224", + "hex": "#bf36e0", + "combinations": [23, 80, 128, 134, 180, 274, 331], + "use_count": 7 + }, + { + "index": 137, + "name": "Light Mauve", + "slug": "light-mauve", + "cmyk_array": [43, 62, 5, 0], + "cmyk": "C:43 / M:62 / Y:5 / K:0", + "rgb_array": [145, 97, 242], + "rgb": "R:145 / G:97 / B:242", + "hex": "#9161f2", + "combinations": [23, 80, 128, 134, 180, 274, 331], + "use_count": 7 + }, + { + "index": 138, + "name": "Aconite Violet", + "slug": "aconite-violet", + "cmyk_array": [39, 68, 5, 0], + "cmyk": "C:39 / M:68 / Y:5 / K:0", + "rgb_array": [156, 82, 242], + "rgb": "R:156 / G:82 / B:242", + "hex": "#9c52f2", + "combinations": [43, 64, 90, 187, 220, 257, 269, 301, 307, 324, 344], + "use_count": 11 + }, + { + "index": 139, + "name": "Dull Blue Violet", + "slug": "dull-blue-violet", + "cmyk_array": [57, 60, 17, 0], + "cmyk": "C:57 / M:60 / Y:17 / K:0", + "rgb_array": [110, 102, 212], + "rgb": "R:110 / G:102 / B:212", + "hex": "#6e66d4", + "combinations": [9, 100], + "use_count": 2 + }, + { + "index": 140, + "name": "Dark Soft Violet", + "slug": "dark-soft-violet", + "cmyk_array": [70, 68, 13, 0], + "cmyk": "C:70 / M:68 / Y:13 / K:0", + "rgb_array": [77, 82, 222], + "rgb": "R:77 / G:82 / B:222", + "hex": "#4d52de", + "combinations": [64, 127, 197], + "use_count": 3 + }, + { + "index": 141, + "name": "Blue Violet", + "slug": "blue-violet", + "cmyk_array": [72, 80, 0, 0], + "cmyk": "C:72 / M:80 / Y:0 / K:0", + "rgb_array": [71, 51, 255], + "rgb": "R:71 / G:51 / B:255", + "hex": "#4733ff", + "combinations": [116, 175, 196, 322, 345], + "use_count": 5 + }, + { + "index": 142, + "name": "Purple Drab", + "slug": "purple-drab", + "cmyk_array": [38, 65, 49, 26], + "cmyk": "C:38 / M:65 / Y:49 / K:26", + "rgb_array": [117, 66, 96], + "rgb": "R:117 / G:66 / B:96", + "hex": "#754260", + "combinations": [236], + "use_count": 1 + }, + { + "index": 143, + "name": "Deep Violet / Plumbeous", + "slug": "deep-violet-plumbeous", + "cmyk_array": [61, 52, 43, 7], + "cmyk": "C:61 / M:52 / Y:43 / K:7", + "rgb_array": [92, 114, 135], + "rgb": "R:92 / G:114 / B:135", + "hex": "#5c7287", + "combinations": [183, 192, 218], + "use_count": 3 + }, + { + "index": 144, + "name": "Veronia Purple", + "slug": "veronia-purple", + "cmyk_array": [42, 78, 46, 15], + "cmyk": "C:42 / M:78 / Y:46 / K:15", + "rgb_array": [126, 48, 117], + "rgb": "R:126 / G:48 / B:117", + "hex": "#7e3075", + "combinations": [13, 24, 168, 183], + "use_count": 4 + }, + { + "index": 145, + "name": "Dark Slate Purple", + "slug": "dark-slate-purple", + "cmyk_array": [64, 85, 60, 10], + "cmyk": "C:64 / M:85 / Y:60 / K:10", + "rgb_array": [83, 34, 92], + "rgb": "R:83 / G:34 / B:92", + "hex": "#53225c", + "combinations": [225, 248], + "use_count": 2 + }, + { + "index": 146, + "name": "Taupe Brown", + "slug": "taupe-brown", + "cmyk_array": [30, 70, 35, 40], + "cmyk": "C:30 / M:70 / Y:35 / K:40", + "rgb_array": [107, 46, 99], + "rgb": "R:107 / G:46 / B:99", + "hex": "#6b2e63", + "combinations": [57, 123, 174, 224, 275, 280, 288], + "use_count": 7 + }, + { + "index": 147, + "name": "Violet Carmine", + "slug": "violet-carmine", + "cmyk_array": [64, 90, 70, 10], + "cmyk": "C:64 / M:90 / Y:70 / K:10", + "rgb_array": [83, 23, 69], + "rgb": "R:83 / G:23 / B:69", + "hex": "#531745", + "combinations": [337], + "use_count": 1 + }, + { + "index": 148, + "name": "Violet", + "slug": "violet", + "cmyk_array": [85, 90, 18, 0], + "cmyk": "C:85 / M:90 / Y:18 / K:0", + "rgb_array": [38, 25, 209], + "rgb": "R:38 / G:25 / B:209", + "hex": "#2619d1", + "combinations": [42, 56, 130, 156, 164, 181, 205, 214, 226, 316, 331, 335], + "use_count": 12 + }, + { + "index": 149, + "name": "Red Violet", + "slug": "red-violet", + "cmyk_array": [76, 100, 25, 15], + "cmyk": "C:76 / M:100 / Y:25 / K:15", + "rgb_array": [52, 0, 163], + "rgb": "R:52 / G:0 / B:163", + "hex": "#3400a3", + "combinations": [4, 37, 134, 136, 170, 172, 183, 316], + "use_count": 8 + }, + { + "index": 150, + "name": "Cotinga Purple", + "slug": "cotinga-purple", + "cmyk_array": [66, 100, 42, 40], + "cmyk": "C:66 / M:100 / Y:42 / K:40", + "rgb_array": [52, 0, 89], + "rgb": "R:52 / G:0 / B:89", + "hex": "#340059", + "combinations": [61, 181, 238, 253, 307, 329, 348], + "use_count": 7 + }, + { + "index": 151, + "name": "Dusky Madder Violet", + "slug": "dusky-madder-violet", + "cmyk_array": [75, 100, 46, 30], + "cmyk": "C:75 / M:100 / Y:46 / K:30", + "rgb_array": [45, 0, 96], + "rgb": "R:45 / G:0 / B:96", + "hex": "#2d0060", + "combinations": [18, 50, 53, 82, 103, 314], + "use_count": 6 + }, + { + "index": 152, + "name": "White", + "slug": "white", + "cmyk_array": [0, 0, 0, 0], + "cmyk": "C:0 / M:0 / Y:0 / K:0", + "rgb_array": [255, 255, 255], + "rgb": "R:255 / G:255 / B:255", + "hex": "#ffffff", + "combinations": [55], + "use_count": 1 + }, + { + "index": 153, + "name": "Neutral Gray", + "slug": "neutral-gray", + "cmyk_array": [29, 18, 20, 0], + "cmyk": "C:29 / M:18 / Y:20 / K:0", + "rgb_array": [181, 209, 204], + "rgb": "R:181 / G:209 / B:204", + "hex": "#b5d1cc", + "combinations": [34, 139, 180, 195, 197, 221, 228, 229, 273, 303, 324, 340], + "use_count": 12 + }, + { + "index": 154, + "name": "Mineral Gray", + "slug": "mineral-gray", + "cmyk_array": [33, 18, 25, 7], + "cmyk": "C:33 / M:18 / Y:25 / K:7", + "rgb_array": [159, 194, 178], + "rgb": "R:159 / G:194 / B:178", + "hex": "#9fc2b2", + "combinations": [11, 30], + "use_count": 2 + }, + { + "index": 155, + "name": "Warm Gray", + "slug": "warm-gray", + "cmyk_array": [37, 28, 36, 3], + "cmyk": "C:37 / M:28 / Y:36 / K:3", + "rgb_array": [156, 178, 158], + "rgb": "R:156 / G:178 / B:158", + "hex": "#9cb29e", + "combinations": [69, 76, 81, 143, 169, 238, 259, 261], + "use_count": 8 + }, + { + "index": 156, + "name": "Slate Color", + "slug": "slate-color", + "cmyk_array": [85, 70, 62, 30], + "cmyk": "C:85 / M:70 / Y:62 / K:30", + "rgb_array": [27, 54, 68], + "rgb": "R:27 / G:54 / B:68", + "hex": "#1b3644", + "combinations": [ + 27, 33, 57, 140, 202, 243, 245, 251, 253, 263, 296, 329, 335 + ], + "use_count": 13 + }, + { + "index": 157, + "name": "Black", + "slug": "black", + "cmyk_array": [20, 10, 15, 100], + "cmyk": "C:20 / M:10 / Y:15 / K:100", + "rgb_array": [0, 0, 0], + "rgb": "R:0 / G:0 / B:0", + "hex": "#000000", + "combinations": [ + 46, 52, 62, 69, 112, 117, 144, 190, 207, 216, 221, 242, 255, 256, 269, + 276, 288, 198, 313, 323, 337, 340, 344 + ], + "use_count": 23 + } +] diff --git a/app/clientComponent.tsx b/app/clientComponent.tsx index 46628dd..90d4f06 100644 --- a/app/clientComponent.tsx +++ b/app/clientComponent.tsx @@ -1,12 +1,11 @@ import { Metadata } from "next"; -import Image from "next/image"; import Link from "next/link"; import { usePathname } from "next/navigation"; -import favicon from "./favicon.ico"; import { capitalizeFirstLetter } from "@/server/utils/string"; +import AboutPage from "./about/page"; export const metadata: Metadata = { - title: "Starter Kit", + title: "Wado Sanzo Colors", }; export default function ClientComponent({ @@ -28,7 +27,8 @@ export default function ClientComponent({ return ( - + {/* Starter Kit -
{children}
+
{children}
*/} ); diff --git a/app/favicon.ico b/app/favicon.ico index 7b92847..8562b2c 100644 Binary files a/app/favicon.ico and b/app/favicon.ico differ diff --git a/app/main.scss b/app/main.scss index 8cc2b18..04dd2da 100644 --- a/app/main.scss +++ b/app/main.scss @@ -1,3 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + @font-face { font-family: "Söhne"; src: url("https://cdn.oaistatic.com/_next/static/media/soehne-buch.13189857.woff2") diff --git a/app/main/page.tsx b/app/main/page.tsx deleted file mode 100644 index a3ee58e..0000000 --- a/app/main/page.tsx +++ /dev/null @@ -1,23 +0,0 @@ -"use client"; -import "./style.scss"; - -export default function AboutPage() { - return ( -
-

Main Page

-

-
-

React Next.js Starter Kit

-

Includes:

-
    -
  • React
    • -
  • Next.js
    • -
  • Typescript
    • -
  • Supabase Database (optional)
    • -
  • SDK (optional)
    • -
  • Vercel Deployment (optional)
    • -
-
-
- ); -} diff --git a/app/main/style.scss b/app/main/style.scss deleted file mode 100644 index 1f2e2ee..0000000 --- a/app/main/style.scss +++ /dev/null @@ -1,8 +0,0 @@ -.main-page { - table { - color: white; - td { - padding: 100px; - } - } -} diff --git a/app/page.tsx b/app/page.tsx index 7e68783..a8e645a 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,7 +1,7 @@ import { Metadata } from "next"; export const metadata: Metadata = { - title: "Starter Kit", + title: "Wado Sanzo Colors", }; export default function MyApp() { diff --git a/bun.lockb b/bun.lockb index e56a1f3..2be2dad 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index ed7551d..6262312 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ "@trpc/react-query": "11.0.0-rc.374", "@trpc/server": "11.0.0-rc.374", "@types/jquery": "^3.5.30", - "@types/node": "^20.12.12", + "@types/node": "^20.14.14", "next": "14.2.3", "react": "18.3.1", "sass": "1.77.2", @@ -28,10 +28,13 @@ "zod": "^3.23.8" }, "devDependencies": { - "@types/bun": "^1.1.3", + "@types/bun": "^1.1.6", "@types/react": "18.3.2", + "autoprefixer": "^10.4.20", "bun-types": "1.1.9", "eslint": "9.3.0", - "typescript": "^5.4.5" + "postcss": "^8.4.40", + "tailwindcss": "^3.4.7", + "typescript": "^5.5.4" } } diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..af0558c --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,13 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + "./app/**/*.{js,ts,jsx,tsx,mdx}", + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./src/**/*.{js,ts,jsx,tsx,mdx}", + ], + theme: { + extend: {}, + }, + plugins: [], +};