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 lang="en">3 <head>4 <style>5 body6{ 7 background-color:white;8 font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 9 font-size:14px;10 text-align:justify;11 }12 13#mainframe 14{15 margin-top:0px;16 margin-left:auto;17 margin-right:auto;18 margin-bottom:100px;19 width: 800px; 20 background-color:white;21}22 23#header24{25margin-top:30px;26 margin-left:auto;27 margin-right:auto;28 margin-bottom:60px;29}30 31#talk-title32{33 margin-top: 0px;34 margin-left: 0px;35}36 37#talk-name38{39 margin-top: 30px;40}41 42/***** Headers, text *****/43 44h145{ 46 clear:left;47 color:#505050;48 font-size:240%;49 margin-top:0px;50 text-align:center;51}52 53 54h255{ 56 color:#505050;57 font-size:160%;58 text-align:left;59 margin-top: 40px;60 margin-bottom: 10px;61}62 63 64h365{ 66 color:#505050;67 font-size:160%;68 text-align:center;69}70 71a:link72{73 color:#900000;74 text-decoration:none; 75}76 77a:active78{79 color:#900000;80 text-decoration:none; 81}82 83a:visited84{85 color:#900000;86 text-decoration:none;87}88 89a:hover90{91 text-decoration:underline;92 }93 94ul95{96 list-style-position:inside;97 padding:0;98 margin-left:0;99}100 101ul li102{103 padding:0;104 margin:0;105 margin-bottom:1em;106}107 108ol109{110 list-style-position:inside;111 padding:0;112 margin-left:0;113}114 115ol li116{117 padding:0;118 margin:0;119 margin-bottom:1em;120}121 122 123.flushright {124 text-align:right;125}126 127.shifted{128 margin-left:1em;129}130 131 132/***** Table *****/133 134 135.withborder{136 border-collapse:collapse;137 138}139 140.withborder th {141 border:solid 1px black;142 text-align:center;143 padding:5px;144}145 146.withborder td {147 border:solid 1px black;148 padding:5px;149}150 151.red {152 font-weight:bold;153 color:red;154}155 156 157.green {158 font-weight:bold;159 color:green;160}161 162.blue {163 font-weight:bold;164 color:DarkBlue;165}166 167 168.big {169 font-size:150%;170 text-align:center;171}172 173img{174 border:0;175 margin-left:auto;176 margin-right:auto;177 178}179 180.centered{181 text-align:center;182}183 184.alert {185 font-weight:bold;186 color:#E41B17;187}188 </style>189 <meta charset="utf-8">190 <title>191 Open Dynamic Robot Initiative192 </title>193 </head>194 <body>195 <div id="mainframe">196 <div id="header">197 <h1>198 Open Dynamic Robot Initiative199 </h1>200 <h3>201 An Open Torque-Controlled Modular Robot Architecture for202 Legged Locomotion Research203 </h3>204 <div align="center" style="padding-top: 20px">205 <img src="rick.jpg" style="height:220px">206 <img src="rick.jpg" style="height:220px">207 <img src="rick.jpg" style="height:220px">208 </div>209 </div>210 <div id="main">211 <h2>212 Introduction213 </h2>214 <p>215 This website is the entry point to the ressources of the Open Dynamic Robot Initiative.216 This project originated in an effort to build a low cost and low complexity actuator module using217 brushless motors218 that can be used to build different types of torque controlled robots with mostly 3D printed219 and off-the-shelves components. This module, and extensions, can be used to build legged robots or220 manipulators.221 A paper describing the actuator module and the quadruped design can be found222 <a>223 here224 </a>225 .226 A paper describing the TriFinger Manipulator Platform and real-time reinforcement learning experiments can be found227 <a>228 here229 </a>230 .231 </p>232 <h2>233 Videos234 </h2>235 <div align="center">236 <p>237 More videos are available on our238 <a>239 YouTube channel240 </a>241 .242 <br>243 You can ask questions on our244 <a>245 Discourse forum246 </a>247 .248 </p>249 </div>250 <h2>251 Build your own robot!252 </h2>253 All the hardware (drawings) and software has been open sourced under the BSD 3-clause license so the robots254 can easily be reproduced by other research laboratories. Everyone is welcomes to contribute to the project!255 <p>256 All the sources are hosted on the257 <a>258 Open Dynamic259 Robot Initiative Github site260 </a>261 </p>262 <ul>263 <li>264 The sources for the mechanics and electronics are available in the265 <a>266 Open267 Robot Actuator Hardware Repository268 </a>269 and contains the actuator module, the one legged-robot, the quadruped Solo, the foot contact sensor270 and the electronics described in271 the paper272 <a>273 An Open Torque-Controlled Modular Robot274 Architecture for Legged Locomotion Research275 </a>276 </li>277 <li>278 A general software overview and documentation for the projects is available in the279 <a>280 Open281 Dynamic Robot Initiative Software Documentation282 </a>283 The main software is available in several libraries:284 <ul style="padding-left: 20px">285 <li>286 <a>287 The Brushless Motor288 Control Real-Time CAN API289 </a>290 that contain the API for real-time communication with the motor control board291 </li>292 <li>293 <a>294 MotorWare295 Extensions296 </a>297 that contains some modules that extend the Texas Instruments MotorWare library as well as a298 patch file to apply some required modifications on the original MotorWare library itself.299 </li>300 <li>301 <a>302 MotorWare303 Configuration Files304 </a>305 that contains the global configuration files that are used by all our MotorWare projects.306 </li>307 </ul>308 </li>309 </ul>310 <p>311 </p>312 <h2>313 Partners314 </h2>315 <p>316 This work is done in collaboration between the317 <a>318 Motion319 Generation and Control Group320 </a>321 ,322 <a>323 the Dynamic Locomotion Group324 </a>325 and the326 <a>327 Robotics Central Scientific Facility328 </a>329 at the330 <a>331 Max-Planck Institute for Intelligent System332 </a>333 <a>334 ,335 the336 </a>337 <a>338 Machines in Motion Laboratory339 </a>340 at341 <a>342 New York University's Tandon School of Engineering343 </a>344 and the345 <a>346 Gepetto Team347 </a>348 at the349 <a>350 LAAS/CNRS351 </a>352 .353 </p>354 <h2>355 Referencing the project356 </h2>357 You can reference the project with the following citation:358 <br>359 <br>360 <em>361 <small>362 @article{grimminger2020open,363 <br>364 title={An Open Torque-Controlled Modular Robot Architecture for Legged Locomotion Research},365 <br>366 author={F. {Grimminger} and A. {Meduri} and M. {Khadiv} and J. {Viereck} and M. {Wüthrich} and M.367 {Naveau} and V. {Berenz} and S. {Heim} and F. {Widmaier} and T. {Flayols} and J. {Fiene} and A.368 {Badri-Spröwitz} and L. {Righetti}},369 <br>370 journal={IEEE Robotics and Automation Letters},371 <br>372 year={2020},373 <br>374 volume={5},375 <br>376 number={2},377 <br>378 pages={3650-3657},379 <br>380 doi={10.1109/LRA.2020.2976639},381 <br>382 arXiv = {arXiv:1910.00093}}383 <br>384 <br>385 </small>386 </em>387 The pdf of the paper is available388 <a>389 here390 </a>391 </div>392 </div>393 </body>394</html>395