File size: 4,093 Bytes
090da2d
 
 
 
 
44a9311
090da2d
93fde69
 
 
 
 
 
9b09499
 
 
 
 
090da2d
93fde69
090da2d
93fde69
 
8ba08e1
 
93fde69
 
 
 
9b09499
93fde69
 
090da2d
93fde69
44a9311
9b09499
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
44a9311
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
<!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;
        }
        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: 10px 0;
            text-align: center;
        }
        h1 {
            color: var(--primary-color);
            margin: 0;
            font-size: 1.5em;
        }
        .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 - Hugging Face Users</h1>
    </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>