New site released - Dark Emblem

/*@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/)

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.
