April 2023 Updates - 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",
    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/)

New site released

/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    p: "p",
    ul: "ul",
    li: "li"
  }, props.components);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Dark Emblem April 2023 Updates"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: "Old links from AtomicHub now redirect properly in the new site."
      }), "\n", _jsx(_components.li, {
        children: "If you try to access a link and are logged out, you will be redirected to the link you were trying to access when you log in."
      }), "\n", _jsx(_components.li, {
        children: "Added a new raids page so users can preview raids without logging in."
      }), "\n", _jsx(_components.li, {
        children: "Made the Game pages more distinct visually."
      }), "\n", _jsx(_components.li, {
        children: "Added the ability to search by text when selecting a card in any of the different UIs."
      }), "\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">Dark Emblem April 2023 Updates</div>
<ul class="ml-4 list-disc p-0">
<li>Old links from AtomicHub now redirect properly in the new site.</li>
<li>If you try to access a link and are logged out, you will be redirected to the link you were trying to access when you log in.</li>
<li>Added a new raids page so users can preview raids without logging in.</li>
<li>Made the Game pages more distinct visually.</li>
<li>Added the ability to search by text when selecting a card in any of the different UIs.</li>
</ul>


Dark Emblem April 2023 Updates

- Old links from AtomicHub now redirect properly in the new site.
- If you try to access a link and are logged out, you will be redirected to the link you were trying to access when you log in.
- Added a new raids page so users can preview raids without logging in.
- Made the Game pages more distinct visually.
- Added the ability to search by text when selecting a card in any of the different UIs.


April 2023 Updates

/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    p: "p",
    ul: "ul",
    li: "li",
    a: "a"
  }, props.components);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Dark Emblem June 2023 Updates"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: "Fix staked cards not showing up in raids"
      }), "\n", _jsx(_components.li, {
        children: "Fix incorrect raid links being posted to Discord"
      }), "\n", _jsx(_components.li, {
        children: "Fix incorrect card links being posted to Discord"
      }), "\n", _jsx(_components.li, {
        children: "Add new general news channel to Discord"
      }), "\n"]
    }), "\n", _jsxs(_components.p, {
      children: ["We also released ", _jsx(_components.a, {
        href: "https://www.darkemblem.com/game/raids/13",
        children: "Raid #13"
      }), ", go and participate\nto collect rewards!"]
    })]
  });
}
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">Dark Emblem June 2023 Updates</div>
<ul class="ml-4 list-disc p-0">
<li>Fix staked cards not showing up in raids</li>
<li>Fix incorrect raid links being posted to Discord</li>
<li>Fix incorrect card links being posted to Discord</li>
<li>Add new general news channel to Discord</li>
</ul>
<div class="text-base text-gray-50">We also released <a href="https://www.darkemblem.com/game/raids/13">Raid #13</a>, go and participate
to collect rewards!</div>


Dark Emblem June 2023 Updates

- Fix staked cards not showing up in raids
- Fix incorrect raid links being posted to Discord
- Fix incorrect card links being posted to Discord
- Add new general news channel to Discord

We also released [Raid #13](https://www.darkemblem.com/game/raids/13), go and participate
to collect rewards!
