New site launched - Dark Emblem

/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    p: "p",
    h2: "h2",
    h3: "h3",
    ul: "ul",
    li: "li"
  }, props.components), {ReactPlayer} = _components;
  if (!ReactPlayer) _missingMdxReference("ReactPlayer", true);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Been a while since the last State of Play blog post, but that doesn't mean we haven't been hard at work behind the scenes! Last month, we wrapped up our Ascension contest and distributed the rewards. This month we are rolling out Dark Emblem Raids!"
    }), "\n", _jsx(_components.h2, {
      children: "Raids"
    }), "\n", _jsx(_components.p, {
      children: "Our main focus this month is Raids!"
    }), "\n", _jsx(ReactPlayer, {
      controls: true,
      url: "https://www.youtube.com/watch?v=Q-L4K2DjUlY"
    }), "\n", _jsx(_components.p, {
      children: "We've been working on tons of features to make this happen:"
    }), "\n", _jsx(_components.h3, {
      children: "Joining a Raid"
    }), "\n", _jsx(_components.p, {
      children: "Hop on the Dark Emblem Dapp and go to the Raids page. From there you can see\nopen Raids and stake cards to join the Raid."
    }), "\n", _jsx(_components.p, {
      children: "The raid is considered complete when all of the player's cards attack is larger\nthan the monster's defense and the player's cards defense is larger than\nthe monster's attack."
    }), "\n", _jsx(_components.p, {
      children: "When the Raid is complete, you will be able to claim your cards and get rewards.\nThe rewards are split up among all the participants of the raid."
    }), "\n", _jsx(_components.h3, {
      children: "When do Raids drop"
    }), "\n", _jsx(_components.p, {
      children: "Right now, a new Raid will be created every Wednesday. We will post in Discord\nwhen a new Raid is dropped."
    }), "\n", _jsx(_components.h2, {
      children: "Story Mode"
    }), "\n", _jsx(_components.p, {
      children: "We've upgrade our Tutorials into a full Story Mode page. Hop on the Dapp to check it out."
    }), "\n", _jsx(_components.p, {
      children: "The tutorials have been split up to make it easier for you to get started!"
    }), "\n", _jsx(_components.h2, {
      children: "Enhanced Sign In"
    }), "\n", _jsx(_components.p, {
      children: "You will be asked to sign a dummy transaction that isn't actually sent to the blockchain."
    }), "\n", _jsx(_components.p, {
      children: "The makes it easier for us to prove your identity and sync your Dapp preferences with\nour server, which will enable us to roll out personal Raids, Story Mode,\nand more!"
    }), "\n", _jsx(_components.h2, {
      children: "Bug Fixes"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: "Fixed an issue with $DREM where the admin account could not issue DREM."
      }), "\n"]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}


<div class="text-base text-gray-50">Been a while since the last State of Play blog post, but that doesn&#x27;t mean we haven&#x27;t been hard at work behind the scenes! Last month, we wrapped up our Ascension contest and distributed the rewards. This month we are rolling out Dark Emblem Raids!</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Raids</h2>
<div class="text-base text-gray-50">Our main focus this month is Raids!</div>
<div style="width:640px;height:360px"></div>
<div class="text-base text-gray-50">We&#x27;ve been working on tons of features to make this happen:</div>
<h3 class="text-gray-50 text-xl font-bold text-gray-50">Joining a Raid</h3>
<div class="text-base text-gray-50">Hop on the Dark Emblem Dapp and go to the Raids page. From there you can see
open Raids and stake cards to join the Raid.</div>
<div class="text-base text-gray-50">The raid is considered complete when all of the player&#x27;s cards attack is larger
than the monster&#x27;s defense and the player&#x27;s cards defense is larger than
the monster&#x27;s attack.</div>
<div class="text-base text-gray-50">When the Raid is complete, you will be able to claim your cards and get rewards.
The rewards are split up among all the participants of the raid.</div>
<h3 class="text-gray-50 text-xl font-bold text-gray-50">When do Raids drop</h3>
<div class="text-base text-gray-50">Right now, a new Raid will be created every Wednesday. We will post in Discord
when a new Raid is dropped.</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Story Mode</h2>
<div class="text-base text-gray-50">We&#x27;ve upgrade our Tutorials into a full Story Mode page. Hop on the Dapp to check it out.</div>
<div class="text-base text-gray-50">The tutorials have been split up to make it easier for you to get started!</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Enhanced Sign In</h2>
<div class="text-base text-gray-50">You will be asked to sign a dummy transaction that isn&#x27;t actually sent to the blockchain.</div>
<div class="text-base text-gray-50">The makes it easier for us to prove your identity and sync your Dapp preferences with
our server, which will enable us to roll out personal Raids, Story Mode,
and more!</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Bug Fixes</h2>
<ul class="ml-4 list-disc p-0">
<li>Fixed an issue with $DREM where the admin account could not issue DREM.</li>
</ul>


