Update index.html
Browse files- index.html +6 -4
index.html
CHANGED
|
@@ -115,15 +115,16 @@
|
|
| 115 |
</style>
|
| 116 |
</head>
|
| 117 |
<body>
|
| 118 |
-
|
| 119 |
<h1>Bunka Network Graph - Mapping the top 500 HF users</h1>
|
| 120 |
<p class="subtitle">Two users are closer if they are followed by the same people.</p>
|
| 121 |
</header>
|
| 122 |
|
| 123 |
<div class="graph-container">
|
| 124 |
-
<iframe src="co_user.html" width="100%" height="100%" frameborder="0"></iframe>
|
| 125 |
</div>
|
| 126 |
-
|
|
|
|
| 127 |
<button id="prev"><</button>
|
| 128 |
<div class="page-numbers">
|
| 129 |
<button id="page1" class="active">1</button>
|
|
@@ -132,6 +133,7 @@
|
|
| 132 |
</div>
|
| 133 |
<button id="next">></button>
|
| 134 |
</div>
|
|
|
|
| 135 |
<footer>
|
| 136 |
<img src="https://huggingface.co/spaces/bunkalab/README/raw/main/bunka_logo.png" alt="Bunka Logo" class="logo">
|
| 137 |
<div class="social-links">
|
|
@@ -142,7 +144,7 @@
|
|
| 142 |
</div>
|
| 143 |
</footer>
|
| 144 |
|
| 145 |
-
|
| 146 |
const graphFrame = document.getElementById('graph-frame');
|
| 147 |
const prev = document.getElementById('prev');
|
| 148 |
const next = document.getElementById('next');
|
|
|
|
| 115 |
</style>
|
| 116 |
</head>
|
| 117 |
<body>
|
| 118 |
+
<header>
|
| 119 |
<h1>Bunka Network Graph - Mapping the top 500 HF users</h1>
|
| 120 |
<p class="subtitle">Two users are closer if they are followed by the same people.</p>
|
| 121 |
</header>
|
| 122 |
|
| 123 |
<div class="graph-container">
|
| 124 |
+
<iframe id="graph-frame" src="co_user.html" width="100%" height="100%" frameborder="0"></iframe>
|
| 125 |
</div>
|
| 126 |
+
|
| 127 |
+
<div class="pagination">
|
| 128 |
<button id="prev"><</button>
|
| 129 |
<div class="page-numbers">
|
| 130 |
<button id="page1" class="active">1</button>
|
|
|
|
| 133 |
</div>
|
| 134 |
<button id="next">></button>
|
| 135 |
</div>
|
| 136 |
+
|
| 137 |
<footer>
|
| 138 |
<img src="https://huggingface.co/spaces/bunkalab/README/raw/main/bunka_logo.png" alt="Bunka Logo" class="logo">
|
| 139 |
<div class="social-links">
|
|
|
|
| 144 |
</div>
|
| 145 |
</footer>
|
| 146 |
|
| 147 |
+
<script>
|
| 148 |
const graphFrame = document.getElementById('graph-frame');
|
| 149 |
const prev = document.getElementById('prev');
|
| 150 |
const next = document.getElementById('next');
|