Skip to content

Commit

Permalink
Build
Browse files Browse the repository at this point in the history
  • Loading branch information
@TEParsons
TEParsons committed Oct 15, 2023
1 parent 4c57725 commit bd991d8
Show file tree
Hide file tree
Showing 4 changed files with 395 additions and 0 deletions.
66 changes: 66 additions & 0 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<head>
<link rel="stylesheet" href="torillic.css" />
</head>
<body class=typora-export-content>
<div id=write>
<h1>Adult Blue Dragon</h1>
<p><em>Huge dragon, lawful evil</em></p>
<blockquote>
<p><strong>Armor Class</strong> 19 (Natural Armor)<br />
<strong>Hit Points</strong> 225 (18d12 + 108)<br />
<strong>Speed</strong> 40 ft., burrow 30 ft., fly 80 ft.</p>
<table>
<thead>
<tr>
<th>STR</th>
<th>DEX</th>
<th>CON</th>
<th>INT</th>
<th>WIS</th>
<th>CHA</th>
</tr>
</thead>
<tbody>
<tr>
<td>25</td>
<td>10</td>
<td>23</td>
<td>16</td>
<td>15</td>
<td>19</td>
</tr>
<tr>
<td>(+7)</td>
<td>(+0)</td>
<td>(+6)</td>
<td>(+3)</td>
<td>(+2)</td>
<td>(+4)</td>
</tr>
</tbody>
</table>
<p><strong>Saving Throws</strong> DEX +5, CON +11, WIS +7, CHA +9<br />
<strong>Skills</strong> <a href="https://www.dndbeyond.com/compendium/rules/basic-rules/using-ability-scores#Perception">Perception</a> +12, <a href="https://www.dndbeyond.com/compendium/rules/basic-rules/using-ability-scores#Stealth">Stealth</a> +5<br />
<strong>Damage Immunities</strong> Lightning<br />
<strong>Senses</strong> <a href="https://www.dndbeyond.com/compendium/rules/basic-rules/monsters#Blindsight">Blindsight</a> 60 ft., <a href="https://www.dndbeyond.com/compendium/rules/basic-rules/monsters#Darkvision">Darkvision</a> 120 ft., Passive Perception 22<br />
<strong>Languages</strong> Common, Draconic<br />
<strong>Challenge</strong> 16 (15,000 XP)</p>
</blockquote>
<p><img alt="Ancient Blue Dragon - Monsters - Archives of Nethys: Pathfinder ..." class="md-image" src="https://2e.aonprd.com/Images/Monsters/DragonBlue_AncientBlueDragon.png" /></p>
<hr />
<p><strong><em>Legendary Resistance (3/Day).</em></strong> If the dragon fails a saving throw, it can choose to succeed instead.</p>
<h4>Actions</h4>
<p><strong><em>Multiattack.</em></strong> The dragon can use its Frightful Presence. It then makes three attacks: one with its bite and two with its claws.</p>
<p><strong><em>Bite.</em></strong> <em>Melee Weapon Attack:</em> +12 to hit, reach 10 ft., one target. <em>Hit:</em> 18 (2d10 + 7) piercing damage plus 5 (1d10) lightning damage.</p>
<p><strong><em>Claw.</em></strong> <em>Melee Weapon Attack:</em> +12 to hit, reach 5 ft., one target. <em>Hit:</em> 14 (2d6 + 7) slashing damage.</p>
<p><strong><em>Tail.</em></strong> <em>Melee Weapon Attack:</em> +12 to hit, reach 15 ft., one target. <em>Hit:</em> 16 (2d8 + 7) bludgeoning damage.</p>
<p><strong><em>Frightful Presence.</em></strong> Each creature of the dragon's choice that is within 120 feet of the dragon and aware of it must succeed on a DC 17 Wisdom saving throw or become <a href="https://www.dndbeyond.com/compendium/rules/basic-rules/appendix-a-conditions#Frightened">frightened</a> for 1 minute. A creature can repeat the saving throw at the end of each of its turns, ending the effect on itself on a success. If a creature's saving throw is successful or the effect ends for it, the creature is immune to the dragon's Frightful Presence for the next 24 hours.</p>
<p><strong><em>Lightning Breath (Recharge 5–6).</em></strong> The dragon exhales lightning in a 90-­foot line that is 5 feet wide. Each creature in that line must make a DC 19 Dexterity saving throw, taking 66 (12d10) lightning damage on a failed save, or half as much damage on a successful one.</p>
<h4>Legendary Actions</h4>
<p>The dragon can take 3 legendary actions, choosing from the options below. Only one legendary action option can be used at a time and only at the end of another creature's turn. The dragon regains spent legendary actions at the start of its turn.</p>
<p><strong><em>Detect.</em></strong> The dragon makes a Wisdom (<a href="https://www.dndbeyond.com/compendium/rules/basic-rules/using-ability-scores#Perception">Perception</a>) check.</p>
<p><strong><em>Tail Attack.</em></strong> The dragon makes a tail attack.</p>
<p><strong><em>Wing Attack (Costs 2 Actions).</em></strong> The dragon beats its wings. Each creature within 10 feet of the dragon must succeed on a DC 20 Dexterity saving throw or take 14 (2d6 + 7) bludgeoning damage and be knocked <a href="https://www.dndbeyond.com/compendium/rules/basic-rules/appendix-a-conditions#Prone">prone</a>. The dragon can then fly up to half its flying speed.<br />
```</p>
</div>
</body>
329 changes: 329 additions & 0 deletions docs/torillic.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,329 @@
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,500;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
--head: 'Crimson Text';
--body: 'Alegreya', sans-serif;
--mono: 'Source Code Pro';
font-family: var(--body);
font-size: 12pt;

--offwhite: #fcf5e5;
--green: #e0e5c1;
--yellow: #c9ad6a;
--red: #822000;
--purple: #704cd9;
}

/** Background **/

content, .typora-export-content {
background-image: url("torillic/torillic-bg.jpg");
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.typora-export-content {
top: 0;
}
content:before {
content: "Background: Dmitry Demidov via Pexels [#3843969]";
position: fixed;
bottom: 1cm;
left: 0;
width: 6.5cm;
background-color: rgba(0, 0, 0, 0.5);
color: white;
font-size: 8pt;
padding: 2mm 3mm;
border-radius: 0 2mm 2mm 0;
}

/** Page **/
#write, #typora-source {
position: relative;
margin: 4rem auto;
width: 21cm;
min-height: 80vh;
padding: 2cm;
overflow-y: hidden;
box-shadow:
inset 0cm -0cm 0.1cm 0.05cm rgba(0, 0, 0, 0.1),
1cm 1cm 1cm 1cm rgba(0, 0, 0, 0.5);
transform-style: preserve-3d;
background-image: url("https://www.dndbeyond.com/content/1-0-1895-0/skins/waterdeep/images/mon-summary/paper-texture.png");
background-color: var(--offwhite);
/* Add columns */
column-count: 2;
column-gap: 0.5cm;
column-width: 8cm;
}
#typora-source {
font-family: var(--mono) !important;
column-count: 1 !important;
column-width: auto !important;
}
#write p, #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write div, #write pre {
width: auto;
}
#write > *:first-child {
margin-block-start: 0;
}
.ty-on-typewriter-mode #write {
column-count: 1;
padding-bottom: 50%;
}

/** Responsivity **/
/* Compress for small windows */
@media only screen and (max-width: 22cm) {
#write, #typora-source {
column-count: 1;
width: calc(100% - 2rem);
margin: 1rem;
}
}
/* Hide background credit if there's no width */
@media only screen and (max-width: 37cm) {
content:after, .typora-export-content:after {
left: -6.1cm
}
}

/** Interface **/
.native-window #md-searchpanel {
background: var(--green);
border-bottom: 2pt solid var(--red);
}

/** Export **/
@media print {
content, .typora-export-content {
position: relative;
background: none;
overflow-y: visible;
}
content:after, .typora-export-content:after {
display: none;
}
body {
min-height: 0;
margin: 0;
overflow-y: visible;
background: none;
}
html {
background-image: url("https://www.dndbeyond.com/content/1-0-1895-0/skins/waterdeep/images/mon-summary/paper-texture.png");
background-color: var(--offwhite);
}
#write, #typora-source {
background: none;
box-shadow: none;
box-shadow: none;
background: none;
box-shadow: none;
background: none;
}
}

/** Headings **/

/* All headings */
h1, h2, h3, h4, h5, h6 {
margin-block-end: 2pt;
margin-block-start: 1em;
line-height: 1em;
break-inside: avoid;
break-after: avoid;
}

/* Major headings */
h1, h2, h3, h4 {
font-family: var(--head);
font-weight: 700;
font-variant: small-caps;
color: var(--red);
}

/* Individual headings */
h1 {
font-size: 36pt;
column-span: all;
}

h2 {
font-size: 28pt;
column-span: all;
}

h3 {
font-size: 24pt;
}

h4 {
font-size: 18pt;
border-bottom: 1pt solid var(--yellow);
border-bottom: 1pt solid var(--yellow);
}
h4 a {
text-decoration: none;
}

h5 {
font-size: 14pt;
}

h6 {
font-weight: 700;
font-size: 12pt;
}

h6 {
font-size: 12pt;
font-weight: 400;
text-decoration: underline;
text-decoration-color: var(--yellow);
}

hr {
/* Common to all hr's */
border-top: 2pt solid transparent;
border-bottom: 2pt solid transparent;
border-left-style: solid;
border-left-color: var(--red);

/* Top-level hr (aka page delineator) */
column-span: all;
border-left-width: 16cm;
margin-top: 18pt;
margin-bottom: 36pt;
}

blockquote hr {
/* Within a blockquote (aka fancy underline) */
column-span: none;
border-left-width: 6cm;
margin-top: 2pt;
margin-bottom: 2pt;
}

/** Body **/
p {
margin-block-start: 2pt;
break-inside: avoid;
}

strong {
color: var(--red);
}

a {
color: var(--text-color);
text-decoration-color: var(--yellow);
}
a:visited {
text-decoration-color: var(--green);
}
a:hover {
color: var(--text-color);
text-decoration-color: var(--purple);
}
h1 a,
h2 a,
h3 a,
h4 a,
strong a {
color: var(--red);
}

del {
text-decoration-color: var(--red);
}

mark {
background-color: var(--green);
}

code, pre {
background: auto;
font-family: var(--mono);
}

ol, ul {
padding-left: 1rem;
}

li::marker {
font-weight: 700;
color: var(--red);
}

/** Tables **/
table {
break-inside: avoid;
}

thead, th {
font-weight: 700;
}

tbody tr:nth-child(odd) {
background-color: var(--green);
}

blockquote tbody tr:nth-child(odd), pre blockquote tbody tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.2);
}

td, th {
padding: 3pt 6pt;
}

/** Blocks **/
pre, pre.md-meta-block {
background-color: var(--green);
padding: 6pt;
}

blockquote {
background-color: var(--green);
padding: 12pt;
border-top: 3pt solid var(--red);
border-bottom: 3pt solid var(--red);
margin: 1rem 0;
}

blockquote blockquote {
background-color: rgba(255, 255, 255, 0.5);
}

pre, .md-fences {
background: var(--green);
padding: 12pt;
break-inside: avoid;
}

/** Images **/

.md-image {
z-index: 0;
max-width: 100%;
}

.md-image:before {
position: absolute;
top: -1.5cm;
left: -1.5cm;
right: -1.5cm;
bottom: -0.5cm;
background-image: url("torillic/splash.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
content: " ";
z-index: -1;
}
.on-focus-mode .md-image:before {
opacity: 0.2;
}
Binary file added docs/torillic/splash.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/torillic/torillic-bg.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit bd991d8

Please sign in to comment.