Been a while since the last State of Play blog post, but that doesn't mean we haven't been hard at work behind the scenes! Last month, we wrapped up our Ascension contest and distributed the rewards. This month we are rolling out Dark Emblem Raids!

## Raids

Our main focus this month is Raids!

<ReactPlayer controls url="https://www.youtube.com/watch?v=Q-L4K2DjUlY" />

We've been working on tons of features to make this happen:

### Joining a Raid

Hop on the Dark Emblem Dapp and go to the Raids page. From there you can see
open Raids and stake cards to join the Raid.

The raid is considered complete when all of the player's cards attack is larger
than the monster's defense and the player's cards defense is larger than
the monster's attack.

When the Raid is complete, you will be able to claim your cards and get rewards.
The rewards are split up among all the participants of the raid.

### When do Raids drop

Right now, a new Raid will be created every Wednesday. We will post in Discord
when a new Raid is dropped.

## Story Mode

We've upgrade our Tutorials into a full Story Mode page. Hop on the Dapp to check it out.

The tutorials have been split up to make it easier for you to get started!

## Enhanced Sign In

You will be asked to sign a dummy transaction that isn't actually sent to the blockchain.

The makes it easier for us to prove your identity and sync your Dapp preferences with
our server, which will enable us to roll out personal Raids, Story Mode,
and more!

## Bug Fixes

-   Fixed an issue with $DREM where the admin account could not issue DREM.


State of Play Update July 20

/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    p: "p"
  }, props.components);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "We have launched a new site, where our marketing, blog, docs, and soon our dapp will be hosted."
    }), "\n", _jsx(_components.p, {
      children: "This new site has quite a few improvements. Among them we are able to render pages faster, and in a way\nthat makes them shareable on social media sites."
    }), "\n", _jsx(_components.p, {
      children: "Before, pages shared to social media would just say \"Dark Emblem\" with our tag line. With the new site,\nwe are embedding way more information to make those rich site cards you see everywhere."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};


<div class="text-base text-gray-50">We have launched a new site, where our marketing, blog, docs, and soon our dapp will be hosted.</div>
<div class="text-base text-gray-50">This new site has quite a few improvements. Among them we are able to render pages faster, and in a way
that makes them shareable on social media sites.</div>
<div class="text-base text-gray-50">Before, pages shared to social media would just say &quot;Dark Emblem&quot; with our tag line. With the new site,
we are embedding way more information to make those rich site cards you see everywhere.</div>


We have launched a new site, where our marketing, blog, docs, and soon our dapp will be hosted.

This new site has quite a few improvements. Among them we are able to render pages faster, and in a way
that makes them shareable on social media sites.

Before, pages shared to social media would just say "Dark Emblem" with our tag line. With the new site,
we are embedding way more information to make those rich site cards you see everywhere.


New site launched

/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    p: "p",
    h2: "h2",
    img: "img",
    ul: "ul",
    li: "li",
    a: "a"
  }, props.components);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Hi everyone, we've been busy these last year rewriting all of the server and UI code from the ground up. While our WAX contract has been sound, the UI has been inconsistent at times, and we wanted to address those issues."
    }), "\n", _jsx(_components.h2, {
      children: "UI sync issues"
    }), "\n", _jsx(_components.p, {
      children: "There's nothing worse than interacting with a smart contract and not getting immediate feedback on the UI. Worse, the UI shows outdated information that never updates. Well, that was what we were seeing when users were staking and unstaking cards from raids. The blockchain state was correct, but we weren't updating the UI consistently."
    }), "\n", _jsx(_components.p, {
      children: "We've fixed these issues with a few approaches. One, we've let you select which WAX node you'd like to use for UI side requests:"
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "media/2023-04-02-new-site-released/wax-node.png",
        alt: "Pick a WAX Node"
      })
    }), "\n", _jsx(_components.p, {
      children: "We've also started using dfuse to keep up-to-date with the blockchain in real time."
    }), "\n", _jsx(_components.h2, {
      children: "Sharing"
    }), "\n", _jsx(_components.p, {
      children: "You've opened a pack, and got an awesome card. Time to share! Before, if you shared a link to the Dapp on Twitter, Discord, or other social media site, the share embed would just say the generic “Dark Emblem” site title and description. You wouldn't even get an embed of the card picture. Lame."
    }), "\n", _jsx(_components.p, {
      children: "We've deployed an entirely new UI that fixes this issue and sharing is now better than ever."
    }), "\n", _jsx(_components.h2, {
      children: "Continuing to overhaul"
    }), "\n", _jsx(_components.p, {
      children: "We are continuing to improve the site with new features. We've already combined the Dapp, Marketing site, docs and blog into one site to make it easier to navigate and find what you are looking for."
    }), "\n", _jsx(_components.p, {
      children: "We hope to continue to iterate now that we've got solid ground to work on and bring the next set of stories to the Dapp."
    }), "\n", _jsx(_components.h2, {
      children: "Additional reading"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://idmontie.github.io/blog/post/2023-04-02-dark-emblem-rewrite",
          children: "Technical Announcement"
        })
      }), "\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://capsulecat.com/blog/04-02-2023-dark-emblem-update/",
          children: "Capsule Cat Announcement"
        })
      }), "\n"]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};


