```metadata
title: Chronicler
description: Become the library.
tags:
  - '2024'
  - 5e
  - wizard
  - subclass
systems:
  - 5e
renderer: V3
theme: 5ePHB

```

```css
/* FONT IMPORTS __________________________________________________ */
/* _______________________________________________________________ */

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/b8a78e9cc74d925556a6e17b32894be6eb26935a/PHB2024Style.css');

@import url('https://rawcdn.githack.com/Blackflighter/homebrew-file-storage/8e71f2e18cbc7e15a1d754683fc5fecc3cd3c9c3/fonts/prototype.css');

/* _______________________________________________________________ */


:root {
  --Note_Background   : #e8d7c4;
  --Descriptive       : #dae8ed;
  --Light_Gray        : #888;
  --New_Gold          : #d3b885;
  --New_Dark_Red      : #6f1f11;

	--Table_Color_White : #f2f7f9;
	--Table_Color_Blue  : #dae8ed;
  
  --MonsterBackground     : #f4f0ec;
  --Monster_Table_Yellow  : #e8e2d6;
  --Monster_Table_Red     : #d9d0ca;
  --Monster_Table_Green   : #d2d6ce;
  --Monster_Table_Purple  : #cbc6c8;
}

/* Disable last whitespace selection. */

.columnSplit + p, .page p:has(+ .columnSplit) {
  user-select: none;
}

.page {
  hyphens: auto;

  /* PAGE TEXTURE */
  /* background-image    : url(https://i.imgur.com/KjUQoJD.jpg); */
  background-image      : url(https://watercolors.giantsoup.com/templates/xgte_background_base.png);
  
  /* PARAGRAPHS / PLAIN TEXT */
  p {
    line-height       : 1.2em;
  }
  
  /* FOOTER IMAGE */
  &::after {
    all: unset;
  }

  /* HEADERS */
  h1, h2, h3, h4 {
    /* color             : var(--New_Dark_Red); */
    color             : forestgreen;
    font-family       : 'prototyperegular';
  }
  
  h1 {
    + p::first-letter {
      font-size               : 61px;
      font-family             : 'Wolpe Pegasus';
			float                   : left;
			padding-bottom          : 2px;
			padding-left            : 40px;
      padding-right           : 6px;
			margin-top              : -1.8mm;
			margin-bottom           : -20px;
			margin-left             : -40px;
			line-height             : 1em;
      
			color                   : rgba(0, 0, 0, 0);
      background-image        : linear-gradient(#b89956, #d8cdb6);
			-webkit-background-clip : text;
			background-clip         : text;
    }
    
    &::before {
      content           : '';
      position          : relative;
      display           : inline-block;
      margin            :-7.3mm;
      top               : 38px;
      right             : 6px;
      width             : 55px;
      height            : 57px;
      background-size   : 100% 100%;
      background-image  : url('https://i.imgur.com/6tnz3j7.png');
      z-index           : -1;
      opacity           : 0.7;
    }
    
    /* Makes the first line after an h1 header small-caps */
    + p::first-line {
      font-size       : 116%;
      font-variant    : small-caps;
      letter-spacing  : 0.05mm;
    }
  }
  
  .chapter, .toc, &:has(.frontCover,.insideCover,.frontCredit,.fullPage,.partCover,.backCover) {
    h1::before {
      all   : unset;
    }
  }
  
  h2, h1 {
    letter-spacing  : 1px;
    + p {
      margin-top    : 4px;
    }
  }
  h3 {
    border-bottom   : 2px solid var(--New_Gold);
  }
  h5 {
    margin-bottom       : -2px;
    -webkit-text-stroke : 0.1px black;
    + table {
      margin-top        : 1px;
    }
  }
  
  /* NOTES */
  .note {
    background-color    : var(--Note_Background);
    padding-top         : 6px;
    border-image				: url(https://i.imgur.com/KtrHa62.png) 14 stretch;
    border-image-outset	: 6px 0px;
    border-image-width  : 11px;
  }
  
  /* DESCRIPTIVE NOTES */
  .descriptive {
		border-width        : 14px;
		border-image        : url('https://i.imgur.com/xIYKaUC.png') 24 fill stretch;
		border-image-outset : 1px 14px 1px 0px;
    margin              : -3px -7px;
    box-shadow          : unset;
    background-color    : unset;
  }
  
  /* TABLES */
  table {
    tbody tr {
      background-color    : var(--Table_Color_White);
      &:nth-child(odd) { 
        background-color  : var(--Table_Color_Blue); 
      }
      td {
        padding   : 0.94mm;
      }
    }
    thead th {
      padding     : 0.94mm;
    }
    
     + h5 {
      margin-top  : 23px;
    }
  }
  
  /* SPELL LIST TABLES */
  &:has(.spellList) table {
    th:first-child,
    td:first-child {
      width       : 180px;
    }
  }
  
  
  /* FOOTNOTES & PAGE NUMBERS */
  .footnote, .pageNumber {
    color           :  var(--New_Dark_Red);
    font-family     : 'OPTIPegasus'; 
    font-size       : 14px;
    letter-spacing  : 0.1mm;
    
    &.light {
      color         : var(--New_Gold);
    }
  }
  .footnote {
    font-family     : 'Wolpe Pegasus';
    width           : fit-content;
    text-transform  : lowercase !important;
    font-variant    : small-caps;
    right           : 74px;
    bottom          : 31px;
  }
  .pageNumber {
    right           : 0;
    bottom          : 29px;
  }
  
  /* GRAY HORIZONTAL SEPARATOR */
  &:not(:has(.frontCover,.insideCover,.backCover)) hr {
    visibility        : visible;
    height            : 2.5mm;
    margin            : 4mm 0 2mm;
    background-image  : url(https://i.imgur.com/RhYXAkP.png);
    background-size   : 100% 100%;
    border            : none;
    opacity           : 0.15;
  }
    
  /* ARTIST CREDITS */
  .artist {
    position          : absolute !important;
    bottom						: 100px;
    width             : 400px;
    left							: 32px;
    transform					: rotate(-90deg);
    transform-origin	: bottom left;
    text-align        : left;
    font-family			  : ScalySansSmallCapsRemake;
    font-size				  : 13px;
    text-transform    : lowercase;
    color							: #999;
  }
  
  /* SMALL CAPS */
  caps {
    font-variant    : small-caps;
    font-size       : 116%;
    letter-spacing  : 0.05mm;
  }
  small {
    position			  : relative;
    text-transform  : lowercase;
    bottom				  : 10px;
    font-size			  : 98%;
  }
  
  /* HYPERLINKS */
  a {
    color						: inherit;
    text-decoration	: none;
    color           : var(--New_Dark_Red);
    font-weight     : bold;
  }
  a:hover{
    text-decoration	: underline;
  }
  
  /* SPACERS - usually for after subclass captions */
  .spacer {
    display         : block;
    margin-bottom   : -6px;
  }
  
  /* HALF PAGE ART */
  &:has(.borderImage) {
    .imageWrapper {    
    --maskWidth   : 332px;
    --maskHeight  : 940px;
    --maskLeft    : 41px;
    --maskTop     : 29px;
    --offsetX     : calc(var(--maskLeft) / 2);
    --offsetY     : calc(var( --maskTop) / 2);
    
    &::before {
      content             : '';
      position            : absolute;
      top                 : var(--maskTop);
      left                : var(--maskLeft);
      width               : max(calc(var(--maskWidth) + 7.6mm), 48mm);
      height              : max(calc(var(--maskHeight) + 7.6mm), 48mm);
      border-image-slice  : 270;
      border-image-width  : 24mm;
      border-image-source : url('https://i.imgur.com/10FwDJM.png');
      z-index             : 1;
    }

    &.leftSide {
      --maskHeight  : 1048px;
      --maskLeft    : 44px;
    }

    &.rightSide {
      --maskHeight  : 1048px;
      --maskLeft    : 417px;
    }

    .borderImage {
      position      : absolute;
      top           : calc(var(--offsetY) + 3.8mm);
      left          : calc(var(--offsetX) + 3.8mm);
      clip-path     : polygon(
        var(--offsetX)                                   calc(var(--offsetY) + 20px), 
        calc(var(--offsetX) + 15px)                      calc(var(--offsetY) + 15px), 
        calc(var(--offsetX) + 20px)                      var(--offsetY), 
        calc(var(--offsetX) + var(--maskWidth) - 20px)   var(--offsetY), 
        calc(var(--offsetX) + var(--maskWidth) - 15px)   calc(var(--offsetY) + 15px), 
        calc(var(--offsetX) + var(--maskWidth))          calc(var(--offsetY) + 20px), 
        calc(var(--offsetX) + var(--maskWidth))          calc(var(--offsetY) + var(--maskHeight) - 20px), 
        calc(var(--offsetX) + var(--maskWidth) - 15px)   calc(var(--offsetY) + var(--maskHeight) - 15px), 
        calc(var(--offsetX) + var(--maskWidth) - 20px)   calc(var(--offsetY) + var(--maskHeight)), 
        calc(var(--offsetX) + 20px)                      calc(var(--offsetY) + var(--maskHeight)), 
        calc(var(--offsetX) + 15px)                      calc(var(--offsetY) + var(--maskHeight) - 15px), 
        var(--offsetX)                                   calc(var(--offsetY) + var(--maskHeight) - 20px)
      );

      img {
        position  : absolute;
        height    : max(var(--maskHeight), auto);
        transform : translateY(var(--offsetY))
                    translateX(var(--offsetX));
      }
      
      user-select : none;
    }
    
    .caption {
      position    : absolute;
      left        : calc(var(--offsetX) + 50px);
      top         : calc(var(--offsetY) + var(--maskHeight) * 4/5);
      font-family : 'WalterTurncoat';
      font-size   : 12px;
      width       : fit-content;
      max-width   : 314px;
      /*
      filter      : drop-shadow(0 0 10px black) 
                    drop-shadow(0 0 15px black) 
                    drop-shadow(0 0 10px rgba(0,0,0,0.5));
      */
      filter      : drop-shadow(0 0 2.5px black)
                    drop-shadow(0 0 5px black) 
                    drop-shadow(0 0 10px black) 
                    drop-shadow(0 0 5px rgba(0,0,0,0.5));
      color       : white;

      p {
        text-indent : 0;
      }

      &.rightCaption {
        left    : unset;
        right   : calc(794px - var(--maskWidth) - var(--offsetX));
      }
    }
  }
}
```

