Update index.html
Browse files- index.html +11 -4
index.html
CHANGED
@@ -3,7 +3,8 @@
|
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
-
<title>Hugging Face Network by Bunka
|
|
|
7 |
<style>
|
8 |
:root {
|
9 |
--primary-color: #4a4a4a;
|
@@ -115,9 +116,9 @@
|
|
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">
|
@@ -150,6 +151,8 @@
|
|
150 |
const next = document.getElementById('next');
|
151 |
const page1 = document.getElementById('page1');
|
152 |
const page2 = document.getElementById('page2');
|
|
|
|
|
153 |
|
154 |
let currentPage = 1;
|
155 |
|
@@ -158,10 +161,14 @@
|
|
158 |
graphFrame.src = 'co_user.html';
|
159 |
page1.classList.add('active');
|
160 |
page2.classList.remove('active');
|
|
|
|
|
161 |
} else {
|
162 |
graphFrame.src = 'co_organization.html';
|
163 |
page2.classList.add('active');
|
164 |
page1.classList.remove('active');
|
|
|
|
|
165 |
}
|
166 |
}
|
167 |
|
|
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
+
<title>Hugging Face Network by Bunka</title>
|
7 |
+
|
8 |
<style>
|
9 |
:root {
|
10 |
--primary-color: #4a4a4a;
|
|
|
116 |
</style>
|
117 |
</head>
|
118 |
<body>
|
119 |
+
<header>
|
120 |
+
<h1 id="main-title">Bunka Network Graph - Mapping the top 500 HF users</h1>
|
121 |
+
<p id="subtitle" class="subtitle">Two users are closer if they are followed by the same people.</p>
|
122 |
</header>
|
123 |
|
124 |
<div class="graph-container">
|
|
|
151 |
const next = document.getElementById('next');
|
152 |
const page1 = document.getElementById('page1');
|
153 |
const page2 = document.getElementById('page2');
|
154 |
+
const mainTitle = document.getElementById('main-title');
|
155 |
+
const subtitle = document.getElementById('subtitle');
|
156 |
|
157 |
let currentPage = 1;
|
158 |
|
|
|
161 |
graphFrame.src = 'co_user.html';
|
162 |
page1.classList.add('active');
|
163 |
page2.classList.remove('active');
|
164 |
+
mainTitle.textContent = 'Bunka Network Graph - Mapping the top 500 HF users';
|
165 |
+
subtitle.textContent = 'Two users are closer if they are followed by the same people.';
|
166 |
} else {
|
167 |
graphFrame.src = 'co_organization.html';
|
168 |
page2.classList.add('active');
|
169 |
page1.classList.remove('active');
|
170 |
+
mainTitle.textContent = 'Bunka Network Graph - Mapping dataset/model producing organizations';
|
171 |
+
subtitle.textContent = 'Two organizations are closer if they have more common people in them.';
|
172 |
}
|
173 |
}
|
174 |
|