https://daggerheart.org/

Scan ID:: 5a733b10-8ca7-4d2a-ad6f-1ef87727fc53Finished
Submitted URL:: https://daggerheart.org/
Report Finished:: Dec 17, 2024, 00:42:12
Links · 6 found

The outgoing links identified from the page
Link	Text
https://www.belloflostsouls.net/2024/02/critical-role-announces-dates-for-daggerhearts-open-beta-playtest.html	‘Critical Role’ Announces Dates for ‘Daggerheart’s Open Beta Playtest
https://www.youtube.com/watch?v=1eHKtLDI1B8	Dagger Heart COMBAT! ...it hits different
https://www.youtube.com/watch?v=dTzBqNxpXxc	What I'm Hoping Critical Role's Daggerheart Will Be
https://www.youtube.com/watch?v=FZt1RjnF5-k	DAGGER HEART Character Options Revealed! \| Critical Role RPG
https://youtu.be/_Ynl9weMWb8?t=387	The Character Sheet on ComicBook.com
https://touchdreams.agency	Website design
JavaScript Variables · 9 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
gtag	function
dataLayer	object
google_tag_manager	object
google_tag_data	object
onYouTubeIframeAPIReady	function
gaGlobal	object
Console log messages · 0 found

Messages logged to the web console
HTML

The raw HTML body of the page
<!DOCTYPE html><html class="no-js" lang="en"><head>
  <meta charset="utf-8">
  <title>Daggerheart.org</title>
  <meta name="description" content="Announcements and fresh info about Daggerhart; the new TTRPG game from Matthew Mercer at Darrington Press">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta property="og:title" content="">
  <meta property="og:type" content="">
  <meta property="og:url" content="">
  <meta property="og:image" content="">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <link rel="icon" href="images/dagger.png" type="image/png">
  <!-- Place favicon.ico in the root directory -->

  <meta name="theme-color" content="#fafafa">

  <!-- CSS styles -->
  <!--<link rel="stylesheet" href="/css/main.css">-->
  <style>
    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/*! HTML5 Boilerplate v8.0.0 - top | MIT License | https://html5boilerplate.com/ */fieldset,hr{border:0;padding:0}:root{--red:#da0909}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: 'PT Serif', sans-serif;
  display: flex;
  flex-direction: column;
  height: 100%;
}
main {
  flex-grow: 1;
}
a {
  color: #2774cb;
  font-weight: bold;
  text-decoration: none;
}
:is(h1, h2, h3, h4) > a {
  color: inherit;
  text-decoration: inherit;
}

button,
a.button {
  background: var(--red);
  color: white;
  padding: 0.5em 0.8em;
  display: inline-block;
  border-radius: 0.4em;
  font-weight: normal;
  text-decoration: none;
}
:is(button, a.button).large {
  font-size: 1.15em;
}
:is(button, a.button).flat {
  color: white;
  background: transparent;
  padding-left: 0.1em;
  padding-right: 0.1em;
}
.more::after {
  content: '';
  width: 1em;
  background-image: url('/images/arrow_right_white.svg');
  background-size: 100%;
  aspect-ratio: 1;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4em;
}


h2[id],
h3[id] {
  border-bottom: solid 1px var(--red);
  margin-top: 2em;
  margin-bottom: 1.2em;
}
img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}
figcaption {
  font-size: 0.7em;
  padding: 0.5em 0.7em;
}
figcaption a {
  color: inherit;
  text-decoration: inherit;
}

details summary {
  cursor: pointer;
  padding: 0.5em 0;
}
details[open] {
  border-bottom: solid 1px #d7d7d7;
  margin-bottom: 0.7em;
}
details[open] summary {
  font-weight: bold;
}
details summary::-webkit-details-marker,
details summary::marker {
  color: #bfbfbf;
}
details summary:hover,
details summary:focus {
  background: rgba(0, 0, 0, 0.05);
}
details summary ~ * {
  margin-left: 1.4em;
}
details summary > * {
  display: inline;
}

/* ==========================================================================*/
/* Components */
p.large {
  font-size: 1.3em;
}
@media (max-width: 500px) {
  p.large.phone-regular {
    font-size: initial;
  }
}
[class*="columns-"] {
  display: grid;
  gap: 30px;
  align-items: flex-start;
}
.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.columns-4 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 500px) {
  .columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 500px) {
  .columns-4.fluid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
[class*="columns-"] .double-size {
  grid-column: span 2;
  max-width: 680px;
}
@media (max-width: 500px) {
  .phone-1-column {
    grid-template-columns: 1fr;
  }
}

#preheader {
  position: relative;
  z-index: 30;
}
.announcement-strip {
  background: var(--red);
  color: white;
  padding: 0.2em;
  text-align: center;
}
.announcement-strip a {
  color: inherit;
}