<!---
The border is determined by the following 4 variables:
  --maskWidth
  --maskHeight
  --maskLeft
  --maskBottom

If you want to have the image to take up the entirety of the left or righthand side of the page, you can simply add 'leftSide' or 'rightSide' tag to the 'imageWrapper' class below, and the image will automatically format itself to the PHB subclass proportions.
--->
{{imageWrapper,--maskWidth:332px,--maskHeight:1048px,--maskLeft:41px,--maskTop:39px

{{borderImage ![background](https://i.ibb.co/dDmWYMS/Bearer-of-Memory.png) {top:19px,left:-560px,height:1003px,transform:scaleX(-1)} }} 

<!---
The caption can be formatted on the left or right side of the image (by using the 'rightCaption' tag), similar to the image itself, and defaults to being 80 pixels off the bottom of the page, but can be adjusted.
--->
{{caption,rightCaption,z-index:1
Bearer of Memory
}}

}}

<!---
This is an overlaid image, to give the illusion that it's "popping out" of the frame.
--->
![overlay](https://i.ibb.co/KDzH1dr/Bearer-of-Memory-Overlay.png) {position:absolute,bottom:432px,left:-134px,width:195px,z-index:1,user-select:none,pointer-events:none}

<!---
This gives credit in the same way as before, and appears on the left or right hand side of the page, depending on whether the page number is odd or even.
--->
{{artist
[Randy Vargas](https://vargasni.com/)
}}

{{

### Chronicler
*Catalog the Cosmos*

{{spacer}}

By integrating the art of memory into their study of magic, Chroniclers strive to contain the entirety of their knowledge within themselves instead of parchment.

The process of internally archiving and cataloging arcane lore grants these wizards superb analytical skills, and augments their spellcasting in various ways.
{hyphens:none}

#### Level 3: Hindsight
As a Reaction, when you see or hear a creature within 30 feet of yourself fail a D20 Test, you can bestow a flash of insight into its mistakes. The next time the creature repeats that D20 Test before the end of its next turn, you can add 1d6 to the total.

#### Level 3: Method of Loci
You store all of your knowledge in a mental construct called a Mind Palace. Any spell in your spellbook now also resides in your Mind Palace. Besides being held in your mind, it has all the properties of your spellbook.

As a Bonus Action, you can begin to memorize an object within 30 feet of yourself. If the object remains within range for 1 minute, a perfect memory of it ap&shy;pears in your Mind Palace. You can interact with this memory as if it were real. For example, you could copy a spell from the memory of a spellbook. You can memo&shy;rize a number of objects up to your Wizard level, after which you must forget one object to memorize another.
{hyphens:manual}

#### Level 6: Remnants of History
You always have the spell *Leomund's Tiny Hut* prepared. Whenever you cast this spell, you can project a fraction of your Mind Palace into the spell's casting to cause the interior to perfectly recreate a scenario you experienced in the past month.

The scenario can be interacted with as if it were real, but it can't deal damage, have its outcome changed, or produce sounds that can be heard from the outside of the spell. For example, a creature could take the Search action to try and find a hidden door in the scenario.

#### Level 10: Mnemonic Index
By using a series of mental cues, you can cast any spell in your Mind Palace as if you always had it prepared.

You can use this feature a number of times equal to your Intelligence modifier (minimum of once), and you regain all expended uses when you finish a Long Rest.

#### Level 14: Spell Retention
Whenever one of your spells is ended early, such as by losing Concentration on a spell that requires it, you can retain an echo of the spell's power in your mind. When you do so, you can cause the spell's effects to persist until the end of your next turn. For example, if a *Disintegrate* spell destroys a *Wall of Force*, it would be destroyed at the end of your next turn instead.
{hyphens:none}

{{display:flex,justify-content:center

{{note,white-space:nowrap,width:min-content
##### Endless Echo (Click to Play!)
{text-align:center}

<audio loop controls style="height:20px;width:100%;color-scheme:dark;"><source src="https://rawcdn.githack.com/Blackflighter/homebrew-file-storage/2e23b9f0b65bdb1e2170234d96b1dc55dd22fbae/audio/Endless%20Echo.mp3" type="audio/mp3"></audio>
{line-height:0}
}}

}}

}}