- ID de l'analyse :
- 12a81d7d-ae61-461c-ac63-77b1b6b64619Terminée
- URL soumise :
- https://story-safe-wiki.com/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 16 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| updateTable | function |
| generateUserId | function |
| getUserId | function |
| updateMemoriesTable | function |
| updateStatus | function |
| showError | function |
| initializePage | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hush House Catalogue</title>
<style>
/*!
* chota.css v0.9.2 | MIT License | https://github.com/jenil/chota
*/
:root {
--bg-color: #fff;
--bg-secondary-color: #f3f3f6;
--color-primary: #14854f;
--color-lightGrey: #d2d6dd;
--color-grey: #747681;
--color-darkGrey: #3f4144;
--color-error: #d43939;
--color-success: #28bd14;
--grid-maxWidth: 120rem;
--grid-gutter: 2rem;
--font-size: 1.6rem;
--font-color: #333;
--font-family-sans: -apple-system, "BlinkMacSystemFont", "Avenir",
"Avenir Next", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
line-height: 1.15;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background-color: var(--bg-color);
color: var(--font-color);
font-family: Segoe UI, Helvetica Neue, sans-serif;
font-family: var(--font-family-sans);
font-size: var(--font-size);
line-height: 1.6;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
margin: 0.35em 0 0.7em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.85em;
}
a {
color: var(--color-primary);
text-decoration: none;
}
a:hover:not(.button) {
opacity: 0.75;
}
button {
font-family: inherit;
}
p {
margin-top: 0;
}
blockquote {
background-color: var(--bg-secondary-color);
border-left: 3px solid var(--color-lightGrey);
padding: 1.5rem 2rem;
}
dl dt {
font-weight: 700;
}
hr {
background-color: var(--color-lightGrey);
height: 1px;
margin: 1rem 0;
}
hr,
table {
border: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
text-align: left;
width: 100%;
}
table.striped tr:nth-of-type(2n) {
background-color: var(--bg-secondary-color);
}
td,
th {
padding: 1.2rem 0.4rem;
vertical-align: middle;
}
thead {
border-bottom: 2px solid var(--color-lightGrey);
}
tfoot {
border-top: 2px solid var(--color-lightGrey);
}
code,
kbd,
pre,
samp,
tt {
font-family: var(--font-family-mono);
}
code,
kbd {
border-radius: 4px;
color: var(--color-error);
font-size: 90%;
padding: 0.2em 0.4em;
white-space: pre-wrap;
}
code,
kbd,
pre {
background-color: var(--bg-secondary-color);
}
pre {
font-size: 1em;
overflow-x: auto;
padding: 1rem;
}
pre code {
background: none;
padding: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
img {
max-width: 100%;
}
fieldset {
border: 1px solid var(--color-lightGrey);
}
iframe {
border: 0;
}
.container {
margin: 0 auto;
max-width: var(--grid-maxWidth);
padding: 0 calc(var(--grid-gutter) / 2);
width: 96%;
}
.row {
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
margin-left: calc(var(--grid-gutter) / -2);
margin-right: calc(var(--grid-gutter) / -2);
}
.row,
.row.reverse {
-webkit-box-orient: horizontal;
}
.row.reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.col,
[class*=" col-"],
[class^="col-"] {
margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
}
.col-1 {
-ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
flex: 0 0 calc(8.33333% - var(--grid-gutter));
max-width: calc(8.33333% - var(--grid-gutter));
}
.col-1,
.col-2 {
-webkit-box-flex: 0;
}
.col-2 {
-ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
flex: 0 0 calc(16.66667% - var(--grid-gutter));
max-width: calc(16.66667% - var(--grid-gutter));
}
.col-3 {
-ms-flex: 0 0 calc(25% - var(--grid-gutter));
flex: 0 0 calc(25% - var(--grid-gutter));
max-width: calc(25% - var(--grid-gutter));
}
.col-3,
.col-4 {
-webkit-box-flex: 0;
}
.col-4 {
-ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
flex: 0 0 calc(33.33333% - var(--grid-gutter));
max-width: calc(33.33333% - var(--grid-gutter));
}
.col-5 {
-ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
flex: 0 0 calc(41.66667% - var(--grid-gutter));
max-width: calc(41.66667% - var(--grid-gutter));
}
.col-5,
.col-6 {
-webkit-box-flex: 0;
}
.col-6 {
-ms-flex: 0 0 calc(50% - var(--grid-gutter));
flex: 0 0 calc(50% - var(--grid-gutter));
max-width: calc(50% - var(--grid-gutter));
}
.col-7 {
-ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
flex: 0 0 calc(58.33333% - var(--grid-gutter));
max-width: calc(58.33333% - var(--grid-gutter));
}
.col-7,
.col-8 {
-webkit-box-flex: 0;
}
.col-8 {
-ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
flex: 0 0 calc(66.66667% - var(--grid-gutter));
max-width: calc(66.66667% - var(--grid-gutter));
}
.col-9 {
-ms-flex: 0 0 calc(75% - var(--grid-gutter));
flex: 0 0 calc(75% - var(--grid-gutter));
max-width: calc(75% - var(--grid-gutter));
}
.col-10,
.col-9 {
-webkit-box-flex: 0;
}
.col-10 {
-ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
flex: 0 0 calc(83.33333% - var(--grid-gutter));
max-width: calc(83.33333% - var(--grid-gutter));
}
.col-11 {
-ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
flex: 0 0 calc(91.66667% - var(--grid-gutter));
max-width: calc(91.66667% - var(--grid-gutter));
}
.col-11,
.col-12 {
-webkit-box-flex: 0;
}
.col-12 {
-ms-flex: 0 0 calc(100% - var(--grid-gutter));
flex: 0 0 calc(100% - var(--grid-gutter));
max-width: calc(100% - var(--grid-gutter));
}
@media screen and (max-width: 599px) {
.container {
width: 100%;
}
.col,
[class*="col-"],
[class^="col-"] {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
}
@media screen and (min-width: 900px) {
.col-1-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
flex: 0 0 calc(8.33333% - var(--grid-gutter));
max-width: calc(8.33333% - var(--grid-gutter));
}
.col-2-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
flex: 0 0 calc(16.66667% - var(--grid-gutter));
max-width: calc(16.66667% - var(--grid-gutter));
}
.col-3-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - var(--grid-gutter));
flex: 0 0 calc(25% - var(--grid-gutter));
max-width: calc(25% - var(--grid-gutter));
}
.col-4-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
flex: 0 0 calc(33.33333% - var(--grid-gutter));
max-width: calc(33.33333% - var(--grid-gutter));
}
.col-5-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
flex: 0 0 calc(41.66667% - var(--grid-gutter));
max-width: calc(41.66667% - var(--grid-gutter));
}
.col-6-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - var(--grid-gutter));
flex: 0 0 calc(50% - var(--grid-gutter));
max-width: calc(50% - var(--grid-gutter));
}
.col-7-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
flex: 0 0 calc(58.33333% - var(--grid-gutter));
max-width: calc(58.33333% - var(--grid-gutter));
}
.col-8-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
flex: 0 0 calc(66.66667% - var(--grid-gutter));
max-width: calc(66.66667% - var(--grid-gutter));
}
.col-9-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(75% - var(--grid-gutter));
flex: 0 0 calc(75% - var(--grid-gutter));
max-width: calc(75% - var(--grid-gutter));
}
.col-10-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
flex: 0 0 calc(83.33333% - var(--grid-gutter));
max-width: calc(83.33333% - var(--grid-gutter));
}
.col-11-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
flex: 0 0 calc(91.66667% - var(--grid-gutter));
max-width: calc(91.66667% - var(--grid-gutter));
}
.col-12-md {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - var(--grid-gutter));
flex: 0 0 calc(100% - var(--grid-gutter));
max-width: calc(100% - var(--grid-gutter));
}
}
@media screen and (min-width: 1200px) {
.col-1-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
flex: 0 0 calc(8.33333% - var(--grid-gutter));
max-width: calc(8.33333% - var(--grid-gutter));
}
.col-2-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
flex: 0 0 calc(16.66667% - var(--grid-gutter));
max-width: calc(16.66667% - var(--grid-gutter));
}
.col-3-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - var(--grid-gutter));
flex: 0 0 calc(25% - var(--grid-gutter));
max-width: calc(25% - var(--grid-gutter));
}
.col-4-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
flex: 0 0 calc(33.33333% - var(--grid-gutter));
max-width: calc(33.33333% - var(--grid-gutter));
}
.col-5-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
flex: 0 0 calc(41.66667% - var(--grid-gutter));
max-width: calc(41.66667% - var(--grid-gutter));
}
.col-6-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - var(--grid-gutter));
flex: 0 0 calc(50% - var(--grid-gutter));
max-width: calc(50% - var(--grid-gutter));
}
.col-7-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
flex: 0 0 calc(58.33333% - var(--grid-gutter));
max-width: calc(58.33333% - var(--grid-gutter));
}
.col-8-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
flex: 0 0 calc(66.66667% - var(--grid-gutter));
max-width: calc(66.66667% - var(--grid-gutter));
}
.col-9-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(75% - var(--grid-gutter));
flex: 0 0 calc(75% - var(--grid-gutter));
max-width: calc(75% - var(--grid-gutter));
}
.col-10-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
flex: 0 0 calc(83.33333% - var(--grid-gutter));
max-width: calc(83.33333% - var(--grid-gutter));
}
.col-11-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
flex: 0 0 calc(91.66667% - var(--grid-gutter));
max-width: calc(91.66667% - var(--grid-gutter));
}
.col-12-lg {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - var(--grid-gutter));
flex: 0 0 calc(100% - var(--grid-gutter));
max-width: calc(100% - var(--grid-gutter));
}
}
fieldset {
padding: 0.5rem 2rem;
}
legend {
font-size: 0.8em;
letter-spacing: 0.1rem;
text-transform: uppercase;
}
input:not(
[type="checkbox"],
[type="radio"],
[type="submit"],
[type="color"],
[type="button"],
[type="reset"]
),
select,
textarea,
textarea[type="text"] {
border: 1px solid var(--color-lightGrey);
border-radius: 4px;
display: block;
font-family: inherit;
font-size: 1em;
padding: 0.8rem 1rem;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #f3f3f6 no-repeat 100%;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>");
background-origin: content-box;
background-size: 1ex;
}
.button,
[type="button"],
[type="reset"],
[type="submit"],
button {
background: var(--color-lightGrey);
border: 1px solid transparent;
border-radius: 4px;
color: var(--color-darkGrey);
cursor: pointer;
display: inline-block;
font-size: var(--font-size);
line-height: 1;
padding: 1rem 2.5rem;
text-align: center;
text-decoration: none;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.button.dark,
.button.error,
.button.primary,
.button.secondary,
.button.success,
[type="submit"] {
background-color: #000;
background-color: var(--color-primary);
color: #fff;
z-index: 1;
}
.button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
button:hover {
opacity: 0.8;
}
button:disabled,
button:disabled:hover,
input:disabled,
input:disabled:hover {
cursor: not-allowed;
opacity: 0.4;
}
.grouped {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.grouped > :not(:last-child) {
margin-right: 16px;
}
.grouped.gapless > * {
border-radius: 0 !important;
margin: 0 0 0 -1px !important;
}
.grouped.gapless > :first-child {
border-radius: 4px 0 0 4px !important;
margin: 0 !important;
}
.grouped.gapless > :last-child {
border-radius: 0 4px 4px 0 !important;
}
input:not(
[type="checkbox"],
[type="radio"],
[type="submit"],
[type="color"],
[type="button"],
[type="reset"],
:disabled
):hover,
select:hover,
textarea:hover,
textarea[type="text"]:hover {
border-color: var(--color-grey);
}
input:not(
[type="checkbox"],
[type="radio"],
[type="submit"],
[type="color"],
[type="button"],
[type="reset"]
):focus,
select:focus,
textarea:focus,
textarea[type="text"]:focus {
border-color: var(--color-primary);
-webkit-box-shadow: 0 0 1px var(--color-primary);
box-shadow: 0 0 1px var(--color-primary);
outline: none;
}
input.error:not(
[type="checkbox"],
[type="radio"],
[type="submit"],
[type="color"],
[type="button"],
[type="reset"]
),
textarea.error {
border-color: var(--color-error);
}
input.success:not(
[type="checkbox"],
[type="radio"],
[type="submit"],
[type="color"],
[type="button"],
[type="reset"]
),
textarea.success {
border-color: var(--color-success);
}
[type="checkbox"],
[type="radio"] {
height: 3.2rem;
width: 4rem;
}
.button + .button {
margin-left: 1rem;
}
.button.secondary {
background-color: var(--color-grey);
}
.button.dark {
background-color: var(--color-darkGrey);
}
.button.error {
background-color: var(--color-error);
}
.button.success {
background-color: var(--color-success);
}
.button.outline {
background-color: transparent;
border-color: var(--color-lightGrey);
}
.button.outline.primary {
border-color: var(--color-primary);
color: var(--color-primary);
}
.button.outline.secondary {
border-color: var(--color-grey);
color: var(--color-grey);
}
.button.outline.dark {
border-color: var(--color-darkGrey);
color: var(--color-darkGrey);
}
.button.clear {
background-color: transparent;
border-color: transparent;
color: var(--color-primary);
}
.button.icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.button.icon > img {
margin-left: 2px;
}
.button.icon-only {
padding: 1rem;
}
.button:active:not(:disabled),
[type="button"]:active:not(:disabled),
[type="reset"]:active:not(:disabled),
[type="submit"]:active:not(:disabled),
button:active:not(:disabled) {
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
::-webkit-input-placeholder {
color: #bdbfc4;
}
::-moz-placeholder {
color: #bdbfc4;
}
:-ms-input-placeholder {
color: #bdbfc4;
}
::-ms-input-placeholder {
color: #bdbfc4;
}
::placeholder {
color: #bdbfc4;
}
.nav {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 5rem;
}
.nav img {
max-height: 3rem;
}
.nav-center,
.nav-left,
.nav-right,
.nav > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nav-center,
.nav-left,
.nav-right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.nav-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nav-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.nav-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 480px) {
.nav,
.nav > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nav-center,
.nav-left,
.nav-right {
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
}
.nav .brand,
.nav a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-darkGrey);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1rem 2rem;
text-decoration: none;
}
.nav .active:not(.button),
.nav [aria-current="page"]:not(.button) {
color: #000;
color: var(--color-primary);
}
.nav .brand {
font-size: 1.75em;
padding-bottom: 0;
padding-top: 0;
}
.nav .brand img {
padding-right: 1rem;
}
.nav .button {
margin: auto 1rem;
}
.card {
background: var(--bg-color);
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px var(--color-grey);
box-shadow: 0 1px 3px var(--color-grey);
padding: 1rem 2rem;
}
.card p:last-child {
margin: 0;
}
.card header > * {
margin-bottom: 1rem;
margin-top: 0;
}
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs a {
text-decoration: none;
}
.tabs > .dropdown > summary,
.tabs > a {
-webkit-box-flex: 0;
border-bottom: 2px solid var(--color-lightGrey);
color: var(--color-darkGrey);
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 1rem 2rem;
text-align: center;
}
.tabs > a:hover {
border-bottom: 2px solid var(--color-darkGrey);
opacity: 1;
}
.tabs > a[aria-selected="true"] {
color: var(--color-primary);
border-bottom: 2px solid var(--color-primary);
opacity: 1;
}
.tabs.is-full a {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.tag {
border: 1px solid var(--color-lightGrey);
color: var(--font-color);
display: inline-block;
letter-spacing: 0.5px;
line-height: 1;
padding: 0.5rem;
text-transform: uppercase;
}
.tag.is-small {
font-size: 0.75em;
padding: 0.4rem;
}
.tag.is-large {
font-size: 1.125em;
padding: 0.7rem;
}
.tag + .tag {
margin-left: 1rem;
}
details.dropdown {
display: inline-block;
position: relative;
}
details.dropdown > :last-child {
left: 0;
position: absolute;
white-space: nowrap;
}
.bg-primary {
background-color: var(--color-primary) !important;
}
.bg-light {
background-color: var(--color-lightGrey) !important;
}
.bg-dark {
background-color: var(--color-darkGrey) !important;
}
.bg-grey {
background-color: var(--color-grey) !important;
}
.bg-error {
background-color: var(--color-error) !important;
}
.bg-success {
background-color: var(--color-success) !important;
}
.bd-primary {
border: 1px solid var(--color-primary) !important;
}
.bd-light {
border: 1px solid var(--color-lightGrey) !important;
}
.bd-dark {
border: 1px solid var(--color-darkGrey) !important;
}
.bd-grey {
border: 1px solid var(--color-grey) !important;
}
.bd-error {
border: 1px solid var(--color-error) !important;
}
.bd-success {
border: 1px solid var(--color-success) !important;
}
.text-primary {
color: var(--color-primary) !important;
}
.text-light {
color: var(--color-lightGrey) !important;
}
.text-dark {
color: var(--color-darkGrey) !important;
}
.text-grey {
color: var(--color-grey) !important;
}
.text-error {
color: var(--color-error) !important;
}
.text-success {
color: var(--color-success) !important;
}
.text-white {
color: #fff !important;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-uppercase {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
.text-capitalize {
text-transform: capitalize;
}
.is-full-screen {
min-height: 100vh;
width: 100%;
}
.is-full-width {
width: 100% !important;
}
.is-vertical-align {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.is-center,
.is-horizontal-align {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.is-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.is-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-left,
.is-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.is-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-fixed {
position: fixed;
width: 100%;
}
.is-paddingless {
padding: 0 !important;
}
.is-marginless {
margin: 0 !important;
}
.is-pointer {
cursor: pointer !important;
}
.is-rounded {
border-radius: 100%;
}
.clearfix {
clear: both;
content: "";
display: table;
}
.is-hidden {
display: none !important;
}
@media screen and (max-width: 599px) {
.hide-xs {
display: none !important;
}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
.hide-sm {
display: none !important;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.hide-md {
display: none !important;
}
}
@media screen and (min-width: 1200px) {
.hide-lg {
display: none !important;
}
}
@media print {
.hide-pr {
display: none !important;
}
}
.checkbox-cell {
text-align: center;
}
.aspect-tag {
width: 32px;
height: 32px;
font-size: large;
}
.aspects-cell {
min-width: 120px;
text-align: center;
}
.aspect-container {
display: flex;
flex-direction: column;
align-items: center;
}
.aspects-row {
display: flex;
gap: 8px;
justify-content: center;
flex-wrap: wrap;
}
.tables-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 2rem;
margin-top: 2rem;
}
.table-title {
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--color-primary);
}
.memory-cell {
cursor: pointer;
transition: color 0.2s ease;
}
.memory-cell:hover {
color: var(--color-primary);
}
</style>
</head>
<body>
<div class="container">
<header class="text-center">
<h1>Hush House Catalogue</h1>
</header>
<div class="grouped">
<input type="search" name="input__text6" id="searchInput" placeholder="Search">
<button class="button icon-only" onclick="performSearch()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</div>
<div class="tables-grid">
<div class="">
<nav class="nav table-title">
<div class="nav-left">
<h2 class="text-center">Books</h2>
</div>
<div class="nav-right">
<div class="tabs">
<a href="#allbooks" id="allbooks-tab" aria-selected="true">All books</a>
<a href="#owned" id="owned-tab" aria-selected="false">Owned</a>
<a href="#mastered" id="mastered-tab" aria-selected="false">Mastered</a>
</div>
</div>
</nav>
<div class="container">
<table class="striped">
<thead>
<tr class="text-center">
<th>Title</th>
<th>Aspect</th>
<th>Owned</th>
<th>Mastered</th>
<th>Memory</th>
<th>Memory Aspects</th>
</tr>
</thead>
<tbody id="catalogueTableBody"><tr>
<td>A Catalogue of Uncharted Pleasures</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Catalogue of Uncharted Pleasures">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Catalogue of Uncharted Pleasures">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Child's Treasury of Golden Afternoons</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Child's Treasury of Golden Afternoons">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Child's Treasury of Golden Afternoons">
</td>
<td>Numen: Merciless Alteration</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>A Descent of the Shell</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Descent of the Shell">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Descent of the Shell">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Advice on Containment</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Advice on Containment">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Advice on Containment">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Against the Sisterhood of the Knot and the Foulness of their Depraved Customs</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Against the Sisterhood of the Knot and the Foulness of their Depraved Customs">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Against the Sisterhood of the Knot and the Foulness of their Depraved Customs">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Against Vitruvius</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Against Vitruvius">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Against Vitruvius">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>A Journey to the Grove</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Journey to the Grove">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Journey to the Grove">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Light in the Inkwell</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Light in the Inkwell">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Light in the Inkwell">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Manual for Departure</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Manual for Departure">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Manual for Departure">
</td>
<td>Secret Threshold</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Ambrosial!</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Ambrosial!">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Ambrosial!">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Amiranis Beteli</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Amiranis Beteli">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Amiranis Beteli">
</td>
<td>Numen: the Bells of Ys</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>An Almanac of Entrances</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="An Almanac of Entrances">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="An Almanac of Entrances">
</td>
<td>Secret Threshold</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>An Echo of Silence</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="An Echo of Silence">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="An Echo of Silence">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>An Exorcist's Field Manual</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="An Exorcist's Field Manual">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="An Exorcist's Field Manual">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>An Impertinent Vitulation</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="An Impertinent Vitulation">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="An Impertinent Vitulation">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>An Introduction to Histories</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="An Introduction to Histories">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="An Introduction to Histories">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>An Investigation of A Foundered Country</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="An Investigation of A Foundered Country">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="An Investigation of A Foundered Country">
</td>
<td>Memory: A Stolen Secret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Annals of St Brandan's</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Annals of St Brandan's">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Annals of St Brandan's">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Novel Method for Invocation & Contrition</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Novel Method for Invocation & Contrition">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Novel Method for Invocation & Contrition">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Pale Lady and a Prince of Wines</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Pale Lady and a Prince of Wines">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Pale Lady and a Prince of Wines">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Apollo and Marsyas</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Apollo and Marsyas">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Apollo and Marsyas">
</td>
<td>Memory: Storm</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Ascite Supplications</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Ascite Supplications">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Ascite Supplications">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Second Glory</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Second Glory">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Second Glory">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Seventh Voice</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Seventh Voice">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Seventh Voice">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Shape in Smoke</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Shape in Smoke">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Shape in Smoke">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>As The Sun His Course</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="As The Sun His Course">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="As The Sun His Course">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>A Tower Falls</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Tower Falls">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Tower Falls">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A Tower Rises</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A Tower Rises">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A Tower Rises">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A True and Complete Accounting of the Asclepian Mysteries of the Roots of the House</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A True and Complete Accounting of the Asclepian Mysteries of the Roots of the House">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A True and Complete Accounting of the Asclepian Mysteries of the Roots of the House">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>A True History of Valentine Dewulf</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="A True History of Valentine Dewulf">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="A True History of Valentine Dewulf">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Bancroft Diaries</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Bancroft Diaries">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Bancroft Diaries">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Black Nephrite</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Black Nephrite">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Black Nephrite">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Book of Miah</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Book of Miah">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Book of Miah">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Book of True Blood</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Book of True Blood">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Book of True Blood">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>By Their Marks Shall Ye Know them</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="By Their Marks Shall Ye Know them">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="By Their Marks Shall Ye Know them">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Calicite Supplications</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Calicite Supplications">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Calicite Supplications">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Cardea's Delights</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Cardea's Delights">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Cardea's Delights">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Chione at Abydos</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Chione at Abydos">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Chione at Abydos">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Codex Acephali</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Codex Acephali">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Codex Acephali">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Collected Hush House Lectures</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Collected Hush House Lectures">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Collected Hush House Lectures">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>COLOURS IN THE LIVER</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="COLOURS IN THE LIVER">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="COLOURS IN THE LIVER">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Commandments For the Preservation of All That Exists</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Commandments For the Preservation of All That Exists">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Commandments For the Preservation of All That Exists">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Cucurbit Prisoner Records 1927</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Cucurbit Prisoner Records 1927">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Cucurbit Prisoner Records 1927">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Cucurbit Prisoner Records 1928</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Cucurbit Prisoner Records 1928">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Cucurbit Prisoner Records 1928">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Damascene Traditions of the House of Lethe</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Damascene Traditions of the House of Lethe">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Damascene Traditions of the House of Lethe">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Deaths and their Evasions</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Deaths and their Evasions">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Deaths and their Evasions">
</td>
<td>Memory: A Stolen Secret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>De Bellis Murorum</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="De Bellis Murorum">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="De Bellis Murorum">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>De Horis book 1</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="De Horis book 1">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="De Horis book 1">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>De Horis book 2</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="De Horis book 2">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="De Horis book 2">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>De Horis book 3</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="De Horis book 3">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="De Horis book 3">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>De motu corporum vetitorum</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="De motu corporum vetitorum">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="De motu corporum vetitorum">
</td>
<td>Memory: Storm</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>De Ratio Quercuum</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="De Ratio Quercuum">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="De Ratio Quercuum">
</td>
<td>Earth-Sign</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Each Flame His Fuel</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Each Flame His Fuel">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Each Flame His Fuel">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Echidnalia</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">21</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Echidnalia">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Echidnalia">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Enchiridion Tragularis</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Enchiridion Tragularis">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Enchiridion Tragularis">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Ettery After</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Ettery After">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Ettery After">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Eva's Treasury</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Eva's Treasury">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Eva's Treasury">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Exercises in the Continuity of Self</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Exercises in the Continuity of Self">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Exercises in the Continuity of Self">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Exorcism for Girls</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Exorcism for Girls">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Exorcism for Girls">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>EXPERIMENT BEYOND SIGHT</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="EXPERIMENT BEYOND SIGHT">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="EXPERIMENT BEYOND SIGHT">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Fekri's Herbary</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Fekri's Herbary">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Fekri's Herbary">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Five Creations</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Five Creations">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Five Creations">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>From History to Eternity</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="From History to Eternity">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="From History to Eternity">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Glimmerings</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Glimmerings">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Glimmerings">
</td>
<td>Bittersweet Certainty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Gospel of Nicodemus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Gospel of Nicodemus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Gospel of Nicodemus">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Green Jasper Tablet</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Green Jasper Tablet">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Green Jasper Tablet">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Honey: the Comprehensive Guide</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Honey: the Comprehensive Guide">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Honey: the Comprehensive Guide">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>How the End will Begin</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="How the End will Begin">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="How the End will Begin">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Hunting Journals of Bryan Dewulf</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Hunting Journals of Bryan Dewulf">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Hunting Journals of Bryan Dewulf">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Inaam, Kapigiginlupir, Garkie, Cryppys</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Inaam, Kapigiginlupir, Garkie, Cryppys">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Inaam, Kapigiginlupir, Garkie, Cryppys">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>In Memory of Gods</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="In Memory of Gods">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="In Memory of Gods">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>In the Malleary</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="In the Malleary">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="In the Malleary">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>In The Mountains As Upon The Plain There May Not Be A Path Where None Has Passed</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="In The Mountains As Upon The Plain There May Not Be A Path Where None Has Passed">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="In The Mountains As Upon The Plain There May Not Be A Path Where None Has Passed">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Isaac of Karth's History of the Shadowless Kings</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Isaac of Karth's History of the Shadowless Kings">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Isaac of Karth's History of the Shadowless Kings">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>It Is Written</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="It Is Written">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="It Is Written">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Journal of Sir David Greene, 1903</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Journal of Sir David Greene, 1903">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Journal of Sir David Greene, 1903">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Journal of Thomas Dewulf</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Journal of Thomas Dewulf">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Journal of Thomas Dewulf">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Journal of Walter Dewulf</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Journal of Walter Dewulf">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Journal of Walter Dewulf">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Just Verse</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Just Verse">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Just Verse">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Key of Night</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Key of Night">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Key of Night">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Kitling Ripe and the Moldywarp's Grave (and Other Stories)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Kitling Ripe and the Moldywarp's Grave (and Other Stories)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Kitling Ripe and the Moldywarp's Grave (and Other Stories)">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Kitling Ripe's Tasty Treats</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Kitling Ripe's Tasty Treats">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Kitling Ripe's Tasty Treats">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Kopralith Omphalos</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Kopralith Omphalos">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Kopralith Omphalos">
</td>
<td>Numen: Weaving the World</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>Lady Eva's Repose</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Lady Eva's Repose">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Lady Eva's Repose">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Lake Fucino Recordings</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Lake Fucino Recordings">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Lake Fucino Recordings">
</td>
<td>Beguiling Melody</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Letters from a Fugitive</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Letters from a Fugitive">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Letters from a Fugitive">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Letters To My Successor</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Letters To My Successor">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Letters To My Successor">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Malachite Supplications</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Malachite Supplications">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Malachite Supplications">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Medusan Commentaries</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">21</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Medusan Commentaries">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Medusan Commentaries">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Medusa's Lament</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Medusa's Lament">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Medusa's Lament">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Musgrave's Sketches</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Musgrave's Sketches">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Musgrave's Sketches">
</td>
<td>Bittersweet Certainty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>My Deeds, My Powers, My Achievements and the Injustices Perpetrated Against Me</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="My Deeds, My Powers, My Achievements and the Injustices Perpetrated Against Me">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="My Deeds, My Powers, My Achievements and the Injustices Perpetrated Against Me">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Naenian Sketches</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">21</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Naenian Sketches">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Naenian Sketches">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Nix Abolix</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Nix Abolix">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Nix Abolix">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Notes on Bindings</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Notes on Bindings">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Notes on Bindings">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Nyn's Cages (Avignon Text)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Nyn's Cages (Avignon Text)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Nyn's Cages (Avignon Text)">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Nyn's Cages (Bruges Text, Illuminated)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Nyn's Cages (Bruges Text, Illuminated)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Nyn's Cages (Bruges Text, Illuminated)">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Oblations in Iron</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Oblations in Iron">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Oblations in Iron">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Observations on the Peacock Door</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Observations on the Peacock Door">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Observations on the Peacock Door">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>OGHKOR OGHKOR TISSILAK OGHKOR</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="OGHKOR OGHKOR TISSILAK OGHKOR">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="OGHKOR OGHKOR TISSILAK OGHKOR">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Old Coppernose and the Softer Metal</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Old Coppernose and the Softer Metal">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Old Coppernose and the Softer Metal">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>One Hundred And Eight</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="One Hundred And Eight">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="One Hundred And Eight">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>One Thousand Threads</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="One Thousand Threads">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="One Thousand Threads">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>On Imperfections</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On Imperfections">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On Imperfections">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>On Matthias and the Amethyst Imago: Loss</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On Matthias and the Amethyst Imago: Loss">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On Matthias and the Amethyst Imago: Loss">
</td>
<td>Memory: A Stolen Secret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On Matthias and the Amethyst Imago: Pursuit</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On Matthias and the Amethyst Imago: Pursuit">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On Matthias and the Amethyst Imago: Pursuit">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On Matthias and the Amethyst Imago: Transformation</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On Matthias and the Amethyst Imago: Transformation">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On Matthias and the Amethyst Imago: Transformation">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On Resonance</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On Resonance">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On Resonance">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On the Matter and the Deeds of Serpents</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On the Matter and the Deeds of Serpents">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On the Matter and the Deeds of Serpents">
</td>
<td>Secret Threshold</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>On the White</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On the White">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On the White">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On the Winding Stair</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On the Winding Stair">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On the Winding Stair">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On Thirstlies, Ivories and Lovelies</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On Thirstlies, Ivories and Lovelies">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On Thirstlies, Ivories and Lovelies">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>On What is Contained By Silver</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="On What is Contained By Silver">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="On What is Contained By Silver">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Opening the Sky</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Opening the Sky">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Opening the Sky">
</td>
<td>Cheerful Ditty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Operations of a Certain Finality</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Operations of a Certain Finality">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Operations of a Certain Finality">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Opus Magnum Caeruleum</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Opus Magnum Caeruleum">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Opus Magnum Caeruleum">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Perugian Diaries</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Perugian Diaries">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Perugian Diaries">
</td>
<td>Cheerful Ditty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Plantagenet Mysteries</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">21</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Plantagenet Mysteries">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Plantagenet Mysteries">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Prophecies of Glory</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Prophecies of Glory">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Prophecies of Glory">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Quirinic Meditations</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">21</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Quirinic Meditations">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Quirinic Meditations">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Rapt in the King</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Rapt in the King">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Rapt in the King">
</td>
<td>Earth-Sign</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Recordings from the Althiban Abyss</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Recordings from the Althiban Abyss">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Recordings from the Althiban Abyss">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Serpent-Root</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Serpent-Root">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Serpent-Root">
</td>
<td>Numen: Loopholes</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>Seven Faces of Icarus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Seven Faces of Icarus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Seven Faces of Icarus">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Seven Shards</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Seven Shards">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Seven Shards">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Shuritic Book of Suns</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Shuritic Book of Suns">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Shuritic Book of Suns">
</td>
<td>Numen: the Great Counterfeit</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>Singlefoot Songs</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Singlefoot Songs">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Singlefoot Songs">
</td>
<td>Savage Hymn</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Skin of Silver</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Skin of Silver">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Skin of Silver">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Snare of the Tree: Collected Proverbs of Aunt Mopsy</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Snare of the Tree: Collected Proverbs of Aunt Mopsy">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Snare of the Tree: Collected Proverbs of Aunt Mopsy">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Stolen Histories</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Stolen Histories">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Stolen Histories">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Sunrise Awakenings</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Sunrise Awakenings">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Sunrise Awakenings">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Sunset Celia and the End of Days</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Sunset Celia and the End of Days">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Sunset Celia and the End of Days">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Sunset Passages</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Sunset Passages">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Sunset Passages">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Account of Kanishk at the Spider's Door</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Account of Kanishk at the Spider's Door">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Account of Kanishk at the Spider's Door">
</td>
<td>Memory: A Stolen Secret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Admonitory Automata Project</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Admonitory Automata Project">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Admonitory Automata Project">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Alloy of the White Rose</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Alloy of the White Rose">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Alloy of the White Rose">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Amalgam of the Red Rose</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Amalgam of the Red Rose">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Amalgam of the Red Rose">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Ascendant</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Ascendant">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Ascendant">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Barrowchild's Elegies</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Barrowchild's Elegies">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Barrowchild's Elegies">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Bee-Keeper's Ends</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Bee-Keeper's Ends">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Bee-Keeper's Ends">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Berrybook</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Berrybook">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Berrybook">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Black Book of Brittany</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Black Book of Brittany">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Black Book of Brittany">
</td>
<td>Bittersweet Certainty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of Cinders</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of Cinders">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of Cinders">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of Dissolution</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of Dissolution">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of Dissolution">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of Masks</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of Masks">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of Masks">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of the Centipede</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of the Centipede">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of the Centipede">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of the Extinguished Heart</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of the Extinguished Heart">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of the Extinguished Heart">
</td>
<td>Bittersweet Certainty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of the White Cat</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of the White Cat">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of the White Cat">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Book of Thrones</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Book of Thrones">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Book of Thrones">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Burning Woman</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Burning Woman">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Burning Woman">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Carbonek Schism</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Carbonek Schism">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Carbonek Schism">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Carmine Petal: Revised</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Carmine Petal: Revised">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Carmine Petal: Revised">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Carmine Petal: Unexpurgated</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Carmine Petal: Unexpurgated">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Carmine Petal: Unexpurgated">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Ceaseless Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Ceaseless Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Ceaseless Tantra">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Chandler's Wish</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Chandler's Wish">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Chandler's Wish">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Concursum Diaries</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Concursum Diaries">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Concursum Diaries">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Crossing to Noon</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Crossing to Noon">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Crossing to Noon">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Deaths of the Moon</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Deaths of the Moon">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Deaths of the Moon">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Debate of Seven Cups</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Debate of Seven Cups">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Debate of Seven Cups">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Deeds of the Scarred Captain</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Deeds of the Scarred Captain">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Deeds of the Scarred Captain">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Devoured Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Devoured Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Devoured Tantra">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Dream of the Conspiracy of the Lower Skies</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Dream of the Conspiracy of the Lower Skies">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Dream of the Conspiracy of the Lower Skies">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Elations of Limentinus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Elations of Limentinus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Elations of Limentinus">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Encircling Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Encircling Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Encircling Tantra">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Fallen Cross</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Fallen Cross">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Fallen Cross">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Fire-Circle Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Fire-Circle Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Fire-Circle Tantra">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Five Letters On Memory</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Five Letters On Memory">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Five Letters On Memory">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Flayed Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Flayed Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Flayed Tantra">
</td>
<td>Memory: Storm</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Focus of Amber</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Focus of Amber">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Focus of Amber">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Geminiad i</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Geminiad i">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Geminiad i">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Geminiad ii</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Geminiad ii">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Geminiad ii">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Geminiad iii</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Geminiad iii">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Geminiad iii">
</td>
<td>Beguiling Melody</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Gospel of Zacchaeus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Gospel of Zacchaeus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Gospel of Zacchaeus">
</td>
<td>Memory: A Stolen Secret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Grand Passage of the Hours</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Grand Passage of the Hours">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Grand Passage of the Hours">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The High Mysteries of the Innermost Chamber of our Church Solar</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The High Mysteries of the Innermost Chamber of our Church Solar">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The High Mysteries of the Innermost Chamber of our Church Solar">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The High Traditions of the Noble Endeavour</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The High Traditions of the Noble Endeavour">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The High Traditions of the Noble Endeavour">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Hissing Key</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Hissing Key">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Hissing Key">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The History of Inks</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The History of Inks">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The History of Inks">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Humours of a Gentleman</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Humours of a Gentleman">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Humours of a Gentleman">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Incandescent Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Incandescent Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Incandescent Tantra">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Instruments of the Heart</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Instruments of the Heart">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Instruments of the Heart">
</td>
<td>Cheerful Ditty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Intimations of Skin</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Intimations of Skin">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Intimations of Skin">
</td>
<td>Beguiling Melody</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Invisible Opera (Unfinished Recording)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Invisible Opera (Unfinished Recording)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Invisible Opera (Unfinished Recording)">
</td>
<td>Cheerful Ditty</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Iron Book</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Iron Book">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Iron Book">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Ivory Book</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Ivory Book">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Ivory Book">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Kerisham Portolan</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Kerisham Portolan">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Kerisham Portolan">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Known-Unknown Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Known-Unknown Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Known-Unknown Tantra">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Larquebine Codex</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Larquebine Codex">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Larquebine Codex">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Leonine Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Leonine Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Leonine Tantra">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Lion and the Glass</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Lion and the Glass">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Lion and the Glass">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Locksmith's Dream: a Light through the Keyhole</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Locksmith's Dream: a Light through the Keyhole">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Locksmith's Dream: a Light through the Keyhole">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Locksmith's Dream: Incursus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Locksmith's Dream: Incursus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Locksmith's Dream: Incursus">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Locksmith's Dream: Portions and Proportions</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Locksmith's Dream: Portions and Proportions">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Locksmith's Dream: Portions and Proportions">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Locksmith's Dream: Stolen Reflections</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Locksmith's Dream: Stolen Reflections">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Locksmith's Dream: Stolen Reflections">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Locksmith's Dream: Trespasses</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Locksmith's Dream: Trespasses">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Locksmith's Dream: Trespasses">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Manner in which the Alchemist was Spared</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Manner in which the Alchemist was Spared">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Manner in which the Alchemist was Spared">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Messenger Awaiting Her Destination</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Messenger Awaiting Her Destination">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Messenger Awaiting Her Destination">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Mirror of Melancthe</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Mirror of Melancthe">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Mirror of Melancthe">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Moon's Egg</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Moon's Egg">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Moon's Egg">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Morphy Codex</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Morphy Codex">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Morphy Codex">
</td>
<td>Beguiling Melody</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Most Sorrowful End of the Lady Nonna</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Most Sorrowful End of the Lady Nonna">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Most Sorrowful End of the Lady Nonna">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>THE OPEN HEAD</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="THE OPEN HEAD">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="THE OPEN HEAD">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Orchid Transfigurations: a Birth</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Orchid Transfigurations: a Birth">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Orchid Transfigurations: a Birth">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Orchid Transfigurations: a Feast</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Orchid Transfigurations: a Feast">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Orchid Transfigurations: a Feast">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Orchid Transfigurations: Noon</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Orchid Transfigurations: Noon">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Orchid Transfigurations: Noon">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Origins of Hours</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Origins of Hours">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Origins of Hours">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Other Eye of the Serpent</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Other Eye of the Serpent">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Other Eye of the Serpent">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Other Line</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Other Line">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Other Line">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Queens of the Rivers</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Queens of the Rivers">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Queens of the Rivers">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Queen's Turn</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Queen's Turn">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Queen's Turn">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Radical Measure</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Radical Measure">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Radical Measure">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Radical Measure (Glossed)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Radical Measure (Glossed)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Radical Measure (Glossed)">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Raptures of Forculus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Raptures of Forculus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Raptures of Forculus">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Red Book of Brittany</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Red Book of Brittany">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Red Book of Brittany">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Republic of Teeth</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Republic of Teeth">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Republic of Teeth">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Road to Janus</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Road to Janus">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Road to Janus">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Rose of Hypatia</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Rose of Hypatia">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Rose of Hypatia">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Rose of Nuriel</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Rose of Nuriel">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Rose of Nuriel">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Rose of Waznei</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Rose of Waznei">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Rose of Waznei">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Scar in the Sky</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Scar in the Sky">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Scar in the Sky">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sea Does Not Regret</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sea Does Not Regret">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sea Does Not Regret">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Secret Colours</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Secret Colours">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Secret Colours">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Serenity of the Black Wood</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Serenity of the Black Wood">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Serenity of the Black Wood">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sevenfold Slaying of the Seven-Coiled</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sevenfold Slaying of the Seven-Coiled">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sevenfold Slaying of the Seven-Coiled">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Shadow in the Stair</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Shadow in the Stair">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Shadow in the Stair">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Shaven Lock Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Shaven Lock Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Shaven Lock Tantra">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Silver Book</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Silver Book">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Silver Book">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Six Letters on Necessity</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Six Letters on Necessity">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Six Letters on Necessity">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Skeleton Songs</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Skeleton Songs">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Skeleton Songs">
</td>
<td>Beguiling Melody</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sky in the Scar</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sky in the Scar">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sky in the Scar">
</td>
<td>Numen: Back Into Balance</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sky, the Soul</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sky, the Soul">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sky, the Soul">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Songs of the Carapace Cross</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Songs of the Carapace Cross">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Songs of the Carapace Cross">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sun Disfigured</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sun Disfigured">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sun Disfigured">
</td>
<td>Numen: the Sun's Weakness</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sun's Design</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sun's Design">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sun's Design">
</td>
<td>Numen: the Paths of the Sun</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>The Sun's Lament</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Sun's Lament">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Sun's Lament">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Tantra of Worms</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Tantra of Worms">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Tantra of Worms">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Temptations of Architecture</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Temptations of Architecture">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Temptations of Architecture">
</td>
<td>Secret Threshold</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Thirsting Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Thirsting Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Thirsting Tantra">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Three and the Three (Kerisham Manuscript)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Three and the Three (Kerisham Manuscript)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Three and the Three (Kerisham Manuscript)">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Three and the Three (St Chiavi Manuscript)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Three and the Three (St Chiavi Manuscript)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Three and the Three (St Chiavi Manuscript)">
</td>
<td>Numen: Three Rules</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>The Three and the Three (Vatican Manuscript)</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Three and the Three (Vatican Manuscript)">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Three and the Three (Vatican Manuscript)">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Time of Division</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Time of Division">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Time of Division">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Treatise on Underplaces</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Treatise on Underplaces">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Treatise on Underplaces">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Tripled Heart</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Tripled Heart">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Tripled Heart">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Turquoise Hand</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Turquoise Hand">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Turquoise Hand">
</td>
<td>Numen: That Old Lost Music</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>The Twelve Letters On Consequence</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Twelve Letters On Consequence">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Twelve Letters On Consequence">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Twin-Serpent Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Twin-Serpent Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Twin-Serpent Tantra">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Victory of Crowns</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Victory of Crowns">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Victory of Crowns">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Viennese Conundra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Viennese Conundra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Viennese Conundra">
</td>
<td>Memory: Fear</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Vinzant Inscriptions</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Vinzant Inscriptions">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Vinzant Inscriptions">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Voyages of Ferninshun of Oreol</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Voyages of Ferninshun of Oreol">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Voyages of Ferninshun of Oreol">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The War of the Roads, 1451-1551</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The War of the Roads, 1451-1551">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The War of the Roads, 1451-1551">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Watchful Tantra</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Watchful Tantra">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Watchful Tantra">
</td>
<td>Memory: Revelation</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The White Book of Brittany</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The White Book of Brittany">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The White Book of Brittany">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Wind's Ruin</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Wind's Ruin">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Wind's Ruin">
</td>
<td>Beguiling Melody</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Wonderful Shape</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Wonderful Shape">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Wonderful Shape">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The World Despoil'd</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The World Despoil'd">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The World Despoil'd">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The World Does Not Weep</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The World Does Not Weep">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The World Does Not Weep">
</td>
<td>Memory: Hindsight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>The Wound-Wounds</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">18</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Wound-Wounds">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Wound-Wounds">
</td>
<td>Memory: Regret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>The Writing on the Wall</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="The Writing on the Wall">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="The Writing on the Wall">
</td>
<td>Numen: an Irresistible Feast</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>Those Indignities Perpetrated By the Deceitful Fraternity of Obliviates</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Those Indignities Perpetrated By the Deceitful Fraternity of Obliviates">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Those Indignities Perpetrated By the Deceitful Fraternity of Obliviates">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Those Who Do Not Sleep</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">12</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Those Who Do Not Sleep">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Those Who Do Not Sleep">
</td>
<td>Memory: Storm</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Three Flowers Hath the Tree</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Three Flowers Hath the Tree">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Three Flowers Hath the Tree">
</td>
<td>Memory: Gossip</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>To a Pale Lady</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="To a Pale Lady">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="To a Pale Lady">
</td>
<td>Memory: Salt</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Towards a Fundamental Aesthetic</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Towards a Fundamental Aesthetic">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Towards a Fundamental Aesthetic">
</td>
<td>Numen: Inescapable Confinement</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>Towards a Fundamental Aesthetic: Second Edition</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Towards a Fundamental Aesthetic: Second Edition">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Towards a Fundamental Aesthetic: Second Edition">
</td>
<td>Numen: a Final Understanding</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Winter.webp" alt="Winter">
<span class="tag aspect-tag">5</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">5</span>
</div>
</div>
</td>
</tr><tr>
<td>Travelling at Night, vol 1</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Travelling at Night, vol 1">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Travelling at Night, vol 1">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Travelling at Night, vol 2</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Travelling at Night, vol 2">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Travelling at Night, vol 2">
</td>
<td>Memory: Solace</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Travelling at Night, vol 3</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Travelling at Night, vol 3">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Travelling at Night, vol 3">
</td>
<td>Memory: Pattern</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Twenty-Six Enticements, Seven Torments</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Twenty-Six Enticements, Seven Torments">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Twenty-Six Enticements, Seven Torments">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Two Wombs, One Heart</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Two Wombs, One Heart">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Two Wombs, One Heart">
</td>
<td>Memory: Satisfaction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Grail.webp" alt="Grail">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Ud Rocashaas</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Ud Rocashaas">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Ud Rocashaas">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Unhatched Hymns</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">10</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Unhatched Hymns">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Unhatched Hymns">
</td>
<td>Savage Hymn</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Scale.webp" alt="Scale">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Velletri Interviews</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Velletri Interviews">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Velletri Interviews">
</td>
<td>Memory: A Stolen Secret</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Vinzant's Minglings</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Vinzant's Minglings">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Vinzant's Minglings">
</td>
<td>Memory: Foresight</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Forge.webp" alt="Forge">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Wainscot Histories</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Lantern.webp" alt="Lantern">
<span class="tag aspect-tag">6</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Wainscot Histories">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Wainscot Histories">
</td>
<td>Memory: Contradiction</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Edge.webp" alt="Edge">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Warming Draughts to Uplift the Heart</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">8</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Warming Draughts to Uplift the Heart">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Warming Draughts to Uplift the Heart">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>What Does Not Bark</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">4</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="What Does Not Bark">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="What Does Not Bark">
</td>
<td>Memory: Storm</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Heart.webp" alt="Heart">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>Where Has She Gone?</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">16</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Where Has She Gone?">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Where Has She Gone?">
</td>
<td>Memory: Intuition</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr><tr>
<td>White Jade Tablet</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">14</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="White Jade Tablet">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="White Jade Tablet">
</td>
<td>Memory: Impulse</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moth.webp" alt="Moth">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Nectar.webp" alt="Nectar">
<span class="tag aspect-tag">1</span>
</div>
</div>
</td>
</tr><tr>
<td>Xenodicene Odes</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Knock.webp" alt="Knock">
<span class="tag aspect-tag">21</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" class="owned-checkbox" data-title="Xenodicene Odes">
</td>
<td class="checkbox-cell">
<input type="checkbox" class="mastered-checkbox" data-title="Xenodicene Odes">
</td>
<td>Confounding Parable</td>
<td class="aspects-cell">
<div class="aspects-row">
<div class="aspect-container">
<img class="aspect-tag" src="/images/Sky.webp" alt="Sky">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Moon.webp" alt="Moon">
<span class="tag aspect-tag">2</span>
</div>
<div class="aspect-container">
<img class="aspect-tag" src="/images/Rose.webp" alt="Rose">
<span class="tag aspect-tag">2</span>
</div>
</div>
</td>
</tr></tbody>
</table>
</div>
</div>
<div class="">
<h2 class="table-title text-center">Accessible Memories</h2>
<div class="container">
<table class="striped">
<thead>
<tr>
<th>Memory</th>
<th>Aspects</th>
</tr>
</thead>
<tbody id="memoriesTableBody"><tr><td colspan="2" class="text-center">No accessible memories</td></tr></tbody>
</table>
</div>
</div>
</div>
</div>
<script>
const API_BASE_URL = "https://story-safe-wiki.com/api"
let allBooksData = []; // Store all books data
document.querySelector(".tabs").addEventListener("click", (e) => {
if (e.target.tagName === "A") {
// Remove selected state from all tabs
document.querySelectorAll(".tabs a").forEach((tab) => {
tab.setAttribute("aria-selected", "false");
});
// Set selected state on clicked tab
e.target.setAttribute("aria-selected", "true");
}
});
// Function to update the books table with data
function updateTable(data) {
const tableBody = document.getElementById("catalogueTableBody");
tableBody.innerHTML = "";
if (data.length === 0) {
tableBody.innerHTML =
'<tr><td colspan="6" class="text-center">No results found</td></tr>';
return;
}
data.forEach((item) => {
const row = document.createElement("tr");
row.innerHTML = `
<td>${escapeHtml(item.title)}</td>
<td class="text-center">
<div class="aspect-container">
<img class="aspect-tag" src="/images/${escapeHtml(
item.aspect.label
)}.webp" alt="${escapeHtml(item.aspect.label)}">
<span class="tag aspect-tag">${escapeHtml(
item.aspect.level
)}</span>
</div>
</td>
<td class="checkbox-cell">
<input type="checkbox" ${
item.owned ? "checked" : ""
} class="owned-checkbox" data-title="${escapeHtml(
item.title
)}">
</td>
<td class="checkbox-cell">
<input type="checkbox" ${
item.mastered ? "checked" : ""
} class="mastered-checkbox" data-title="${escapeHtml(
item.title
)}">
</td>
<td>${escapeHtml(item.memory)}</td>
<td class="aspects-cell">
<div class="aspects-row">
${item.memoryAspects
.map(
(aspect) => `
<div class="aspect-container">
<img class="aspect-tag" src="/images/${escapeHtml(
aspect.label
)}.webp" alt="${escapeHtml(aspect.label)}">
<span class="tag aspect-tag">${escapeHtml(
aspect.level
)}</span>
</div>
`
)
.join("")}
</div>
</td>
`;
const ownedCheckbox = row.querySelector(".owned-checkbox");
const masteredCheckbox = row.querySelector(".mastered-checkbox");
ownedCheckbox.addEventListener("change", function () {
updateStatus(this.dataset.title, "owned", this.checked);
});
masteredCheckbox.addEventListener("change", function () {
updateStatus(this.dataset.title, "mastered", this.checked);
});
tableBody.appendChild(row);
});
updateMemoriesTable(data);
}
function generateUserId() {
// Start from a reasonable base number to avoid confusion with test/admin IDs
const baseNumber = 10000;
// Generate a random integer between baseNumber and baseNumber + 89999
// This gives us 90,000 possible unique IDs from 10000 to 99999
return Math.floor(Math.random() * 90000) + baseNumber;
}
// In your main JS file
function getUserId() {
let userId = localStorage.getItem('userId');
if (!userId) {
// Generate a random ID if none exists
userId = generateUserId();
localStorage.setItem('userId', userId);
}
return userId;
}
function updateMemoriesTable(data) {
const memoriesTableBody = document.getElementById("memoriesTableBody");
memoriesTableBody.innerHTML = "";
const masteredMemories = data
.filter((item) => item.mastered)
.reduce((acc, item) => {
if (item.memory && !acc.some((m) => m.memory === item.memory)) {
acc.push({
memory: item.memory,
aspects: item.memoryAspects,
});
}
return acc;
}, []);
if (masteredMemories.length === 0) {
memoriesTableBody.innerHTML =
'<tr><td colspan="2" class="text-center">No accessible memories</td></tr>';
return;
}
masteredMemories.forEach((item) => {
const row = document.createElement("tr");
row.innerHTML = `
<td class="memory-cell" onclick="showMemoryBooks('${escapeHtml(
item.memory
)}')">${escapeHtml(item.memory)}</td>
<td class="aspects-cell">
<div class="aspects-row">
${item.aspects
.map(
(aspect) => `
<div class="aspect-container">
<img class="aspect-tag" src="/images/${escapeHtml(
aspect.label
)}.webp" alt="${escapeHtml(aspect.label)}">
<span class="tag aspect-tag">${escapeHtml(
aspect.level
)}</span>
</div>
`
)
.join("")}
</div>
</td>
`;
memoriesTableBody.appendChild(row);
});
}
// Modify your update status function
async function updateStatus(title, field, value) {
try {
const userId = getUserId();
const response = await fetch(`${API_BASE_URL}/update`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
user_id: userId,
title: title,
field: field,
value: value
})
});
if (!response.ok) {
throw new Error('Failed to update status');
}
// Update the local allBooksData array
const bookIndex = allBooksData.findIndex(book => book.title === title);
if (bookIndex !== -1) {
// Update the specific field (owned or mastered)
allBooksData[bookIndex][field] = value;
// If checking mastered, ensure owned is also checked
if (field === 'mastered' && value) {
allBooksData[bookIndex].owned = true;
// Also update the checkbox in the UI
const ownedCheckbox = document.querySelector(`.owned-checkbox[data-title="${title}"]`);
if (ownedCheckbox) {
ownedCheckbox.checked = true;
}
}
}
else {
console.log(allBooksData);
console.error('Book not found:', title);
}
// Re-render the tables to reflect the changes
updateTable(allBooksData);
} catch (error) {
console.error('Error updating status:', error);
alert('Failed to update status. Please try again.');
await initializePage();
}
}
function showError(message) {
const tableBody = document.getElementById("catalogueTableBody");
const memoriesTableBody = document.getElementById("memoriesTableBody");
tableBody.innerHTML = `<tr><td colspan="6" class="text-center text-error">${escapeHtml(
message
)}</td></tr>`;
memoriesTableBody.innerHTML = `<tr><td colspan="2" class="text-center text-error">${escapeHtml(
message
)}</td></tr>`;
}
// Modify your initialization function
async function initializePage() {
try {
const userId = getUserId();
const response = await fetch(`${API_BASE_URL}/all?userId=${userId}`);
if (!response.ok) {
throw new Error('Failed to fetch initial data');
}
const data = await response.json();
allBooksData = data;
updateTable(data);
} catch (error) {
console.error('Initialization error:', error);
showError('Error loading initial data');
}
}
function performSearch() {
const searchTerm = document
.getElementById("searchInput")
.value.toLowerCase()
.trim();
if (!searchTerm) {
updateTable(allBooksData);
return;
}
const filteredData = allBooksData.filter((book) =>
book.title.toLowerCase().includes(searchTerm)
);
updateTable(filteredData);
}
function escapeHtml(unsafe) {
if (unsafe === null || unsafe === undefined) return "";
return unsafe
.toString()
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
// Event listeners
document
.getElementById("searchInput")
.addEventListener("keyup", function (event) {
performSearch();
});
document.addEventListener("DOMContentLoaded", () => {
document
.querySelector(".nav-right")
.addEventListener("click", async (e) => {
if (e.target.tagName === "A" && e.target.closest(".tabs")) {
// Remove selected state from all tabs
document.querySelectorAll(".tabs a").forEach((tab) => {
tab.setAttribute("aria-selected", "false");
});
// Set selected state on clicked tab
e.target.setAttribute("aria-selected", "true");
// Handle different tab selections with fresh data
switch (e.target.id) {
case "allbooks-tab":
showAllBooks();
break;
case "owned-tab":
showOwnedBooks();
break;
case "mastered-tab":
showMasteredBooks();
break;
default:
showAllBooks();
}
}
});
initializePage();
});
function showAllBooks() {
console.log("Showing all books");
updateTable(allBooksData);
}
function showOwnedBooks() {
console.log("Showing owned books");
const ownedBooks = allBooksData.filter((book) => book.owned);
updateTable(ownedBooks);
}
function showMasteredBooks() {
console.log("Showing mastered books");
const masteredBooks = allBooksData.filter((book) => book.mastered);
updateTable(masteredBooks);
}
function showMemoryBooks(memory) {
console.log("Showing memory books");
const memoryBooks = allBooksData
.filter((book) => book.mastered)
.filter((book) => book.memory === memory);
document.querySelectorAll(".tabs a").forEach((tab) => {
tab.setAttribute("aria-selected", "false");
});
document
.getElementById("allbooks-tab")
.setAttribute("aria-selected", "true");
updateTable(memoryBooks);
}
</script>
</body></html>