.tabs {}
[role="tablist"] {
  border-bottom: solid 2px #eee;
}
[role="tablist"] button {
  background: none;
  color: inherit;
  border: none;
  border-radius: 0;
  cursor: pointer;
  padding: 0.7em 1em;
  border-bottom: solid 2px #62626229;
  margin-bottom: -2px;
}
[role="tablist"] button[aria-selected="true"] {
  border-color: red;
}
[role="tabpanel"] {}

.dark {
  color: white;
}
span.subtle {
  opacity: 80%;
}

.card {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
  max-width: 340px;
  font-size: 0.85em;
  position: relative;
  transition: all 0.2s ease;
}
.card.text {
  border: solid 1px #dfdfdf;
  padding: 0.6em 0.8em;
}
.card.dark {
  border: none;
}
img.card {
  max-width: 100%;
}
.card:hover {
  transform: scale(105%);
}
.card > .body {
  padding: 1em;
  border: solid 1px lightgray;
  border-top-width: 0;
}
.card h3 {
  font-size: 1.1em;
  margin: 0;
}
.card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.row {
  position: relative;
  border: solid 1px #494431;
  border-radius: 4px;
  padding-right: 6%;
  transition: all 0.2s ease;

  display: flex;
  align-items: flex-start;
  gap: 6%;
}
.row::after {
  content: '';
  width: calc(10px + 3%);
  background-image: url('/images/arrow_right_white.svg');
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  background-size: 100%;
  aspect-ratio: 1;
}
.row > figure,
.row > .show {
  width: 30%;
  height: auto;
  flex: 0 0 auto;
}
.row :is(h2, h3) a::after {
  content: '';
  position: absolute;
  inset: 0;
}
.row:hover {
  transform: scale(105%);
  border-color: #75662b;
}
.row.large {
  background-color: rgba(0, 0, 0, 0.74);
}
.row.large::after {
  bottom: 1em;
  right: 1em;
}


