Resolve "WIP: UTXO Selection and Storage"

2025-01-11 08:39:24 +00:00
parent f934216d68
commit 33fd9bac4d
156 changed files with 13304 additions and 4595 deletions
@@ -0,0 +1,169 @@
+---
+# VitePress configuration
+layout: home
+
+hero:
+  name: 'XO Stack'
+  text: 'On Bitcoin Cash'
+  tagline: Building smart applications on the BCH UTXO Network
+  actions:
+    - theme: brand
+      text: Tools
+      link: /tools/primitives
+    - theme: brand
+      text: GitLab
+      link: https://gitlab.com/GeneralProtocols/xo/stack
+---
+
+<!--
+TODO: When we have docs public, move this back into the top config section above.
+    - theme: brand
+      text: Quick Start
+      link: /quick-start
+-->
+
+<!-- Promo section on front page with animated X and O behind the image -->
+<div class="promo">
+  <div class="promo-text">
+    <h1>Create robust scalable <span class="clip">Bitcoin Cash</span> apps, faster than ever before.</h1>
+    <p>XO provides cutting-edge tools to help developers create Bitcoin Cash apps with ease and efficiency. With a focus on scalability, security, and speed, you can bring your app to life in no time.</p>
+    <p>Start building now and unlock the full potential of Bitcoin Cash in the digital economy!</p>
+  </div>
+  <div class="promo-image">
+    <!-- Animated X and O elements behind the image section -->
+    <div class="animated-bg">
+      <span class="xo xo-1">x</span>
+      <span class="xo xo-2">o</span>
+      <span class="xo xo-3">o</span>
+      <span class="xo xo-4">x</span>
+    </div>
+    <img src="/icons/stack_light.png" alt="Stack Light Image" />
+  </div>
+</div>
+
+<!-- Feature section -->
+<div class="VPFeatures VPHomeFeatures">
+  <div class="container">
+    <h1 style="text-align:center;margin:20px">Stack Features</h1>
+    <div class="items" style="">
+      <div class="item grid-3">
+        <div class="VPLink no-icon VPFeature feature-box-or">
+          <article class="box">
+            <img class="VPImage dark-only" height="48" width="48" src="/icons/api-dark.svg" alt="">
+            <img class="VPImage light-only" height="48" width="48" src="/icons/api-light.svg" alt="">
+            <h2 class="title">API</h2>
+            <p class="details">Access powerful APIs to build smart apps on the BCH UTXO Network.</p>
+            <!--v-if-->
+          </article>
+        </div>
+      </div>
+      <div class="item grid-3">
+        <div class="VPLink no-icon VPFeature feature-box-or">
+          <article class="box">
+            <img class="VPImage dark-only" height="48" width="48" src="/icons/framework-dark.svg" alt="">
+            <img class="VPImage light-only" height="48" width="48" src="/icons/framework-light.svg" alt="">
+            <h2 class="title">Framework</h2>
+            <p class="details">A solid framework for building scalable applications.</p>
+            <!--v-if-->
+          </article>
+        </div>
+      </div>
+      <div class="item grid-3">
+        <div class="VPLink no-icon VPFeature feature-box-or">
+          <article class="box">
+            <img class="VPImage dark-only" height="48" width="48" src="/icons/tools-dark.svg" alt="">
+            <img class="VPImage light-only" height="48" width="48" src="/icons/tools-light.svg" alt="">
+            <h2 class="title">Tools</h2>
+            <p class="details">Essential tools to streamline development and deployment.</p>
+            <!--v-if-->
+          </article>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Footer Logo section -->
+<div class="vp-doc" style="text-align: center; margin: 15px;">
+  <h4>Developed by:</h4>
+</div>
+<div style="text-align: center; margin: 10px;">
+  <a href="https://generalprotocols.com" target="_blank" style="display: inline-block;">
+    <img class="light-only" src="./gp_logo_light.png" alt="GP Logo" style="width: 100px; height: auto;">
+    <img class="dark-only" src="./gp_logo_dark.png" alt="GP Logo" style="width: 100px; height: auto;">
+  </a>
+</div>
+
+<style scoped>
+.items {
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;
+}
+
+.VPFeature {
+  display: block;
+  border: 1px solid var(--vp-c-bg-soft);
+  border-radius: 12px;
+  height: 100%;
+  background-color: var(--vp-c-bg-soft);
+  transition: border-color 0.25s, background-color 0.25s;
+}
+
+.VPFeature.link:hover {
+  border-color: var(--vp-c-brand-1);
+}
+
+.box {
+  display: flex;
+  flex-direction: column;
+  padding: 24px;
+  height: 100%;
+}
+
+.box > :deep(.VPImage) {
+  margin-bottom: 20px;
+}
+
+.icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 20px;
+  border-radius: 6px;
+  background-color: var(--vp-c-default-soft);
+  width: 48px;
+  height: 48px;
+  font-size: 24px;
+  transition: background-color 0.25s;
+}
+
+.title {
+  line-height: 24px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.details {
+  flex-grow: 1;
+  padding-top: 8px;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--vp-c-text-2);
+}
+
+.link-text {
+  padding-top: 8px;
+}
+
+.link-text-value {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--vp-c-brand-1);
+}
+
+.link-text-icon {
+  margin-left: 6px;
+}
+</style>