Node Ops Update and Reorganization: Merging Full and Validator Node Guides, Style Enhancements, and Content Refinement

components/QuickStart.tsx

@@ -18,7 +18,7 @@ export const QuickStartArea = () => {
           description: `Start your journey on Tangle Network. This guide will walk you through the steps to become a validator, ensuring network security and integrity.`,
           name: "Validate on Tangle Network",
         }}
-        href="/docs/tangle-network/validator/quickstart/"
+        href="/docs/tangle-network/node/quickstart/"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -31,7 +31,7 @@ export const QuickStartArea = () => {
       <DetailedFeatureLink
         feature={{
           Icon: DiscordIcon,
-          description: `Interested in the latest announcements? Join our Discord server. `,
+          description: `Interested in the latest announcements? Join our Discord server.`,
           name: "Join our Discord community.",
         }}
         href="https://discord.com/invite/cv8EfJu3Tn"
@@ -81,7 +81,7 @@ export const DeployArea = () => {
           description: `Want to spin up a full node on the Tangle Network? We've made it easier than ever!`,
           name: "Deploy a Tangle Node!",
         }}
-        href="/docs/tangle-network/getting-started/deploy-using-hardhat/"
+        href="/docs/tangle-network/node/docker-node"
       ></DetailedFeatureLink>
       <DetailedFeatureLink
         feature={{
@@ -112,7 +112,7 @@ export const DappsArea = () => {
           description: `Our easy-to-use testnet faucet allows you to claim test tokens with just a few clicks. Start experimenting with Hubble Bridge today.`,
           name: "Faucet dApp",
         }}
-        href="https://stats.tangle.tools"
+        href="https://faucet.tangle.tools"
       />
       <DetailedFeatureLink
         feature={{

custom.css

@@ -66,10 +66,8 @@ code {
 
 .webbCardBg {
   background: #fff;
-  box-shadow:
-    0px 0px 0px 1px rgba(0, 0, 0, 0.03),
-    0px 2px 4px rgba(0, 0, 0, 0.05),
-    0px 12px 24px rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03),
+    0px 2px 4px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05);
 }
 
 .dark .webbCardBg {
@@ -81,10 +79,8 @@ code {
 
 .webbCardBg {
   background: #fff;
-  box-shadow:
-    0px 0px 0px 1px rgba(0, 0, 0, 0.03),
-    0px 2px 4px rgba(0, 0, 0, 0.05),
-    0px 12px 24px rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03),
+    0px 2px 4px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05);
 }
 
 .dark .webbCardBg {
@@ -100,3 +96,23 @@ code {
   outline: none !important;
   box-shadow: none !important;
 }
+
+div[role="tabpanel"] {
+  background-color: #f1f5fb;
+  padding: 33px 33px 23px 33px;
+  border: 1px solid #9696ff;
+}
+
+[role="tab"][aria-selected="true"] {
+  background-color: #5858fd;
+  color: white;
+  font-weight: 700;
+}
+
+[role="tab"][aria-selected="false"] {
+  background-color: #fcfdff;
+  border-top: 1px solid #a8a8ff;
+  border-left: 1px solid #a8a8ff;
+  border-right: 1px solid #a8a8ff;
+  color: #3333c9;
+}

pages/docs/tangle-network/node/deploy-with-docker/relayer-node.mdx → pages/docs/ecosystem-roles/relayer/relayer-node.mdx.archive

@@ -3,7 +3,7 @@ title: Deploying with Docker
 description: An overview of Webb Tangle node and Webb Relayer deployment process.
 ---
 
-import Callout from "../../../../../components/Callout";
+import Callout from "../../../../components/Callout";
 
 # Deploying Tangle Validator and Relayer
 

pages/docs/tangle-network/node/_meta.json

@@ -2,10 +2,11 @@
   "quickstart": "Quickstart",
   "hardware": "Hardware",
   "node-software": "Tangle Software",
-  "deploy-with-docker": "Deploying with Docker",
-  "systemd": "Running with Systemd",
+  "systemd": "Deploy with systemd",
+  "docker-node": "Deploy with Docker",
   "monitoring": "Node Monitoring",
   "validator": "Validate",
   "flags": "Flags",
-  "troubleshooting": "Troubleshooting"
+  "troubleshooting": "Troubleshooting",
+  "quicknode": "Launch a Quick Node"
 }