-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
242 lines (227 loc) · 26.8 KB
/
index.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO -->
<meta property="og:title" content="Kaggle Profile Summary Card API"/>
<meta property="og:url" content="https://chienhsiang-hung.github.io/kaggle-profile-summary-card/"/>
<meta property="og:image" content="https://miro.medium.com/max/671/1*TCW1TUFHWqk0TnORcJFQYg.png"/>
<meta name="keywords" content="kaggle profile api, kaggle summary card, Kaggle Profile Summary Card API, api, profile, kaggle, vercel, business-card-app, kaggle-prodile-api, kaggle-summary-card, kaggle-profile-summary-card-api, shareable-card-on-kaggle-profile"/>
<meta property="og:description" name="description" content="Use this to showcase your achievement on Kaggle. Unofficial Kaggle Profile API.">
<meta name="author" content="Hung, Chien-Hsiang"/>
<meta name="copyright" content="GNU General Public License v3.0"/>
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<title>Kaggle Profile Summary Card API</title>
<meta name="google-site-verification" content="SyEY88jadkmY5tP6AMEBi5rqu2hNV4P81pJ6uTusYFM" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EB1W4TXEV1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EB1W4TXEV1');
</script>
<!-- AdSense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5348991030538024" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="src/css/github-markdown-light.css">
<style>
a, a:hover {color: inherit;}
.table-sm th, .table-success th {
min-width: 16ch;
}
.tooltiptext {
visibility: hidden;
width: 150px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
}
.tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
.input-group:hover .tooltiptext {
visibility: visible;
}
.input-group-svg:hover .tooltiptext {
visibility: visible;
}
.input-group-svg-allround:hover .tooltiptext {
visibility: visible;
}
.input-group-iframe:hover .tooltiptext {
visibility: visible;
}
</style>
</head>
<body class="d-flex flex-column h-100">
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Kaggle Card</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://github.com/chienhsiang-hung/kaggle-profile-summary-card" target="_blank">Docs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://hungchienhsiang.medium.com/" target="_blank">Blog</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Examples
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="src/template/response_template.svg">SVG</a></li>
<li><a class="dropdown-item" href="src/template/svg-allround.svg">SVG All-round</a></li>
<li><a class="dropdown-item" href="src/template/response_template.html">HTML</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Begin page content -->
<main class="flex-shrink-0">
<div class="container">
<h1 class="mt-5">Kaggle Profile Summary Card API <object data="https://img.shields.io/github/stars/chienhsiang-hung/kaggle-profile-summary-card?style=social"></object> <object data="https://img.shields.io/github/forks/chienhsiang-hung/kaggle-profile-summary-card?style=social"></object></h1>
<div class="row">
<div class="col">
<div class="input-group input-group-sm mb-3">
<span class="tooltiptext" style="border-radius: 6px;">Your Kaggle Name</span>
<span class="input-group-text">@</span>
<input type="text" class="form-control" value="chienhsianghung" id='user'>
<button type="button" class="btn btn-outline-primary col-md-1" onclick="submit()">Submit</button>
</div>
</div>
</div>
<div class="row">
<div class="col">
<!-- SVG -->
<div class="input-group input-group-sm mb-3">
<input type="text" class="form-control" value="SVG" disabled>
</div>
<div class="input-group input-group-svg input-group-sm mb-3">
<span class="tooltiptext" style="border-radius: 6px;">Copy Me</span>
<input id="my-card-svg-copy" type="text" class="form-control" value="">
</div>
<img id="my-card-svg" src="https://kaggle-card.chienhsiang-hung.eu.org/api/svg?chienhsianghung" alt="Hsiang's Kaggle Summary Card" class='img-fluid' style="max-height:250px;">
<!-- SVG All-round -->
<div class="input-group input-group-sm mb-3">
<input type="text" class="form-control" value="SVG All-round" disabled>
</div>
<div class="input-group input-group-svg-allround input-group-sm mb-3">
<span class="tooltiptext" style="border-radius: 6px;">Copy Me</span>
<input id="my-card-svg-allround-copy" type="text" class="form-control" value="">
</div>
<img id="my-card-svg-allround" src="https://kaggle-card.chienhsiang-hung.eu.org/api/svg-allround?chienhsianghung" alt="Hsiang's Kaggle Summary Card All-round" class='img-fluid' style="max-height:250px;">
<!-- iFrame/ Object/ Embed -->
<div class="input-group input-group-sm mb-3">
<input type="text" class="form-control" value="iFrame/ Object/ Embed" disabled>
</div>
<div class="input-group input-group-iframe input-group-sm mb-3">
<span class="tooltiptext" style="border-radius: 6px;">Copy Me</span>
<input id="my-card-html-copy" type="text" class="form-control" value='<iframe src="https://kaggle-card.chienhsiang-hung.eu.org/api/basic?chienhsianghung" width="100%" height="300" style="border:none; min-width: 800px;"></iframe>''>
</div>
<iframe id='my-card-html' src="https://kaggle-card.chienhsiang-hung.eu.org/api/basic?chienhsianghung" width="100%" style="border:none; min-height:250px;"></iframe>
<p sytle="text-align:center;"><sub><i>*Best View On Desktop</i></sub></p>
</div>
</div>
<div class="row">
<div class="col align-self-end" style="text-align:right;">
<span class="text-muted" style="vertical-align: middle;">
<a href="https://github.com/chienhsiang-hung/kaggle-profile-summary-card/issues" target="_blank">any suggestions?</a>
</span>
</div>
</div>
<hr>
<div class="container">
<article class="markdown-body entry-content container-lg" itemprop="text"><h1 dir="auto"><a id="user-content-kaggle-profile-summary-card" class="anchor" aria-hidden="true" href="#kaggle-profile-summary-card"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>Kaggle Profile Summary Card</h1>
<p dir="auto">
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/43c244e14c063d44a1e573f3be6f25c5cbbcf0ac7cdbc40032d0e538887d4aa7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264"><img src="https://camo.githubusercontent.com/43c244e14c063d44a1e573f3be6f25c5cbbcf0ac7cdbc40032d0e538887d4aa7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264" alt="" data-canonical-src="https://img.shields.io/github/license/chienhsiang-hung/kaggle-profile-summary-card" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/d1b8ccbb1e703e35b464ee49403d23ba5c93316f37c3bc334d17570e24ff1362/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f756e742f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264"><img src="https://camo.githubusercontent.com/d1b8ccbb1e703e35b464ee49403d23ba5c93316f37c3bc334d17570e24ff1362/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f756e742f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264" alt="" data-canonical-src="https://img.shields.io/github/languages/count/chienhsiang-hung/kaggle-profile-summary-card" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/d081fd22916b17f14e6ef718475961bb066c56dbe98a14c21890d25b5f2500f6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f746f702f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264"><img src="https://camo.githubusercontent.com/d081fd22916b17f14e6ef718475961bb066c56dbe98a14c21890d25b5f2500f6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f746f702f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264" alt="" data-canonical-src="https://img.shields.io/github/languages/top/chienhsiang-hung/kaggle-profile-summary-card" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/7b13ffc3465a3801619aa5d3a6b7b462f62a77dc3c89848d7537d97c28217911/68747470733a2f2f696d672e736869656c64732e696f2f776562736974653f75726c3d6874747073253341253246253246636869656e687369616e672d68756e672e6769746875622e696f2532466b6167676c652d70726f66696c652d73756d6d6172792d63617264253246"><img src="https://camo.githubusercontent.com/7b13ffc3465a3801619aa5d3a6b7b462f62a77dc3c89848d7537d97c28217911/68747470733a2f2f696d672e736869656c64732e696f2f776562736974653f75726c3d6874747073253341253246253246636869656e687369616e672d68756e672e6769746875622e696f2532466b6167676c652d70726f66696c652d73756d6d6172792d63617264253246" alt="" data-canonical-src="https://img.shields.io/website?url=https%3A%2F%2Fchienhsiang-hung.github.io%2Fkaggle-profile-summary-card%2F" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/f8ed2df490228335537673e6fe9c5c4062026f0f95f4599fc6138c63965181a6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6465706c6f796d656e74732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172642f6769746875622d7061676573"><img src="https://camo.githubusercontent.com/f8ed2df490228335537673e6fe9c5c4062026f0f95f4599fc6138c63965181a6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6465706c6f796d656e74732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172642f6769746875622d7061676573" alt="" data-canonical-src="https://img.shields.io/github/deployments/chienhsiang-hung/kaggle-profile-summary-card/github-pages" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/bb1db17678f1dde4923951f6b214c01a4c53b02d0926ef98eae979faf8e33b41/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6465706c6f796d656e74732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172642f50726f64756374696f6e"><img src="https://camo.githubusercontent.com/bb1db17678f1dde4923951f6b214c01a4c53b02d0926ef98eae979faf8e33b41/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6465706c6f796d656e74732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172642f50726f64756374696f6e" alt="" data-canonical-src="https://img.shields.io/github/deployments/chienhsiang-hung/kaggle-profile-summary-card/Production" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/a3245d425ffaa4d308b332a002255be66eda160fb172b366632d56508ce33280/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f64652d73697a652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264"><img src="https://camo.githubusercontent.com/a3245d425ffaa4d308b332a002255be66eda160fb172b366632d56508ce33280/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f64652d73697a652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264" alt="" data-canonical-src="https://img.shields.io/github/languages/code-size/chienhsiang-hung/kaggle-profile-summary-card" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/a1e84f26bfe29afe35541bdcb9547c29ed645a919c4b71c921b0c76fc28dbfb1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7265706f2d73697a652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264"><img src="https://camo.githubusercontent.com/a1e84f26bfe29afe35541bdcb9547c29ed645a919c4b71c921b0c76fc28dbfb1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7265706f2d73697a652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264" alt="" data-canonical-src="https://img.shields.io/github/repo-size/chienhsiang-hung/kaggle-profile-summary-card" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/50e5ba11e21a646327a1306e8541e3e0a8002ef64a72e63f65a2227ee561a093/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172643f696e636c7564655f70726572656c6561736573"><img src="https://camo.githubusercontent.com/50e5ba11e21a646327a1306e8541e3e0a8002ef64a72e63f65a2227ee561a093/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172643f696e636c7564655f70726572656c6561736573" alt="" data-canonical-src="https://img.shields.io/github/v/release/chienhsiang-hung/kaggle-profile-summary-card?include_prereleases" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/d3b649e15079bd718177f7adddbcb6afc839fabf60677608d2e7d424a785662e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f64697363757373696f6e732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264"><img src="https://camo.githubusercontent.com/d3b649e15079bd718177f7adddbcb6afc839fabf60677608d2e7d424a785662e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f64697363757373696f6e732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d63617264" alt="" data-canonical-src="https://img.shields.io/github/discussions/chienhsiang-hung/kaggle-profile-summary-card" style="max-width: 100%;"></a>
<a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/08686f76d97598b27c174c7f8d0623f8443fbe72480220b1f17cce6cccbc3b01/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636865636b732d7374617475732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172642f6d61696e"><img src="https://camo.githubusercontent.com/08686f76d97598b27c174c7f8d0623f8443fbe72480220b1f17cce6cccbc3b01/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636865636b732d7374617475732f636869656e687369616e672d68756e672f6b6167676c652d70726f66696c652d73756d6d6172792d636172642f6d61696e" alt="" data-canonical-src="https://img.shields.io/github/checks-status/chienhsiang-hung/kaggle-profile-summary-card/main" style="max-width: 100%;"></a>
</p>
<p dir="auto">Hi guys, I've made a super simple Kaggle Profile Card API that you can leverage to show off your glorious Kaggle profile for free!</p>
<p dir="auto">Have been searching for a Kaggle profile card for a long? Here is what you need to showcase your ML/DL achievements.</p>
<h2 dir="auto"><a id="user-content-svg-served-in-markdown-and-html" class="anchor" aria-hidden="true" href="#svg-served-in-markdown-and-html"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>SVG served in Markdown and HTML</h2>
<h3 dir="auto"><a id="user-content-markdown" class="anchor" aria-hidden="true" href="#markdown"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>Markdown</h3>
<p dir="auto">Just replace the <code>YOURKAGGLEUSERNAME</code> to yours (i.e. mine will be <a href="https://kaggle-card.chienhsiang-hung.eu.org/api/svg?chienhsianghung" rel="nofollow">https://kaggle-card.chienhsiang-hung.eu.org/api/svg?chienhsianghung</a>)</p>
<div class="highlight highlight-source-gfm notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=""><pre></pre></div>
<p dir="auto">Then Copy and Paste to your Github README.md like <a href="https://github.com/chienhsiang-hung/chienhsiang-hung/blob/main/README.md">mine</a></p>
<h3 dir="auto"><a id="user-content-html" class="anchor" aria-hidden="true" href="#html"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>HTML</h3>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="<img src="https://kaggle-card.chienhsiang-hung.eu.org/api/svg?YOURKAGGLEUSERNAME" alt="Hsiang's Kaggle Summary Card">"><pre><span class="pl-kos"><</span><span class="pl-ent">img</span> <span class="pl-c1">src</span>="<span class="pl-s">https://kaggle-card.chienhsiang-hung.eu.org/api/svg?YOURKAGGLEUSERNAME</span>" <span class="pl-c1">alt</span>="<span class="pl-s">Hsiang's Kaggle Summary Card</span>"<span class="pl-kos">></span></pre></div>
<p dir="auto">Then Copy and Paste to your website <code><body></code> section.</p>
<h2 dir="auto"><a id="user-content-iframe-object-embed-usage" class="anchor" aria-hidden="true" href="#iframe-object-embed-usage"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>iFrame/ Object/ Embed Usage</h2>
<p dir="auto">Just replace the <code>YOURKAGGLEUSERNAME</code> to yours (i.e. mine will be <a href="https://kaggle-card.chienhsiang-hung.eu.org/api/basic?chienhsianghung" rel="nofollow">https://kaggle-card.chienhsiang-hung.eu.org/api/basic?chienhsianghung</a>)</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="<iframe src="https://kaggle-card.chienhsiang-hung.eu.org/api/basic?YOURKAGGLEUSERNAME" width="100%" height="300" style="border:none; min-width: 800px;"></iframe>"><pre><span class="pl-kos"><</span><span class="pl-ent">iframe</span> <span class="pl-c1">src</span>="<span class="pl-s">https://kaggle-card.chienhsiang-hung.eu.org/api/basic?YOURKAGGLEUSERNAME</span>" <span class="pl-c1">width</span>="<span class="pl-s">100%</span>" <span class="pl-c1">height</span>="<span class="pl-s">300</span>" <span class="pl-c1">style</span>="<span class="pl-s">border:none; min-width: 800px;</span>"<span class="pl-kos">></span><span class="pl-kos"></</span><span class="pl-ent">iframe</span><span class="pl-kos">></span></pre></div>
<p dir="auto">Then Copy and Paste to your website <code><body></code> section.</p>
<h2 dir="auto"><a id="user-content-support" class="anchor" aria-hidden="true" href="#support"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>Support</h2>
<p dir="auto">It's always appreciated if you would like to <a href="https://ko-fi.com/chienhsianghung" rel="nofollow">buy me a cofee</a> to support this API. Thank you :)</p>
<hr>
<p dir="auto"><code>#api</code> <code>#profile</code> <code>#kaggle</code> <code>#vercel</code> <code>#business-card-app</code> <code>#kaggle-profile-api</code> <code>#kaggle-summary-card</code> <code>#kaggle-profile-summary-card-api</code> <code>#shareable-card-on-kaggle-profile</code></p>
</article>
</div>
</div>
</main>
<footer class="footer mt-auto py-3 bg-light">
<div class="container">
<div class="row">
<div class="col align-self-end" style="text-align:right;">
<span class="text-muted" style="vertical-align: middle;">
Powered by <a href="https://chienhsiang-hung.github.io/" target="_blank">@Hsiang</a>
</span>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
<script>
kofiWidgetOverlay.draw('chienhsianghung', {
'type': 'floating-chat',
'floating-chat.donateButton.text': 'Support me',
'floating-chat.donateButton.background-color': '#00b9fe',
'floating-chat.donateButton.text-color': '#fff'
});
</script>
<script>
function submit() {
let user = document.getElementById("user").value;
document.getElementById('my-card-svg-copy')['value'] = '';
document.getElementById('my-card-svg')['src'] = 'https://kaggle-card.chienhsiang-hung.eu.org/api/svg?' + user;
document.getElementById('my-card-svg-allround-copy')['value'] = '';
document.getElementById('my-card-svg-allround')['src'] = 'https://kaggle-card.chienhsiang-hung.eu.org/api/svg-allround?' + user;
document.getElementById('my-card-html-copy')['value'] = '<iframe src="https://kaggle-card.chienhsiang-hung.eu.org/api/basic?' + user + '" width="100%" height="300" style="border:none; min-width: 800px;"></iframe>';
document.getElementById('my-card-html')['src'] = 'https://kaggle-card.chienhsiang-hung.eu.org/api/basic?' + user;
}
</script>
</body>
</html>