File size: 4,372 Bytes
090da2d 44a9311 090da2d 93fde69 090da2d 93fde69 090da2d 93fde69 8ba08e1 93fde69 8ba08e1 93fde69 090da2d 93fde69 44a9311 93fde69 44a9311 8ba08e1 090da2d 44a9311 090da2d 44a9311 090da2d 44a9311 93fde69 44a9311 93fde69 090da2d 93fde69 44a9311 93fde69 090da2d 93fde69 44a9311 93fde69 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 |
<!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</title>
<style>
:root {
--primary-color: #4a4a4a;
--secondary-color: #6c757d;
--background-color: #f8f9fa;
--hover-color: #007bff;
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: var(--primary-color);
background-color: var(--background-color);
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.container {
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
}
header {
background-color: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
padding: 20px 0;
text-align: center;
}
h1 {
color: var(--primary-color);
margin: 0;
}
.graph-container {
width: 100%;
flex-grow: 1;
min-height: 70vh;
border: none;
}
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;
transition: opacity 0.3s ease;
}
.social-links a:hover {
opacity: 1;
}
.social-links img {
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>
</html> |