mapping_the_OS_community

Running

App Files Files Community

Alcime commited on Sep 10

Commit

44a9311

•

1 Parent(s): 93fde69

Update index.html

Browse files

Files changed (1) hide show

index.html +24 -40

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Bunka Network Graphs</title>
     <style>
         :root {
             --primary-color: #4a4a4a;
@@ -34,38 +34,32 @@
             padding: 20px 0;
             text-align: center;
         }
-        .logo {
-            max-width: 200px;
-            height: auto;
-        }
         h1 {
             color: var(--primary-color);
-            margin-top: 20px;
         }
-        .graph-links {
-            display: flex;
-            justify-content: center;
-            gap: 20px;
-            margin-top: 30px;
         }
-        .graph-link {
-            display: inline-block;
-            padding: 10px 20px;
-            background-color: var(--primary-color);
             color: white;
-            text-decoration: none;
-            border-radius: 5px;
-            transition: background-color 0.3s ease, transform 0.3s ease;
         }
-        .graph-link:hover {
-            background-color: var(--hover-color);
-            transform: translateY(-3px);
         }
         .social-links {
             display: flex;
             justify-content: center;
             gap: 15px;
-            margin-top: 30px;
         }
         .social-links a {
             opacity: 0.7;
@@ -78,38 +72,28 @@
             width: 30px;
             height: 30px;
         }
-        footer {
-            background-color: var(--secondary-color);
-            color: white;
-            text-align: center;
-            padding: 10px 0;
-            margin-top: 40px;
-        }
     </style>
 </head>
 <body>
     <header>
-        <img src="https://huggingface.co/spaces/bunkalab/README/raw/main/bunka_logo.png" alt="Bunka Logo" class="logo">
-        <h1>Bunka Network Graphs</h1>
     </header>
     <div class="container">
-        <p>Welcome to the Bunka Network Graphs visualization page. Explore two different network graphs representing relationships within the Hugging Face community.</p>
-        <div class="graph-links">
-            <a href="co_organization.html" class="graph-link">Hugging Face Organizations Network</a>
-            <a href="co_user.html" class="graph-link">Hugging Face Users Network</a>
         </div>
         <div class="social-links">
             <a href="https://github.com/charlesdedampierre/BunkaTopics" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/github-logo.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L2dpdGh1Yi1sb2dvLnBuZyIsImlhdCI6MTcyNDgzOTk3NywiZXhwIjoxNzg3OTExOTc3fQ.qPEnoJOVqTkWdquVPkMWZFYHv29q8pb5mbcVBGFZWTU&t=2024-08-28T10%3A12%3A58.108Z" alt="GitHub"></a>
             <a href="https://huggingface.co/bunkalab" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/hugging%20face.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L2h1Z2dpbmcgZmFjZS5wbmciLCJpYXQiOjE3MjQ4Mzk4NDAsImV4cCI6MTc4NzkxMTg0MH0.6gOtEK2BXc3kSL3PIswY0LJyvp790580Jm6vxztiFhw&t=2024-08-28T10%3A10%3A40.145Z" alt="Hugging Face"></a>
             <a href="https://www.linkedin.com/company/85881815" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/LinkedIn_logo_initials.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L0xpbmtlZEluX2xvZ29faW5pdGlhbHMucG5nIiwiaWF0IjoxNzI0ODQwMDQ1LCJleHAiOjE3ODc5MTIwNDV9.9d6MAK3x9LOmsYyB8KyGk5PPFGkPNoGjsW7wdxiZt3M&t=2024-08-28T10%3A14%3A05.996Z" alt="LinkedIn"></a>
             <a href="https://discord.gg/3YRPVqXabQ" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/discord.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L2Rpc2NvcmQucG5nIiwiaWF0IjoxNzI0ODM5ODc4LCJleHAiOjE3ODc5MTE4Nzh9.w1Ggb_Nh1UnjKeVujp_7ljAW0ZSP3ETNkYJLKuBZ_Zo&t=2024-08-28T10%3A11%3A18.993Z" alt="Discord"></a>
         </div>
