SALT-NLP/Design2Code-HARD
This dataset consists of 80 extra difficult webpages from Github Pages, which challenges SoTA multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the "easy" version of the Design2Code testset here Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information.
6379
1<!DOCTYPE html>2<html>3 <head>4 <style>5 *{margin:0;padding:0;border:0;font-family:'Josefin Sans', sans-serif;box-sizing:border-box}form{width:100%;padding:10px 0;text-align:center}.filter_row{text-align:center}.filter_row p{white-space:pre-wrap}.filter_row p.hint{color:rgba(0,0,0,0.5)}@media only screen and (max-width: 450px){.filter_row p.hint{font-size:0.9em}}.all_tags{padding-top:10px;line-height:28px;text-align:center;overflow:scroll}.all_tags.short_view{max-height:125px}.centered{padding-top:10px;text-align:center;width:100%}button.show_more_toggle{color:blue}input[type="text"]{outline:none;border:none;transition:background-color 0.2s;margin:0 auto;display:block;font-size:1.2em;width:90%;max-width:400px;background-color:rgba(0,0,0,0.1);padding:9px 20px 7px 20px;text-align:left;border-radius:20px}@media only screen and (max-width: 450px){input[type="text"]{font-size:1em}}input[type="text"]:focus{outline:none;background-color:rgba(0,0,0,0.2)}.img_holder{display:flex;justify-content:center;height:100px;margin:20px 0 10px 0}.img_holder img{height:100%}h1{font-size:2.2em}h1.main_head{margin:10px 0;text-align:center}h1 span.small{font-size:0.7em;color:#000}@media only screen and (max-width: 450px){h1{font-size:2em}}h2{font-size:2.0em}h3{font-size:1.8em}h4{font-size:1.6em}h5{font-size:1.4em}a{color:#000}table{border-collapse:collapse;margin:10px 0;width:100%}table th{text-align:left;padding:5px 7px}table thead{border-bottom:2px solid black;font-size:1.2em}table td{padding:10px 7px}table td.software_tags{line-height:28px}table tbody.highlight-hover tr:hover{background-color:rgba(0,0,0,0.1)}@media only screen and (max-width: 450px){table th{text-align:left;display:none;width:100%}table td{display:block}table td.software_name{padding:10px}table td.software_tags{padding-top:1px}table tr{margin:5px 0;display:block}}body{margin:5px;background-color:#F2F0F2}.pin_max_width{margin:0 auto;max-width:800px}hr{height:2px;background-color:black;margin:10px 0px}span.pill{background-color:rgba(0,0,0,0.1);padding:3px 7px;border-radius:10px;margin:0 2px;white-space:nowrap}@media only screen and (max-width: 450px){span.pill{font-size:0.8em}}span.pill a{color:inherit;text-decoration:none}span.pill.TAG_complex{background-color:#b5ead6}span.pill.TAG_custom{background-color:#55cbcd}span.pill.TAG_dist{background-color:white}span.pill.TAG_lang{background-color:#fdcf76}span.pill.TAG_type{background-color:#ffaea5}span.pill.TAG_vis{background-color:#e8dff5}span.pill.TAG_feat{background-color:#ffc8a2}span.pill.TAG_repr{background-color:#c7dbda}span.pill button{font-size:0.8em}button{background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}span.large_pill{background-color:rgba(0,0,0,0.1);padding:5px 12px;border-radius:20px;font-size:1.2em}@media only screen and (max-width: 450px){span.large_pill{font-size:1em}}a.nodec{text-decoration:none}p.pill_bar{line-height:40px}p.pill_bar.small_text{line-height:28px}p.link_bar{text-align:right}blockquote{border-left:2px solid rgba(0,0,0,0.2);padding:10px 10px;margin:10px 10px}ul,ol{margin-top:10px;list-style-position:inside}p.no_content{text-align:center;padding:30px 10px}.content{line-height:1.3em}.content p:not(:first-child){margin-top:20px}.hidden{display:none}p.please_contribute{text-align:center;color:rgba(0,0,0,0.5);padding-bottom:15px}@media only screen and (max-width: 450px){p.please_contribute{font-size:0.9em}}6 7 8 9/* vietnamese */10@font-face {11 font-family: 'Josefin Sans';12 font-style: normal;13 font-weight: 400;14 font-display: swap;15 src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');16 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;17}18/* latin-ext */19@font-face {20 font-family: 'Josefin Sans';21 font-style: normal;22 font-weight: 400;23 font-display: swap;24 src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');25 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;26}27/* latin */28@font-face {29 font-family: 'Josefin Sans';30 font-style: normal;31 font-weight: 400;32 font-display: swap;33 src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');34 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;35}36/* vietnamese */37@font-face {38 font-family: 'Josefin Sans';39 font-style: normal;40 font-weight: 700;41 font-display: swap;42 src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');43 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;44}45/* latin-ext */46@font-face {47 font-family: 'Josefin Sans';48 font-style: normal;49 font-weight: 700;50 font-display: swap;51 src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');52 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;53}54/* latin */55@font-face {56 font-family: 'Josefin Sans';57 font-style: normal;58 font-weight: 700;59 font-display: swap;60 src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');61 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;62}63 </style>64 <meta charset="utf-8">65 <meta content="width=device-width, initial-scale=1.0" name="viewport">66 <!-- Search library -->67 <!-- Main CSS -->68 <!-- Fonts CSS -->69 <!-- Analytics -->70 <title>71 Search @ The CAT List72 </title>73 </head>74 <body>75 <div class="pin_max_width">76 <div class="img_holder">77 <img src="rick.jpg">78 </div>79 <h1 class="main_head">80 The81 C82 <span class="small">83 omputational84 </span>85 <span class="small">86 and87 </span>88 A89 <span class="small">90 pplied91 </span>92 T93 <span class="small">94 opology95 </span>96 List97 </h1>98 <form action id="search-form" method="get">99 <input id="search-box" name="query" placeholder="🔎 Search" type="text">100 </form>101 <div class="filter_row">102 <p class="hint" id="search-hint">103 Hint: Press enter to add the current search term as a tag filter.104 </p>105 Chosen tags:106 <table>107 <tbody>108 <tr>109 <td class="software_tags hidden" id="filter-tags">110 </td>111 </tr>112 </tbody>113 </table>114 </div>115 <div class="all_tags short_view" id="all_tags">116 All tags:117 <br>118 <span class="TAG_complex pill">119 complex/alpha 120 <button class="add-button" onclick="addTag('complex/alpha', true)">121 ➕122 </button>123 </span>124 <span class="TAG_complex pill">125 complex/cech 126 <button class="add-button" onclick="addTag('complex/cech', true)">127 ➕128 </button>129 </span>130 <span class="TAG_complex pill">131 complex/cell 132 <button class="add-button" onclick="addTag('complex/cell', true)">133 ➕134 </button>135 </span>136 <span class="TAG_complex pill">137 complex/chromatic-alpha 138 <button class="add-button" onclick="addTag('complex/chromatic-alpha', true)">139 ➕140 </button>141 </span>142 <span class="TAG_complex pill">143 complex/cluster-tree 144 <button class="add-button" onclick="addTag('complex/cluster-tree', true)">145 ➕146 </button>147 </span>148 <span class="TAG_complex pill">149 complex/cover-mapper 150 <button class="add-button" onclick="addTag('complex/cover-mapper', true)">151 ➕152 </button>153 </span>154 <span class="TAG_complex pill">155 complex/cubical 156 <button class="add-button" onclick="addTag('complex/cubical', true)">157 ➕158 </button>159 </span>160 <span class="TAG_complex pill">161 complex/cw 162 <button class="add-button" onclick="addTag('complex/cw', true)">163 ➕164 </button>165 </span>166 <span class="TAG_complex pill">167 complex/delay-coordinate 168 <button class="add-button" onclick="addTag('complex/delay-coordinate', true)">169 ➕170 </button>171 </span>172 <span class="TAG_complex pill">173 complex/digraph 174 <button class="add-button" onclick="addTag('complex/digraph', true)">175 ➕176 </button>177 </span>178 <span class="TAG_complex pill">179 complex/flag 180 <button class="add-button" onclick="addTag('complex/flag', true)">181 ➕182 </button>183 </span>184 <span class="TAG_complex pill">185 complex/grid 186 <button class="add-button" onclick="addTag('complex/grid', true)">187 ➕188 </button>189 </span>190 <span class="TAG_complex pill">191 complex/magnitude 192 <button class="add-button" onclick="addTag('complex/magnitude', true)">193 ➕194 </button>195 </span>196 <span class="TAG_complex pill">197 complex/ordinal-partition-network 198 <button class="add-button" onclick="addTag('complex/ordinal-partition-network', true)">199 ➕200 </button>201 </span>202 <span class="TAG_complex pill">203 complex/rips 204 <button class="add-button" onclick="addTag('complex/rips', true)">205 ➕206 </button>207 </span>208 <span class="TAG_complex pill">209 complex/rips-weighted 210 <button class="add-button" onclick="addTag('complex/rips-weighted', true)">211 ➕212 </button>213 </span>214 <span class="TAG_complex pill">215 complex/simplicial 216 <button class="add-button" onclick="addTag('complex/simplicial', true)">217 ➕218 </button>219 </span>220 <span class="TAG_complex pill">221 complex/tangential 222 <button class="add-button" onclick="addTag('complex/tangential', true)">223 ➕224 </button>225 </span>226 <span class="TAG_complex pill">227 complex/witness 228 <button class="add-button" onclick="addTag('complex/witness', true)">229 ➕230 </button>231 </span>232 <span class="TAG_custom pill">233 custom/boundary-matrix 234 <button class="add-button" onclick="addTag('custom/boundary-matrix', true)">235 ➕236 </button>237 </span>238 <span class="TAG_custom pill">239 custom/distance 240 <button class="add-button" onclick="addTag('custom/distance', true)">241 ➕242 </button>243 </span>244 <span class="TAG_custom pill">245 custom/filtration 246 <button class="add-button" onclick="addTag('custom/filtration', true)">247 ➕248 </button>249 </span>250 <span class="TAG_dist pill">251 dist/bottleneck 252 <button class="add-button" onclick="addTag('dist/bottleneck', true)">253 ➕254 </button>255 </span>256 <span class="TAG_dist pill">257 dist/dtm 258 <button class="add-button" onclick="addTag('dist/dtm', true)">259 ➕260 </button>261 </span>262 <span class="TAG_dist pill">263 dist/hausdorff 264 <button class="add-button" onclick="addTag('dist/hausdorff', true)">265 ➕266 </button>267 </span>268 <span class="TAG_dist pill">269 dist/wasserstein 270 <button class="add-button" onclick="addTag('dist/wasserstein', true)">271 ➕272 </button>273 </span>274 <span class="TAG_feat pill">275 feat/amplitude 276 <button class="add-button" onclick="addTag('feat/amplitude', true)">277 ➕278 </button>279 </span>280 <span class="TAG_feat pill">281 feat/entropy 282 <button class="add-button" onclick="addTag('feat/entropy', true)">283 ➕284 </button>285 </span>286 <span class="TAG_feat pill">287 feat/polynomial 288 <button class="add-button" onclick="addTag('feat/polynomial', true)">289 ➕290 </button>291 </span>292 <span class="TAG_lang pill">293 lang/R 294 <button class="add-button" onclick="addTag('lang/R', true)">295 ➕296 </button>297 </span>298 <span class="TAG_lang pill">299 lang/c++ 300 <button class="add-button" onclick="addTag('lang/c++', true)">301 ➕302 </button>303 </span>304 <span class="TAG_lang pill">305 lang/cli 306 <button class="add-button" onclick="addTag('lang/cli', true)">307 ➕308 </button>309 </span>310 <span class="TAG_lang pill">311 lang/cuda 312 <button class="add-button" onclick="addTag('lang/cuda', true)">313 ➕314 </button>315 </span>316 <span class="TAG_lang pill">317 lang/futhark 318 <button class="add-button" onclick="addTag('lang/futhark', true)">319 ➕320 </button>321 </span>322 <span class="TAG_lang pill">323 lang/java 324 <button class="add-button" onclick="addTag('lang/java', true)">325 ➕326 </button>327 </span>328 <span class="TAG_lang pill">329 lang/julia 330 <button class="add-button" onclick="addTag('lang/julia', true)">331 ➕332 </button>333 </span>334 <span class="TAG_lang pill">335 lang/matlab 336 <button class="add-button" onclick="addTag('lang/matlab', true)">337 ➕338 </button>339 </span>340 <span class="TAG_lang pill">341 lang/python 342 <button class="add-button" onclick="addTag('lang/python', true)">343 ➕344 </button>345 </span>346 <span class="TAG_lang pill">347 lang/rust 348 <button class="add-button" onclick="addTag('lang/rust', true)">349 ➕350 </button>351 </span>352 <span class="TAG_repr pill">353 repr/atol 354 <button class="add-button" onclick="addTag('repr/atol', true)">355 ➕356 </button>357 </span>358 <span class="TAG_repr pill">359 repr/image 360 <button class="add-button" onclick="addTag('repr/image', true)">361 ➕362 </button>363 </span>364 <span class="TAG_repr pill">365 repr/kernel 366 <button class="add-button" onclick="addTag('repr/kernel', true)">367 ➕368 </button>369 </span>370 <span class="TAG_repr pill">371 repr/landscape 372 <button class="add-button" onclick="addTag('repr/landscape', true)">373 ➕374 </button>375 </span>376 <span class="TAG_repr pill">377 repr/mma 378 <button class="add-button" onclick="addTag('repr/mma', true)">379 ➕380 </button>381 </span>382 <span class="TAG_repr pill">383 repr/signed-barcode 384 <button class="add-button" onclick="addTag('repr/signed-barcode', true)">385 ➕386 </button>387 </span>388 <span class="TAG_repr pill">389 repr/silhouette 390 <button class="add-button" onclick="addTag('repr/silhouette', true)">391 ➕392 </button>393 </span>394 <span class="TAG_repr pill">395 repr/templatefunctions 396 <button class="add-button" onclick="addTag('repr/templatefunctions', true)">397 ➕398 </button>399 </span>400 <span class="TAG_stats pill">401 stats/bootstrap 402 <button class="add-button" onclick="addTag('stats/bootstrap', true)">403 ➕404 </button>405 </span>406 <span class="TAG_type pill">407 type/Reeb 408 <button class="add-button" onclick="addTag('type/Reeb', true)">409 ➕410 </button>411 </span>412 <span class="TAG_type pill">413 type/chromatic 414 <button class="add-button" onclick="addTag('type/chromatic', true)">415 ➕416 </button>417 </span>418 <span class="TAG_type pill">419 type/clustering 420 <button class="add-button" onclick="addTag('type/clustering', true)">421 ➕422 </button>423 </span>424 <span class="TAG_type pill">425 type/dimensionality-reduction 426 <button class="add-button" onclick="addTag('type/dimensionality-reduction', true)">427 ➕428 </button>429 </span>430 <span class="TAG_type pill">431 type/discrete-morse-theory 432 <button class="add-button" onclick="addTag('type/discrete-morse-theory', true)">433 ➕434 </button>435 </span>436 <span class="TAG_type pill">437 type/distributed 438 <button class="add-button" onclick="addTag('type/distributed', true)">439 ➕440 </button>441 </span>442 <span class="TAG_type pill">443 type/euler-char-transform 444 <button class="add-button" onclick="addTag('type/euler-char-transform', true)">445 ➕446 </button>447 </span>448 <span class="TAG_type pill">449 type/gpu 450 <button class="add-button" onclick="addTag('type/gpu', true)">451 ➕452 </button>453 </span>454 <span class="TAG_type pill">455 type/images 456 <button class="add-button" onclick="addTag('type/images', true)">457 ➕458 </button>459 </span>460 <span class="TAG_type pill">461 type/mapper 462 <button class="add-button" onclick="addTag('type/mapper', true)">463 ➕464 </button>465 </span>466 <span class="TAG_type pill">467 type/mergetree 468 <button class="add-button" onclick="addTag('type/mergetree', true)">469 ➕470 </button>471 </span>472 <span class="TAG_type pill">473 type/multiparameter 474 <button class="add-button" onclick="addTag('type/multiparameter', true)">475 ➕476 </button>477 </span>478 <span class="TAG_type pill">479 type/omnifield 480 <button class="add-button" onclick="addTag('type/omnifield', true)">481 ➕482 </button>483 </span>484 <span class="TAG_type pill">485 type/parallel 486 <button class="add-button" onclick="addTag('type/parallel', true)">487 ➕488 </button>489 </span>490 <span class="TAG_type pill">491 type/persistence 492 <button class="add-button" onclick="addTag('type/persistence', true)">493 ➕494 </button>495 </span>496 <span class="TAG_type pill">497 type/representative 498 <button class="add-button" onclick="addTag('type/representative', true)">499 ➕500 </button>501 </span>502 <span class="TAG_type pill">503 type/singularity-detection 504 <button class="add-button" onclick="addTag('type/singularity-detection', true)">505 ➕506 </button>507 </span>508 <span class="TAG_type pill">509 type/vineyard 510 <button class="add-button" onclick="addTag('type/vineyard', true)">511 ➕512 </button>513 </span>514 <span class="TAG_type pill">515 type/zigzag 516 <button class="add-button" onclick="addTag('type/zigzag', true)">517 ➕518 </button>519 </span>520 <span class="TAG_vis pill">521 vis/barcode 522 <button class="add-button" onclick="addTag('vis/barcode', true)">523 ➕524 </button>525 </span>526 <span class="TAG_vis pill">527 vis/betti-surface 528 <button class="add-button" onclick="addTag('vis/betti-surface', true)">529 ➕530 </button>531 </span>532 <span class="TAG_vis pill">533 vis/cluster-tree 534 <button class="add-button" onclick="addTag('vis/cluster-tree', true)">535 ➕536 </button>537 </span>538 <span class="TAG_vis pill">539 vis/density 540 <button class="add-button" onclick="addTag('vis/density', true)">541 ➕542 </button>543 </span>544 <span class="TAG_vis pill">545 vis/diagram 546 <button class="add-button" onclick="addTag('vis/diagram', true)">547 ➕548 </button>549 </span>550 </div>551 <div class="centered">552 <button class="show_more_toggle" id="show_more_toggle">553 ↓ Show more ↓554 </button>555 </div>556 <table>557 <thead>558 <tr>559 <th>560 Software561 </th>562 <th>563 Tags564 </th>565 </tr>566 </thead>567 <tbody class="highlight-hover" id="table_body">568 <tr id="/software/2pac">569 <td class="software_name">570 <a>571 2pac572 </a>573 </td>574 <td class="software_tags">575 <span class="TAG_complex pill">576 complex/rips 577 <button class="add-button" onclick="addTag('complex/rips', true)">578 ➕579 </button>580 </span>581 <span class="TAG_custom pill">582 custom/boundary-matrix 583 <button class="add-button" onclick="addTag('custom/boundary-matrix', true)">584 ➕585 </button>586 </span>587 <span class="TAG_custom pill">588 custom/distance 589 <button class="add-button" onclick="addTag('custom/distance', true)">590 ➕591 </button>592 </span>593 <span class="TAG_custom pill">594 custom/filtration 595 <button class="add-button" onclick="addTag('custom/filtration', true)">596 ➕597 </button>598 </span>599 <span class="TAG_lang pill">600 lang/c++ 601 <button class="add-button" onclick="addTag('lang/c++', true)">602 ➕603 </button>604 </span>605 <span class="TAG_lang pill">606 lang/cli 607 <button class="add-button" onclick="addTag('lang/cli', true)">608 ➕609 </button>610 </span>611 <span class="TAG_lang pill">612 lang/python 613 <button class="add-button" onclick="addTag('lang/python', true)">614 ➕615 </button>616 </span>617 <span class="TAG_type pill">618 type/multiparameter 619 <button class="add-button" onclick="addTag('type/multiparameter', true)">620 ➕621 </button>622 </span>623 <span class="TAG_type pill">624 type/persistence 625 <button class="add-button" onclick="addTag('type/persistence', true)">626 ➕627 </button>628 </span>629 </td>630 </tr>631 <tr id="/software/bats">632 <td class="software_name">633 <a>634 bats635 </a>636 </td>637 <td class="software_tags">638 <span class="TAG_complex pill">639 complex/cell 640 <button class="add-button" onclick="addTag('complex/cell', true)">641 ➕642 </button>643 </span>644 <span class="TAG_complex pill">645 complex/cubical 646 <button class="add-button" onclick="addTag('complex/cubical', true)">647 ➕648 </button>649 </span>650 <span class="TAG_complex pill">651 complex/rips 652 <button class="add-button" onclick="addTag('complex/rips', true)">653 ➕654 </button>655 </span>656 <span class="TAG_complex pill">657 complex/simplicial 658 <button class="add-button" onclick="addTag('complex/simplicial', true)">659 ➕660 </button>661 </span>662 <span class="TAG_complex pill">663 complex/witness 664 <button class="add-button" onclick="addTag('complex/witness', true)">665 ➕666 </button>667 </span>668 <span class="TAG_custom pill">669 custom/distance 670 <button class="add-button" onclick="addTag('custom/distance', true)">671 ➕672 </button>673 </span>674 <span class="TAG_custom pill">675 custom/filtration 676 <button class="add-button" onclick="addTag('custom/filtration', true)">677 ➕678 </button>679 </span>680 <span class="TAG_lang pill">681 lang/c++ 682 <button class="add-button" onclick="addTag('lang/c++', true)">683 ➕684 </button>685 </span>686 <span class="TAG_lang pill">687 lang/python 688 <button class="add-button" onclick="addTag('lang/python', true)">689 ➕690 </button>691 </span>692 <span class="TAG_type pill">693 type/persistence 694 <button class="add-button" onclick="addTag('type/persistence', true)">695 ➕696 </button>697 </span>698 <span class="TAG_type pill">699 type/representative 700 <button class="add-button" onclick="addTag('type/representative', true)">701 ➕702 </button>703 </span>704 <span class="TAG_type pill">705 type/vineyard 706 <button class="add-button" onclick="addTag('type/vineyard', true)">707 ➕708 </button>709 </span>710 </td>711 </tr>712 <tr id="/software/cereeberus">713 <td class="software_name">714 <a>715 cereeberus716 </a>717 </td>718 <td class="software_tags">719 <span class="TAG_complex pill">720 complex/simplicial 721 <button class="add-button" onclick="addTag('complex/simplicial', true)">722 ➕723 </button>724 </span>725 <span class="TAG_lang pill">726 lang/python 727 <button class="add-button" onclick="addTag('lang/python', true)">728 ➕729 </button>730 </span>731 <span class="TAG_type pill">732 type/Reeb 733 <button class="add-button" onclick="addTag('type/Reeb', true)">734 ➕735 </button>736 </span>737 <span class="TAG_type pill">738 type/mapper 739 <button class="add-button" onclick="addTag('type/mapper', true)">740 ➕741 </button>742 </span>743 <span class="TAG_type pill">744 type/mergetree 745 <button class="add-button" onclick="addTag('type/mergetree', true)">746 ➕747 </button>748 </span>749 </td>750 </tr>751 </tbody>752 </table>753 <p class="please_contribute">754 Please contribute by making a pull request on755 <a>756 our Github757 </a>758 .759 </p>760 </div>761 </body>762</html>763