article.row {}
article.row .body {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
article.row h3 {
  font-size: 0.8em;
  margin: 0;
}

/* Sections */
header[role="banner"] > [role="presentation"],
section > [role="presentation"],
footer[role="contentinfo"] > [role="presentation"] {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
header[role="banner"],
footer[role="contentinfo"],
nav {
  background-color: #222222;
  color: white;
  text-align: center;
}
header[role="banner"] {
  /*padding-top: 1em;*/
  /*padding-bottom: 1em;*/
  border-bottom: solid 2px var(--red);
}
nav {
  margin-bottom: 0.8em;
  font-size: 0.85em;
}
nav a {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  padding: 0.6em 0.4em;
}
nav a.active {
  font-weight: bold;
}
nav > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.1em 1em;
}
.site-name {
  font-size: 1.6em;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.site-name > a {
  color: inherit;
  text-decoration: inherit;
}
footer[role="contentinfo"] {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 4vw;
  border-top: solid 2px #75662b;
}
footer[role="contentinfo"] a {
  color: white;
}
footer[role="contentinfo"] small {}

section.cover {
  position: relative;
}
section.cover > img {
  width: 100%;
  max-height: 100vh;
  object-fit: cover;
}
section.cover .text {
  background-color: rgba(0, 0, 0, 0.74);
  padding: 1px 1.3em;
}
@media (min-width: 650px) {
  section.cover .text {
    position: absolute;
    width: 28em;
  }
}
section.cover .bottom {
  bottom: 0;
}
section.cover .right {
  right: 0;
}

section.pane {
  background-color: rgba(0, 0, 0, 0.34);
}
section.pane > div[role="presentation"] {
  max-width: 1600px;
  width: auto;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "show header" "tell tell";
  gap: 2em 6%;
  padding-right: 6%;
}
@media (min-width: 900px) {
  section.pane > div[role="presentation"] {
    grid-template-areas: "show header" "show tell";
  }
}
section.pane .show  {grid-area: show;}
section.pane header {grid-area: header;}
section.pane .tell  {grid-area: tell;}
section.pane header {
}
@media (min-width: 600px) {
  section.pane header {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    justify-content: space-between;
  }
}
section.pane .show {
  flex: 0 0 auto;
}
section.pane .show img {
  height: 100%;
  object-fit: cover;
}
section.pane .tell {
  padding-bottom: 5%;
  padding-left: 6%;
}
@media (min-width: 900px) {
  section.pane .tell {
    padding-left: 0;
  }
}


body.black {
  background-image: url('/images/ep_naturalblack_90.jpg');
  background-color: #0c0f1a;
  color: white;
}
body.black footer[role="contentinfo"] {
  background-color: rgba(0, 0, 0, 0.34);
}
.header-overlap header[role="banner"] {
  position: absolute;
  z-index: 20;
  width: 100%;
  box-sizing: border-box;
  background: none;
  border: none;

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column-reverse;
}
@media (min-width: 900px) {
  .header-overlap header[role="banner"] {
    flex-direction: row;
    padding-left: calc(30px + 0.6%);
    padding-right: calc(30px + 0.6%);
  }
}
.header-overlap .site-name {
  text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5.5px;
  font-size: calc(1em + 2.3vw);
}
.header-overlap nav {
  margin: 0;
  border-radius: 5px;
  padding: 0.8em 1.6em;
  background-color: rgba(0, 0, 0, 0.84);
}

body[id="home"] section + section {
  margin-top: calc(40px + 3vw);
}
body[id="home"] h2 {
  font-size: calc(1.1em + 2vw);
}
/*! HTML5 Boilerplate v8.0.0 - bottom | MIT License | https://html5boilerplate.com/ */.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix::after,.clearfix::before{content:" ";display:table}.clearfix::after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,::after,::before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
  </style>
</head>
<body id="home" class="black header-overlap">
<div id="preheader">
  <div class="announcement-strip">
      <a href="/playtest">Sign up to playtest Daggerheart!</a>
  </div>
</div>

<header id="page-header" role="banner">
  <div class="site-name"><a href="/">Daggerheart.org</a></div>

  <nav>
  <div role="presentation">
    <a href="/playtest" class="">
      Playtest</a>
    <a href="/rules" class="">
      Rules</a>
    <a href="/reference" class="">
      Reference</a>
    <a href="/news" class="">
      News</a>
    <a href="/images" class="">
      Images</a>
  </div>
</nav>
  <!--<span><small>Fan website; all content is pre-release</small></span>-->
</header>

<main>
  <section class="cover">
    <img src="/images/stock/skyrim_village_from_distance_in_wilderness_darkened.jpg" alt="fantasy village from a distance in the wilderness" width="1684" height="819">
    <div class="text bottom right">
      <p>Daggerheart is a D12-based table-top game system by Darrington Press, the creators of Critical Role and Vox Machina. It's a fantasy RPG designed for long-term campaign play and character progression. This is a fan site, gathering the latest info and news for all lovers of Daggerheart.</p>
    </div>
  </section>

  <section class="pane">
    <div role="presentation">
      <figure class="show">
        <img src="/images/stock/fantasy_woman_cleric_in_armor.jpg" alt="Fantasy woman cleric in armor" width="1195" height="913" style="width: 350px;">
      </figure>

      <header>
        <h2>News</h2>
        <p style="text-align: center;"><a href="/news" class="button flat more">See more news</a></p>
      </header>

      <div class="tell">
        <div class="columns-2 phone-1-column">
          <article class="row ">
  <figure class="show">
    <img src="/images/news/daggerheart-header-image-e1709144763483.jpg" alt="" width="480" height="360">
  </figure>
  <div class="body">
    <h3><a href="https://www.belloflostsouls.net/2024/02/critical-role-announces-dates-for-daggerhearts-open-beta-playtest.html" target="_blank" rel="nofollow">
        ‘Critical Role’ Announces Dates for ‘Daggerheart’s Open Beta Playtest</a></h3>
  </div>
</article>
<article class="row ">
  <figure class="show">
    <img src="/images/news/video-thumbnails/1eHKtLDI1B8.jpg" alt="" width="480" height="360">
  </figure>
  <div class="body">
    <h3><a href="https://www.youtube.com/watch?v=1eHKtLDI1B8" target="_blank" rel="nofollow">
        Dagger Heart COMBAT! ...it hits different</a></h3>
  </div>
</article>
<article class="row ">
  <figure class="show">
    <img src="/images/news/video-thumbnails/dTzBqNxpXxc.jpg" alt="" width="480" height="360">
  </figure>
  <div class="body">
    <h3><a href="https://www.youtube.com/watch?v=dTzBqNxpXxc" target="_blank" rel="nofollow">
        What I'm Hoping Critical Role's Daggerheart Will Be</a></h3>
  </div>
</article>
<article class="row ">
  <figure class="show">
    <img src="/images/news/video-thumbnails/FZt1RjnF5-k.jpg" alt="" width="480" height="360">
  </figure>
  <div class="body">
    <h3><a href="https://www.youtube.com/watch?v=FZt1RjnF5-k" target="_blank" rel="nofollow">
        DAGGER HEART Character Options Revealed! | Critical Role RPG</a></h3>
  </div>
</article>
        </div>
      </div>
    </div>
  </section>

  <section>
    <div role="presentation">
      <div class="row large">
        <figure class="show">
          <img src="/images/stock/fantasy_angel_wearing_armor.jpg" alt="Fantasy angel wearing armour" width="720" height="830">
        </figure>
        <div class="body">
          <h2>
            <a href="/rules">Rules</a>
          </h2>
          <p class="large phone-regular" style="max-width: 16em;">
            •&nbsp;Creating a character •&nbsp;Combat
            •&nbsp;Health and death •&nbsp;Adventuring</p>
        </div>
      </div>
    </div>
  </section>

  <section>
    <div role="presentation">
      <div class="row large">
        <figure class="show">
          <img src="/images/stock/spell_book.jpg" alt="spell book" width="796" height="808">
        </figure>
        <div class="body">
          <h2>
            <a href="/reference">Reference</a>
          </h2>
          <p class="large phone-regular">
            Classes
            •&nbsp;Foundations
            •&nbsp;Heritage
            •&nbsp;Ancestries
            •&nbsp;Communities
            •&nbsp;Traits
            •&nbsp;Spells
            •&nbsp;Abilities
            •&nbsp;Items
            •&nbsp;Weapons
            •&nbsp;Armor &amp; clothing
          </p>
        </div>
      </div>
  </div></section>

  <section class="pane">
    <div role="presentation">
      <figure class="show">
        <img src="/images/stock/wizard_in_dungeon.jpg" alt="Wizard in dungeon" style="width: 350px;" width="978" height="978">
      </figure>

      <header>
        <h2>Images</h2>
        <p style="text-align: center;"><a href="/images" class="button flat more">See more images</a></p>
      </header>

      <div class="tell">

        <div class="columns-2">
          <figure class="card"><a data-fancybox="gallery" data-caption="Daggerheart character sheet top right" href="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_10.jpg">
              <img src="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_10-300.png" alt="Daggerheart character sheet top right" width="300" height="169"></a>
            <figcaption><a href="https://youtu.be/_Ynl9weMWb8?t=387" target="_blank" rel="nofollow">The Character Sheet on ComicBook.com</a></figcaption>
          </figure>
          <figure class="card"><a data-fancybox="gallery" data-caption="Daggerheart character sheets bottom" href="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_11.jpg">
              <img src="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_11-300.png" alt="Daggerheart character sheets bottom" width="300" height="169"></a>
            <figcaption><a href="https://youtu.be/_Ynl9weMWb8?t=387" target="_blank" rel="nofollow">
                The Character Sheet on ComicBook.com</a></figcaption>
          </figure>
          <figure class="card"><a data-fancybox="gallery" data-caption="Daggerheart character sheets middle" href="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_12.jpg">
              <img src="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_12-300.png" alt="Daggerheart character sheets middle" width="300" height="169"></a>
            <figcaption><a href="https://youtu.be/_Ynl9weMWb8?t=387" target="_blank" rel="nofollow">The Character Sheet on ComicBook.com</a></figcaption>
          </figure>
          <figure class="card"><a data-fancybox="gallery" data-caption="Daggerheart character sheet middle right" href="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_13.jpg">
              <img src="/images/1tDy9E_Oqi8/1tDy9E_Oqi8_13-300.png" alt="Daggerheart character sheet middle right" width="300" height="169"></a>
            <figcaption><a href="https://youtu.be/_Ynl9weMWb8?t=387" target="_blank" rel="nofollow">The Character Sheet on ComicBook.com</a></figcaption>
          </figure>
        </div>
      </div>
    </div>
  </section>
</main>

<footer role="contentinfo">
  <span style="font-size: 0.85em;"><a href="https://touchdreams.agency">Website design</a> by Touchdreams</span>
  | <span><a href="/about">About Daggerheart</a></span>
</footer>
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;display=swap" rel="stylesheet">

<!-- JS scripts -->
<!--<script async src="js/vendor/modernizr-3.11.2.min.js"></script>-->
<script async="" src="/js/plugins.js"></script>
<script async="" src="/js/main.js" type="module"></script>
<script async="" src="/js/tabs.js" type="module"></script>

<!-- Google tag (gtag.js) for Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-L1CB9R84Z3"></script>
<script async="">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-L1CB9R84Z3');
</script>

<!-- Fancybox lightbox: http://fancyapps.com/ -->
<script async="" src="/libraries/fancyapps/fancybox.esm.js" type="module"></script>
<link rel="stylesheet" href="/libraries/fancyapps/fancybox.css">



</body></html>