ringnet.cloud

Signed-off-by: ale <ale@manalejandro.com>
2025-06-17 00:38:49 +02:00
commit 8f6823a76e
--- a/README.md
+++ b/README.md
@@ -2,6 +2,9 @@

 A decentralized peer-to-peer network implementation using WebRTC for communication in a double ring topology with optional Oracle nodes for enhanced network services.

+**🌐 Live Demo**: https://ringnet.cloud  
+**📂 Repository**: https://git.manalejandro.com/ale/ringnet
+
 ## 🌟 Features

 ### Core Network Features
@@ -41,7 +44,8 @@ A decentralized peer-to-peer network implementation using WebRTC for communicati
 ### Installation

 ```bash
-# Clone or create the project directory
+# Clone the repository
+git clone https://git.manalejandro.com/ale/ringnet.git
 cd ringnet

 # Install dependencies
--- a/package.json
+++ b/package.json
@@ -1,11 +1,17 @@
 {
  "name": "ringnet",
  "version": "1.0.0",
+  "description": "A decentralized peer-to-peer network implementation using WebRTC for communication in a double ring topology",
  "main": "index.js",
  "type": "module",
  "author": "ale",
  "license": "MIT",
  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "https://git.manalejandro.com/ale/ringnet"
+  },
+  "homepage": "https://ringnet.cloud",
  "scripts": {
    "start": "node index.js",
    "start:oracle": "node oracle.js",
--- a/server/README.md
+++ b/server/README.md
@@ -2,6 +2,9 @@

 A REST API and web dashboard for monitoring RingNet network topology, nodes, and connections in real-time.

+**🌐 Live Demo**: https://ringnet.cloud  
+**📂 Repository**: https://git.manalejandro.com/ale/ringnet
+
 ## Features

 ### 🚀 REST API
--- a/server/package.json
+++ b/server/package.json
@@ -4,6 +4,11 @@
  "description": "REST API and Dashboard for RingNet Network Monitoring",
  "main": "server.js",
  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://git.manalejandro.com/ale/ringnet"
+  },
+  "homepage": "https://ringnet.cloud",
  "scripts": {
    "start": "node server.js",
    "dev": "node --watch server.js"
--- a/server/public/index.html
+++ b/server/public/index.html
@@ -23,6 +23,9 @@
            backdrop-filter: blur(10px);
            padding: 1rem 2rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
        }

        .header h1 {
@@ -30,6 +33,29 @@
            display: flex;
            align-items: center;
            gap: 0.5rem;
+            margin: 0;
+        }
+
+        .header-links {
+            display: flex;
+            gap: 1rem;
+        }
+
+        .repo-link, .domain-link {
+            color: white;
+            text-decoration: none;
+            padding: 0.5rem 1rem;
+            border-radius: 6px;
+            background: rgba(255, 255, 255, 0.1);
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            transition: all 0.3s ease;
+            font-size: 0.9rem;
+        }
+
+        .repo-link:hover, .domain-link:hover {
+            background: rgba(255, 255, 255, 0.2);
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }

        .container {
@@ -228,12 +254,46 @@
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
+
+            .header {
+                flex-direction: column;
+                gap: 1rem;
+                text-align: center;
+            }
+
+            .header-links {
+                justify-content: center;
+            }
+        }
+
+        .footer {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            padding: 1rem 2rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.2);
+            text-align: center;
+            color: rgba(255, 255, 255, 0.8);
+            font-size: 0.9rem;
+        }
+
+        .footer a {
+            color: rgba(255, 255, 255, 0.9);
+            text-decoration: none;
+        }
+
+        .footer a:hover {
+            color: white;
+            text-decoration: underline;
        }
    </style>
 </head>
 <body>
    <div class="header">
        <h1>🔗 RingNet Dashboard</h1>
+        <div class="header-links">
+            <a href="https://git.manalejandro.com/ale/ringnet" target="_blank" class="repo-link">📂 Repository</a>
+            <a href="https://ringnet.cloud" target="_blank" class="domain-link">🌐 ringnet.cloud</a>
+        </div>
    </div>

    <div class="container">
@@ -278,6 +338,14 @@
        </div>
    </div>

+    <div class="footer">
+        <p>
+            RingNet - Decentralized P2P Network | 
+            <a href="https://git.manalejandro.com/ale/ringnet" target="_blank">Source Code</a> | 
+            <a href="https://ringnet.cloud" target="_blank">ringnet.cloud</a>
+        </p>
+    </div>
+
    <script>
        let nodesData = [];
        let topologyData = {};