<div class="text-base text-gray-50">Hi everyone, we&#x27;ve been busy these last year rewriting all of the server and UI code from the ground up. While our WAX contract has been sound, the UI has been inconsistent at times, and we wanted to address those issues.</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">UI sync issues</h2>
<div class="text-base text-gray-50">There&#x27;s nothing worse than interacting with a smart contract and not getting immediate feedback on the UI. Worse, the UI shows outdated information that never updates. Well, that was what we were seeing when users were staking and unstaking cards from raids. The blockchain state was correct, but we weren&#x27;t updating the UI consistently.</div>
<div class="text-base text-gray-50">We&#x27;ve fixed these issues with a few approaches. One, we&#x27;ve let you select which WAX node you&#x27;d like to use for UI side requests:</div>
<div class="text-base text-gray-50"><img alt="Pick a WAX Node" src="media/2023-04-02-new-site-released/wax-node.png" style="max-height:500px;margin:auto;text-align:center"/></div>
<div class="text-base text-gray-50">We&#x27;ve also started using dfuse to keep up-to-date with the blockchain in real time.</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Sharing</h2>
<div class="text-base text-gray-50">You&#x27;ve opened a pack, and got an awesome card. Time to share! Before, if you shared a link to the Dapp on Twitter, Discord, or other social media site, the share embed would just say the generic “Dark Emblem” site title and description. You wouldn&#x27;t even get an embed of the card picture. Lame.</div>
<div class="text-base text-gray-50">We&#x27;ve deployed an entirely new UI that fixes this issue and sharing is now better than ever.</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Continuing to overhaul</h2>
<div class="text-base text-gray-50">We are continuing to improve the site with new features. We&#x27;ve already combined the Dapp, Marketing site, docs and blog into one site to make it easier to navigate and find what you are looking for.</div>
<div class="text-base text-gray-50">We hope to continue to iterate now that we&#x27;ve got solid ground to work on and bring the next set of stories to the Dapp.</div>
<h2 class="text-gray-50 text-2xl font-bold text-gray-50">Additional reading</h2>
<ul class="ml-4 list-disc p-0">
<li><a href="https://idmontie.github.io/blog/post/2023-04-02-dark-emblem-rewrite">Technical Announcement</a></li>
<li><a href="https://capsulecat.com/blog/04-02-2023-dark-emblem-update/">Capsule Cat Announcement</a></li>
</ul>


Hi everyone, we've been busy these last year rewriting all of the server and UI code from the ground up. While our WAX contract has been sound, the UI has been inconsistent at times, and we wanted to address those issues.

## UI sync issues

There's nothing worse than interacting with a smart contract and not getting immediate feedback on the UI. Worse, the UI shows outdated information that never updates. Well, that was what we were seeing when users were staking and unstaking cards from raids. The blockchain state was correct, but we weren't updating the UI consistently.

We've fixed these issues with a few approaches. One, we've let you select which WAX node you'd like to use for UI side requests:

![Pick a WAX Node](media/2023-04-02-new-site-released/wax-node.png)

We've also started using dfuse to keep up-to-date with the blockchain in real time.

## Sharing

You've opened a pack, and got an awesome card. Time to share! Before, if you shared a link to the Dapp on Twitter, Discord, or other social media site, the share embed would just say the generic “Dark Emblem” site title and description. You wouldn't even get an embed of the card picture. Lame.

We've deployed an entirely new UI that fixes this issue and sharing is now better than ever.

## Continuing to overhaul

We are continuing to improve the site with new features. We've already combined the Dapp, Marketing site, docs and blog into one site to make it easier to navigate and find what you are looking for.

We hope to continue to iterate now that we've got solid ground to work on and bring the next set of stories to the Dapp.

## Additional reading

* [Technical Announcement](https://idmontie.github.io/blog/post/2023-04-02-dark-emblem-rewrite)
* [Capsule Cat Announcement](https://capsulecat.com/blog/04-02-2023-dark-emblem-update/)