https://daggerheart.org/

ID de l'analyse :: 5a733b10-8ca7-4d2a-ad6f-1ef87727fc53Terminée
URL soumise :: https://daggerheart.org/
Fin du rapport :: 17 déc. 2024, 00:42:12
Liens : 6 trouvé(s)

Liens sortants identifiés à partir de la page
Lien	texte
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
Variables JavaScript : 9 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
gtag	function
dataLayer	object
google_tag_manager	object
google_tag_data	object
onYouTubeIframeAPIReady	function
gaGlobal	object
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 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>