Node Ops Update and Reorganization: Merging Full and Validator Node G…

…uides, Style Enhancements, and Content Refinement (#153)

* fixed tangle quickstart button link

* updated fullnode systemd guide with dependencies and clarity, slight reorg

* removed automated-key quicknode guide. added css for tab styles. merged full and validator systemd node guides, added binary fetching section, added conclusion with next steps for monitoring and validating. moved new ssytemd guide out of systemd folder into node folder.

* ran prettier, merged full and validator node pages for Docker, fixed a few typos. moved final docker guide up to node folder

* re-inserted quicknode guide, repaired a few links

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"
 }