-    </div>
-    <footer>
         <p>Created by Bunka. For more information, visit <a href="https://huggingface.co/bunkalab" style="color: white;">bunkalab on Hugging Face</a>.</p>
     </footer>
 </body>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bunka Network Graph</title>
     <style>
         :root {
             --primary-color: #4a4a4a;
             padding: 20px 0;
             text-align: center;
         }
         h1 {
             color: var(--primary-color);
+            margin: 0;
         }
+        .graph-container {
+            width: 100%;
+            height: 70vh;
+            margin: 20px 0;
+            border: 1px solid var(--secondary-color);
         }
+        footer {
+            background-color: var(--secondary-color);
             color: white;
+            text-align: center;
+            padding: 20px 0;
         }
+        .logo {
+            max-width: 150px;
+            height: auto;
+            margin-bottom: 15px;
         }
         .social-links {
             display: flex;
             justify-content: center;
             gap: 15px;
+            margin-top: 15px;
         }
         .social-links a {
             opacity: 0.7;
             width: 30px;
             height: 30px;
         }
     </style>
 </head>
 <body>
     <header>
+        <h1>Bunka Network Graph - Hugging Face Users</h1>
     </header>
     <div class="container">
+        <div class="graph-container">
+            <!-- Embed the co_user graph here -->
+            <iframe src="co_user.html" width="100%" height="100%" frameborder="0"></iframe>
         </div>
+    </div>
+    <footer>
+        <img src="https://huggingface.co/spaces/bunkalab/README/raw/main/bunka_logo.png" alt="Bunka Logo" class="logo">
         <div class="social-links">
             <a href="https://github.com/charlesdedampierre/BunkaTopics" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/github-logo.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L2dpdGh1Yi1sb2dvLnBuZyIsImlhdCI6MTcyNDgzOTk3NywiZXhwIjoxNzg3OTExOTc3fQ.qPEnoJOVqTkWdquVPkMWZFYHv29q8pb5mbcVBGFZWTU&t=2024-08-28T10%3A12%3A58.108Z" alt="GitHub"></a>
             <a href="https://huggingface.co/bunkalab" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/hugging%20face.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L2h1Z2dpbmcgZmFjZS5wbmciLCJpYXQiOjE3MjQ4Mzk4NDAsImV4cCI6MTc4NzkxMTg0MH0.6gOtEK2BXc3kSL3PIswY0LJyvp790580Jm6vxztiFhw&t=2024-08-28T10%3A10%3A40.145Z" alt="Hugging Face"></a>
             <a href="https://www.linkedin.com/company/85881815" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/LinkedIn_logo_initials.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L0xpbmtlZEluX2xvZ29faW5pdGlhbHMucG5nIiwiaWF0IjoxNzI0ODQwMDQ1LCJleHAiOjE3ODc5MTIwNDV9.9d6MAK3x9LOmsYyB8KyGk5PPFGkPNoGjsW7wdxiZt3M&t=2024-08-28T10%3A14%3A05.996Z" alt="LinkedIn"></a>
             <a href="https://discord.gg/3YRPVqXabQ" target="_blank"><img src="https://qtyhiurxoicqmxzpktkd.supabase.co/storage/v1/object/sign/email-content/discord.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJlbWFpbC1jb250ZW50L2Rpc2NvcmQucG5nIiwiaWF0IjoxNzI0ODM5ODc4LCJleHAiOjE3ODc5MTE4Nzh9.w1Ggb_Nh1UnjKeVujp_7ljAW0ZSP3ETNkYJLKuBZ_Zo&t=2024-08-28T10%3A11%3A18.993Z" alt="Discord"></a>
         </div>
         <p>Created by Bunka. For more information, visit <a href="https://huggingface.co/bunkalab" style="color: white;">bunkalab on Hugging Face</a>.</p>
     </footer>
 </body>