Spaces:
Running
Running
File size: 4,360 Bytes
090da2d 15066dc 090da2d 93fde69 9b09499 090da2d 93fde69 090da2d 93fde69 8ba08e1 93fde69 15066dc 93fde69 090da2d 93fde69 15066dc 44a9311 93fde69 44a9311 9b09499 44a9311 9b09499 8ba08e1 090da2d 44a9311 090da2d 44a9311 9b09499 090da2d 44a9311 9b09499 44a9311 9b09499 93fde69 9b09499 93fde69 9b09499 93fde69 9b09499 93fde69 090da2d 93fde69 15066dc 93fde69 090da2d 9b09499 44a9311 93fde69 090da2d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bunka Network Graph - Mapping the top 500 HF users</title>
<style>
:root {
--primary-color: #4a4a4a;
--secondary-color: #6c757d;
--background-color: #f8f9fa;
--hover-color: #007bff;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: var(--primary-color);
background-color: var(--background-color);
display: flex;
flex-direction: column;
}
header {
background-color: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
padding: 15px 0;
text-align: center;
}
h1 {
color: var(--primary-color);
margin: 0 0 10px 0;
font-size: 1.8em;
}
.subtitle {
font-size: 1em;
color: var(--secondary-color);
margin: 0;
}
.graph-container {
flex-grow: 1;
width: 100%;
display: flex;
}
iframe {
flex-grow: 1;
border: none;
}
footer {
background-color: var(--secondary-color);
color: white;
text-align: center;
padding: 10px 0;
}
.logo {
max-width: 100px;
height: auto;
vertical-align: middle;
margin-right: 10px;
}
.social-links {
display: inline-block;
vertical-align: middle;
}
.social-links a {
opacity: 0.7;
transition: opacity 0.3s ease;
margin: 0 5px;
}
.social-links a:hover {
opacity: 1;
}
.social-links img {
width: 20px;
height: 20px;
}
</style>
</head>
<body>
<header>
<h1>Bunka Network Graph - Mapping the top 500 HF users</h1>
<p class="subtitle">Two users are closer if they are followed by the same people</p>
</header>
<div class="graph-container">
<iframe src="co_user.html" width="100%" height="100%" frameborder="0"></iframe>
</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>
</footer>
</body>
</html> |