diff --git a/index.html b/index.html index 2aa421c..df630d8 100644 --- a/index.html +++ b/index.html @@ -71,7 +71,7 @@ - +
diff --git a/src/assets/chat_messengericon_dutyroulette.png b/src/assets/chat_messengericon_dutyroulette.png new file mode 100644 index 0000000..e90162c Binary files /dev/null and b/src/assets/chat_messengericon_dutyroulette.png differ diff --git a/src/assets/chat_messengericon_goldsaucer.png b/src/assets/chat_messengericon_goldsaucer.png new file mode 100644 index 0000000..fe10442 Binary files /dev/null and b/src/assets/chat_messengericon_goldsaucer.png differ diff --git a/src/assets/chat_messengericon_raids.png b/src/assets/chat_messengericon_raids.png new file mode 100644 index 0000000..79b2fb7 Binary files /dev/null and b/src/assets/chat_messengericon_raids.png differ diff --git a/src/assets/chat_messengericon_thehunt.png b/src/assets/chat_messengericon_thehunt.png new file mode 100644 index 0000000..d84fdbf Binary files /dev/null and b/src/assets/chat_messengericon_thehunt.png differ diff --git a/src/assets/chat_messengericon_treasurehunt.png b/src/assets/chat_messengericon_treasurehunt.png new file mode 100644 index 0000000..efc1233 Binary files /dev/null and b/src/assets/chat_messengericon_treasurehunt.png differ diff --git a/src/assets/chat_messengericon_weeklybingo.png b/src/assets/chat_messengericon_weeklybingo.png new file mode 100644 index 0000000..d940c19 Binary files /dev/null and b/src/assets/chat_messengericon_weeklybingo.png differ diff --git a/src/assets/checkbox-checked_hover.png b/src/assets/checkbox/checked-hover.png similarity index 100% rename from src/assets/checkbox-checked_hover.png rename to src/assets/checkbox/checked-hover.png diff --git a/src/assets/checkbox-checked.png b/src/assets/checkbox/checked.png similarity index 100% rename from src/assets/checkbox-checked.png rename to src/assets/checkbox/checked.png diff --git a/src/assets/checkbox-unchecked_hover.png b/src/assets/checkbox/unchecked-hover.png similarity index 100% rename from src/assets/checkbox-unchecked_hover.png rename to src/assets/checkbox/unchecked-hover.png diff --git a/src/assets/checkbox-unchecked.png b/src/assets/checkbox/unchecked.png similarity index 100% rename from src/assets/checkbox-unchecked.png rename to src/assets/checkbox/unchecked.png diff --git a/src/assets/dot2.png b/src/assets/dot2.png new file mode 100644 index 0000000..24a49d0 Binary files /dev/null and b/src/assets/dot2.png differ diff --git a/src/assets/dot2_12x12.png b/src/assets/dot2_12x12.png new file mode 100644 index 0000000..695e7a8 Binary files /dev/null and b/src/assets/dot2_12x12.png differ diff --git a/src/assets/dot3.png b/src/assets/dot3.png new file mode 100644 index 0000000..13e715b Binary files /dev/null and b/src/assets/dot3.png differ diff --git a/src/assets/dot3_12x12.png b/src/assets/dot3_12x12.png new file mode 100644 index 0000000..9728bb9 Binary files /dev/null and b/src/assets/dot3_12x12.png differ diff --git a/src/assets/lodestone/maintenance.png b/src/assets/lodestone/maintenance.png new file mode 100644 index 0000000..ee79abd Binary files /dev/null and b/src/assets/lodestone/maintenance.png differ diff --git a/src/assets/lodestone/new.png b/src/assets/lodestone/new.png new file mode 100644 index 0000000..a794bc9 Binary files /dev/null and b/src/assets/lodestone/new.png differ diff --git a/src/assets/lodestone/notice.png b/src/assets/lodestone/notice.png new file mode 100644 index 0000000..09bd54b Binary files /dev/null and b/src/assets/lodestone/notice.png differ diff --git a/src/assets/lodestone/status.png b/src/assets/lodestone/status.png new file mode 100644 index 0000000..f1e0f08 Binary files /dev/null and b/src/assets/lodestone/status.png differ diff --git a/src/assets/lodestone/topic.png b/src/assets/lodestone/topic.png new file mode 100644 index 0000000..97339dd Binary files /dev/null and b/src/assets/lodestone/topic.png differ diff --git a/src/assets/lodestone/updates.png b/src/assets/lodestone/updates.png new file mode 100644 index 0000000..33d5184 Binary files /dev/null and b/src/assets/lodestone/updates.png differ diff --git a/src/assets/spinner.webp b/src/assets/spinner.webp new file mode 100644 index 0000000..529a18c Binary files /dev/null and b/src/assets/spinner.webp differ diff --git a/src/components/page-spinner.tsx b/src/components/page-spinner.tsx index 9f074ee..be89a31 100644 --- a/src/components/page-spinner.tsx +++ b/src/components/page-spinner.tsx @@ -1,160 +1,7 @@ import { cn } from "@/utils/cn"; import { type ClassValue } from "clsx"; -import type { SVGProps } from "react"; -export function SvgSpinners12DotsScaleRotate(props: SVGProps) { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -} +import spinner from "@/assets/spinner.webp"; interface PageSpinnerProps { className?: ClassValue; @@ -168,7 +15,7 @@ export function PageSpinner({ className }: PageSpinnerProps) { className, )} > - Loading... + Loading... ); } diff --git a/src/components/timer.tsx b/src/components/timer.tsx index b832520..3734767 100644 --- a/src/components/timer.tsx +++ b/src/components/timer.tsx @@ -15,10 +15,14 @@ import { cva } from "class-variance-authority"; import { ClassValue } from "class-variance-authority/types"; import { ReactNode } from "react"; +import lodestoneMaintenance from "@/assets/lodestone/maintenance.png"; +import lodestoneTopic from "@/assets/lodestone/topic.png"; +import lodestoneUpdates from "@/assets/lodestone/updates.png"; + const iconUrls = { - maintenance: "https://xivapi.com/img-misc/lodestone/maintenance.png", - event: "https://xivapi.com/img-misc/lodestone/topic.png", - reset: "https://xivapi.com/img-misc/lodestone/updates.png", + maintenance: lodestoneMaintenance, + event: lodestoneTopic, + reset: lodestoneUpdates, }; type TimerIconProps = { diff --git a/src/index.css b/src/index.css index 6e22d40..daccb20 100644 --- a/src/index.css +++ b/src/index.css @@ -23,9 +23,15 @@ img[src$=".png"] { @apply box-content; } ul { - @apply list-inside list-disc; + @apply list-image-dot2 pl-6; + } + ul > ul { + @apply list-image-dot3; } ol { @apply list-inside list-decimal; } + li + li { + @apply mt-2; + } } diff --git a/src/routes/checklist.tsx b/src/routes/checklist.tsx index 9b57144..37f299b 100644 --- a/src/routes/checklist.tsx +++ b/src/routes/checklist.tsx @@ -1,3 +1,9 @@ +import chatMessengerIconDutyroulette from "@/assets/chat_messengericon_dutyroulette.png"; +import chatMessengerIconGoldsaucer from "@/assets/chat_messengericon_goldsaucer.png"; +import chatMessengerIconRaids from "@/assets/chat_messengericon_raids.png"; +import chatMessengerIconThehunt from "@/assets/chat_messengericon_thehunt.png"; +import chatMessengerIconTreasurehunt from "@/assets/chat_messengericon_treasurehunt.png"; +import chatMessengerIconWeeklybingo from "@/assets/chat_messengericon_weeklybingo.png"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Checkbox } from "@/components/ui/checkbox"; import { Label } from "@/components/ui/label"; @@ -17,13 +23,12 @@ import { useLocalStorage } from "@uidotdev/usehooks"; import { useEffect, useState } from "react"; const icons = { - collectables: - "https://xivapi.com/img-misc/chat_messengericon_treasurehunt.png", - raid: "https://xivapi.com/img-misc/chat_messengericon_raids.png", - roulette: "https://xivapi.com/img-misc/chat_messengericon_dutyroulette.png", - hunts: "https://xivapi.com/img-misc/chat_messengericon_thehunt.png", - goldsaucer: "https://xivapi.com/img-misc/chat_messengericon_goldsaucer.png", - others: "https://xivapi.com/img-misc/chat_messengericon_weeklybingo.png", + collectables: chatMessengerIconTreasurehunt, + raid: chatMessengerIconRaids, + roulette: chatMessengerIconDutyroulette, + hunts: chatMessengerIconThehunt, + goldsaucer: chatMessengerIconGoldsaucer, + others: chatMessengerIconWeeklybingo, }; const resets = { diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 82e10d6..39a0619 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -32,11 +32,15 @@ module.exports = { }, extend: { backgroundImage: { - "checkbox-checked": "url(/src/assets/checkbox-checked.png)", - "checkbox-checked-hover": "url(/src/assets/checkbox-checked_hover.png)", - "checkbox-unchecked": "url(/src/assets/checkbox-unchecked.png)", + "checkbox-checked": "url(/src/assets/checkbox/checked.png)", + "checkbox-checked-hover": "url(/src/assets/checkbox/checked-hover.png)", + "checkbox-unchecked": "url(/src/assets/checkbox/unchecked.png)", "checkbox-unchecked-hover": - "url(/src/assets/checkbox-unchecked_hover.png)", + "url(/src/assets/checkbox/unchecked-hover.png)", + }, + listStyleImage: { + dot2: "url(/src/assets/dot2_12x12.png)", + dot3: "url(/src/assets/dot3_12x12.png)", }, boxShadow: { tab: "0px 1px 0px 0px rgba(255,255,255,0.1) inset,1px 0px 0px 0px rgba(255,255,255,0.1) inset,-1px 0px 0px 0px rgba(0,0,0,0.1) inset",