From 998b63a35256ac985a5a2714dd1ca451af4dfd8a Mon Sep 17 00:00:00 2001 From: Fuwn Date: Wed, 9 Oct 2024 00:41:20 -0700 Subject: chore(prettier): use spaces instead of tabs --- src/lib/Tools/Wrapped/ActivityHistory.svelte | 28 +- src/lib/Tools/Wrapped/Media.svelte | 184 ++-- src/lib/Tools/Wrapped/MediaExtras.svelte | 136 +-- src/lib/Tools/Wrapped/Tool.svelte | 1530 +++++++++++++------------- src/lib/Tools/Wrapped/Top/Activity.svelte | 70 +- src/lib/Tools/Wrapped/Top/Anime.svelte | 28 +- src/lib/Tools/Wrapped/Top/Manga.svelte | 32 +- src/lib/Tools/Wrapped/Watermark.svelte | 6 +- src/lib/Tools/Wrapped/wrapped.css | 84 +- 9 files changed, 1049 insertions(+), 1049 deletions(-) (limited to 'src/lib/Tools/Wrapped') diff --git a/src/lib/Tools/Wrapped/ActivityHistory.svelte b/src/lib/Tools/Wrapped/ActivityHistory.svelte index 194f5951..3da401d4 100644 --- a/src/lib/Tools/Wrapped/ActivityHistory.svelte +++ b/src/lib/Tools/Wrapped/ActivityHistory.svelte @@ -1,21 +1,21 @@
-
-
- -
-
+
+
+ +
+
diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte index f5184bc4..ea8a989b 100644 --- a/src/lib/Tools/Wrapped/Media.svelte +++ b/src/lib/Tools/Wrapped/Media.svelte @@ -1,98 +1,98 @@ {#if animeList !== undefined || mangaList !== undefined} -
-
-
- - Highest Rated Anime Cover - -
- {animeMostTitle} Anime -
    - {#if animeList !== undefined && animeList.length !== 0} - {#each animeList?.slice(0, highestRatedCount) as anime} -
  1. - - - {highestRatedMediaPercentage && - anime.mediaListEntry && - anime.mediaListEntry?.score > 0 - ? `: ${anime.mediaListEntry?.score}%` - : ''} -
    2. - {/each} - {:else} -
  2. -

    (⌣_⌣”)

    -
    3. - {/if} -
-
-
-
-
-
- - Highest Rated Manga Cover - -
- {mangaMostTitle} Manga -
    - {#if mangaList !== undefined && mangaList.length !== 0} - {#each mangaList?.slice(0, highestRatedCount) as manga} -
  1. - - - {highestRatedMediaPercentage && - manga.mediaListEntry && - manga.mediaListEntry?.score > 0 - ? `: ${manga.mediaListEntry?.score}%` - : ''} -
    2. - {/each} - {:else} -
  2. -

    (⌣_⌣”)

    -
    3. - {/if} -
-
-
-
-
+
+
+
+ + Highest Rated Anime Cover + +
+ {animeMostTitle} Anime +
    + {#if animeList !== undefined && animeList.length !== 0} + {#each animeList?.slice(0, highestRatedCount) as anime} +
  1. + + + {highestRatedMediaPercentage && + anime.mediaListEntry && + anime.mediaListEntry?.score > 0 + ? `: ${anime.mediaListEntry?.score}%` + : ''} +
    2. + {/each} + {:else} +
  2. +

    (⌣_⌣”)

    +
    3. + {/if} +
+
+
+
+
+
+ + Highest Rated Manga Cover + +
+ {mangaMostTitle} Manga +
    + {#if mangaList !== undefined && mangaList.length !== 0} + {#each mangaList?.slice(0, highestRatedCount) as manga} +
  1. + + + {highestRatedMediaPercentage && + manga.mediaListEntry && + manga.mediaListEntry?.score > 0 + ? `: ${manga.mediaListEntry?.score}%` + : ''} +
    2. + {/each} + {:else} +
  2. +

    (⌣_⌣”)

    +
    3. + {/if} +
+
+
+
+
{/if} diff --git a/src/lib/Tools/Wrapped/MediaExtras.svelte b/src/lib/Tools/Wrapped/MediaExtras.svelte index 9ef8cb65..9e755ea5 100644 --- a/src/lib/Tools/Wrapped/MediaExtras.svelte +++ b/src/lib/Tools/Wrapped/MediaExtras.svelte @@ -1,74 +1,74 @@
- {#if topMedia.topGenreMedia && topMedia.genres.length > 0} -
-
- - Highest Rated Genre Cover - -
- {genreTagTitle} Genres -
    - {#each topMedia.genres as genre} -
  1. - - {genre.genre}{highestRatedGenreTagPercentage ? `: ${genre.averageScore}%` : ''} - -
    2. - {/each} -
-
-
-
- {/if} - {#if topMedia.topTagMedia && topMedia.tags.length > 0} -
-
- - Highest Rated Tag Cover - -
- {genreTagTitle} Tags -
    - {#each topMedia.tags as tag} -
  1. - - {tag.tag}{highestRatedGenreTagPercentage ? `: ${tag.averageScore}%` : ''} - -
    2. - {/each} -
-
-
-
- {/if} + {#if topMedia.topGenreMedia && topMedia.genres.length > 0} +
+
+ + Highest Rated Genre Cover + +
+ {genreTagTitle} Genres +
    + {#each topMedia.genres as genre} +
  1. + + {genre.genre}{highestRatedGenreTagPercentage ? `: ${genre.averageScore}%` : ''} + +
    2. + {/each} +
+
+
+
+ {/if} + {#if topMedia.topTagMedia && topMedia.tags.length > 0} +
+
+ + Highest Rated Tag Cover + +
+ {genreTagTitle} Tags +
    + {#each topMedia.tags as tag} +
  1. + + {tag.tag}{highestRatedGenreTagPercentage ? `: ${tag.averageScore}%` : ''} + +
    2. + {/each} +
+
+
+
+ {/if}
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte index 81a60016..1484ab5c 100644 --- a/src/lib/Tools/Wrapped/Tool.svelte +++ b/src/lib/Tools/Wrapped/Tool.svelte @@ -1,776 +1,776 @@ {#if $userIdentity.id === -2 || user === undefined} - + {:else if $userIdentity.id !== -1} - {#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, $userIdentity, selectedYear) : getActivityHistory($userIdentity)} - - - - {:then activities} - {#await wrapped(user, $userIdentity, selectedYear)} - - - - {:then wrapped} -
-
-
- {#if !disableActivityHistory && activityHistoryPosition === 'TOP' && activities.length > 0 && selectedYear === currentYear} - - {/if} -
- - - -
- {#if !disableActivityHistory && activityHistoryPosition === 'BELOW_TOP' && activities.length > 0 && selectedYear === currentYear} - - {/if} - - {#if topMedia && topGenresTags && ((topMedia.topGenreMedia && topMedia.genres.length > 0) || (topMedia.topTagMedia && topMedia.tags.length > 0))} - - {/if} - {#if !disableActivityHistory && activityHistoryPosition === 'ORIGINAL' && activities.length > 0 && selectedYear === currentYear} - - {/if} - {#if watermark} - - {/if} -
-
-
-
-
- - {#if generated} -

- -

- Click on the image to download, or right click and select "Save Image As...". -
- {/if} -
- - {#if generated} -

- {/if} - -

- - -
- Display - - Show watermark
- Enable background transparency
- - Enable light mode
- - Show top genres and tags
- - Hide activity history
- Show highest - rated media percentages
- Show highest - rated genre and tag percentages
- Show - ongoing media from previous years
- - Activity history position
- - Highest rated media count
- - Highest genre and tag count
- - - - Width adjustment
-
- -
- Calculation - - - Enable full-year activity -
- - Calculate for year
- - Anime and manga sort
- - Genre and tag sort
- Include music
- Include rewatches & rereads
- Include specials
- Include OVAs
- Include movies
- { - e.key === 'Enter' && submitExcludedKeywords(); - }} - /> - Excluded keywords - -
- Comma separated list (e.g., "My Hero, Kaguya") -
-
-
-
- {:catch} - - {/await} - {:catch} - - {#if useFullActivityHistory} -

- With many activities, it may take multiple attempts to obtain all of your activity history - from AniList. If this occurs, wait one minute and try again to continue populating your local - activity history database. -

- {/if} - - {/await} + {#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, $userIdentity, selectedYear) : getActivityHistory($userIdentity)} + + + + {:then activities} + {#await wrapped(user, $userIdentity, selectedYear)} + + + + {:then wrapped} +
+
+
+ {#if !disableActivityHistory && activityHistoryPosition === 'TOP' && activities.length > 0 && selectedYear === currentYear} + + {/if} +
+ + + +
+ {#if !disableActivityHistory && activityHistoryPosition === 'BELOW_TOP' && activities.length > 0 && selectedYear === currentYear} + + {/if} + + {#if topMedia && topGenresTags && ((topMedia.topGenreMedia && topMedia.genres.length > 0) || (topMedia.topTagMedia && topMedia.tags.length > 0))} + + {/if} + {#if !disableActivityHistory && activityHistoryPosition === 'ORIGINAL' && activities.length > 0 && selectedYear === currentYear} + + {/if} + {#if watermark} + + {/if} +
+
+
+
+
+ + {#if generated} +

+ +

+ Click on the image to download, or right click and select "Save Image As...". +
+ {/if} +
+ + {#if generated} +

+ {/if} + +

+ + +
+ Display + + Show watermark
+ Enable background transparency
+ + Enable light mode
+ + Show top genres and tags
+ + Hide activity history
+ Show highest + rated media percentages
+ Show highest + rated genre and tag percentages
+ Show + ongoing media from previous years
+ + Activity history position
+ + Highest rated media count
+ + Highest genre and tag count
+ + + + Width adjustment
+
+ +
+ Calculation + + + Enable full-year activity +
+ + Calculate for year
+ + Anime and manga sort
+ + Genre and tag sort
+ Include music
+ Include rewatches & rereads
+ Include specials
+ Include OVAs
+ Include movies
+ { + e.key === 'Enter' && submitExcludedKeywords(); + }} + /> + Excluded keywords + +
+ Comma separated list (e.g., "My Hero, Kaguya") +
+
+
+
+ {:catch} + + {/await} + {:catch} + + {#if useFullActivityHistory} +

+ With many activities, it may take multiple attempts to obtain all of your activity history + from AniList. If this occurs, wait one minute and try again to continue populating your local + activity history database. +

+ {/if} + + {/await} {:else} - + - + {/if} diff --git a/src/lib/Tools/Wrapped/Top/Activity.svelte b/src/lib/Tools/Wrapped/Top/Activity.svelte index 03f15b5d..a91bedfb 100644 --- a/src/lib/Tools/Wrapped/Top/Activity.svelte +++ b/src/lib/Tools/Wrapped/Top/Activity.svelte @@ -1,42 +1,42 @@
- - User Avatar - -
- -
- Status Posts: {wrapped.activities.statusCount} -
-
- Messages: {wrapped.activities.messageCount} -
-
- Days Active: {#if year !== currentYear} - ?/365 - {:else} - {activities.length}/{useFullActivityHistory ? 365 : 189} - {/if} -
-
+ + User Avatar + +
+ +
+ Status Posts: {wrapped.activities.statusCount} +
+
+ Messages: {wrapped.activities.messageCount} +
+
+ Days Active: {#if year !== currentYear} + ?/365 + {:else} + {activities.length}/{useFullActivityHistory ? 365 : 189} + {/if} +
+
diff --git a/src/lib/Tools/Wrapped/Top/Anime.svelte b/src/lib/Tools/Wrapped/Top/Anime.svelte index b33a8c08..08df7fd3 100644 --- a/src/lib/Tools/Wrapped/Top/Anime.svelte +++ b/src/lib/Tools/Wrapped/Top/Anime.svelte @@ -1,20 +1,20 @@
-
- Anime -
-
- Time Watched: {((minutesWatched || 0) / 60 / 24).toFixed(2)} days -
-
- Completed: {animeList?.length || 0} -
-
Episodes: {episodes}
+
+ Anime +
+
+ Time Watched: {((minutesWatched || 0) / 60 / 24).toFixed(2)} days +
+
+ Completed: {animeList?.length || 0} +
+
Episodes: {episodes}
diff --git a/src/lib/Tools/Wrapped/Top/Manga.svelte b/src/lib/Tools/Wrapped/Top/Manga.svelte index 6c505df2..a36f7724 100644 --- a/src/lib/Tools/Wrapped/Top/Manga.svelte +++ b/src/lib/Tools/Wrapped/Top/Manga.svelte @@ -1,22 +1,22 @@
-
- Manga -
-
- Time Read: {estimatedDayReading(chapters).toFixed(2)} days -
-
- Completed: {mangaList?.length || 0} -
-
- Chapters: {chapters} -
+
+ Manga +
+
+ Time Read: {estimatedDayReading(chapters).toFixed(2)} days +
+
+ Completed: {mangaList?.length || 0} +
+
+ Chapters: {chapters} +
diff --git a/src/lib/Tools/Wrapped/Watermark.svelte b/src/lib/Tools/Wrapped/Watermark.svelte index 2e8dd838..f166d554 100644 --- a/src/lib/Tools/Wrapped/Watermark.svelte +++ b/src/lib/Tools/Wrapped/Watermark.svelte @@ -1,5 +1,5 @@
- +
diff --git a/src/lib/Tools/Wrapped/wrapped.css b/src/lib/Tools/Wrapped/wrapped.css index be42cd0a..c144a6f0 100644 --- a/src/lib/Tools/Wrapped/wrapped.css +++ b/src/lib/Tools/Wrapped/wrapped.css @@ -2,99 +2,99 @@ @import url('https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Overpass:400,600,700,800'); .categories-grid { - display: flex; - flex-wrap: wrap; - row-gap: 1.5em; - column-gap: 1.5em; - padding: 2%; - justify-content: center; - font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, - Fira Sans, Droid Sans, Helvetica Neue, sans-serif; - background-color: #0b1622; + display: flex; + flex-wrap: wrap; + row-gap: 1.5em; + column-gap: 1.5em; + padding: 2%; + justify-content: center; + font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, + Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + background-color: #0b1622; } .categories-grid b { - font-family: Overpass, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, - Fira Sans, Droid Sans, Helvetica Neue, sans-serif; - font-weight: 600; + font-family: Overpass, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, + Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-weight: 600; } .category-grid, .image-grid { - background-color: #151f2e; - border-radius: 4px; - color: rgb(159, 173, 189); + background-color: #151f2e; + border-radius: 4px; + color: rgb(159, 173, 189); } .pure-category, .avatar-grid { - padding: 1.5%; + padding: 1.5%; } .category-grid { - display: grid; + display: grid; } .image-grid { - display: flex; - column-gap: 1em; - flex-wrap: wrap; + display: flex; + column-gap: 1em; + flex-wrap: wrap; } .image-grid img { - width: 6em; - height: auto; - border-radius: 3px; + width: 6em; + height: auto; + border-radius: 3px; } .categories-grid a { - text-decoration: none; - color: unset; + text-decoration: none; + color: unset; } .transparent .categories-grid { - background-color: transparent !important; + background-color: transparent !important; } .light-theme .categories-grid { - background-color: #edf1f5; + background-color: #edf1f5; } .light-theme .category-grid { - background-color: #fafafa; - color: rgb(92, 114, 138); + background-color: #fafafa; + color: rgb(92, 114, 138); } .light-theme .image-grid { - background-color: #fafafa; - color: rgb(92, 114, 138); + background-color: #fafafa; + color: rgb(92, 114, 138); } ol { - margin: 0 !important; + margin: 0 !important; } #watermark { - color: rgb(61, 180, 242); + color: rgb(61, 180, 242); } #wrapped-final { - height: auto; - width: 50%; + height: auto; + width: 50%; } #list-container { - display: flex; - gap: 1rem; - flex-wrap: wrap; - align-items: start; + display: flex; + gap: 1rem; + flex-wrap: wrap; + align-items: start; } .list { - flex-grow: 1; - flex-basis: 1%; + flex-grow: 1; + flex-basis: 1%; } #wrapped { - overflow-y: scroll; + overflow-y: scroll; } -- cgit v1.2.3