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 <meta charset="utf-8">5 <title>6 GTFOArgs7 </title>8 <meta content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" name="viewport">9 </head>10 <body>11 <a aria-label="View source on Github" class="github-corner">12 </a>13 <style>14 @media (min-width: 1000px){body{width:800px;margin:40px auto}p{text-align:justify}}@media not all and (min-width: 1000px){.github-corner{display:none}}body{font-family:sans, sans-serif}code{padding:0.15em 0.25em;border-radius:0.25em;color:#bf0707;background:#fff4f4}pre{background:#fff4f4;padding:1em;overflow-x:auto}pre code{padding:0;border-radius:0}a:link,a:visited{color:#bf0707}a:hover{color:red}h2 .permalink,h3 .permalink,h4 .permalink,h5 .permalink,h5 .permalink{margin-left:5px;text-decoration:none;visibility:hidden}h2 .permalink::before,h3 .permalink::before,h4 .permalink::before,h5 .permalink::before,h5 .permalink::before{content:"#"}h2:target,h3:target,h4:target,h5:target,h5:target{border-left:5px solid #bf0707;padding-left:5px}h2:hover .permalink,h3:hover .permalink,h4:hover .permalink,h5:hover .permalink,h5:hover .permalink{visibility:visible}#bin-search-wrapper{margin:50px 0;padding:10px 0;position:relative}#bin-search-wrapper #bin-search-filters{text-align:center}#bin-search-wrapper #bin-search-filters a{background:#fff4f4;font-size:initial;border-radius:0.25em}#bin-search-wrapper #bin-search-filters a:hover:before{content:attr(data-title);font-size:0.8rem;display:block;position:absolute;left:0;right:0;margin-top:1.75rem;margin-left:10%;margin-right:10%;padding:1em;border-radius:1em;color:#fff4f4;background:rgba(0,0,0,0.75);z-index:1;pointer-events:none}#bin-search-wrapper #bin-search{margin-top:25px;padding:1em;font-size:1rem;width:100%;box-sizing:border-box;border:1px solid #bf0707;outline-color:#bf0707}#bin-table{width:100%}#bin-table th,#bin-table td{padding:0.2em 1em}#bin-table th{text-align:left}#bin-table tbody tr:hover{background:#fff4f4}#bin-table #search-message{display:none;text-align:center;padding:1em}.function-list{font-size:0.8rem;list-style:none;padding:0;margin:0}.function-list li{display:inline-block}.function-list li a{display:inline-block;padding:0.25em 0.5em;margin:0.2em 0;border:1px solid #bf0707}.function-list li a:link,.function-list li a:visited{color:#bf0707;text-decoration:none}.function-list li a:hover{color:red;border-color:red}.function-list li.match a{background:#fcc}.examples{display:table;width:100%;table-layout:fixed;counter-reset:item;margin:0;padding:0}.examples>li{display:table-row}.examples>li:not(:only-child):before{display:table-cell;font-size:0.8rem;font-weight:bold;width:3em;text-align:center;counter-increment:item;content:"(" counter(item,lower-alpha) ")"}.logo{float:right;width:100px;height:100px;margin-left:20px;margin-bottom:20px}.bin-name{font-family:monospace;font-size:1.2rem}.function-name{font-size:1.4rem;font-weight:bold}.github-buttons{display:inline-block;margin-left:10px}.github-buttons a.github-button{visibility:hidden}15 16 17.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}18 </style>19 <h1>20 GTFOArgs21 <div class="github-buttons">22 <span>23 </span>24 </div>25 </h1>26 <p>27 <img alt="logo" class="logo" src="rick.jpg">28 </p>29 <p>30 GTFOArgs is a curated list of Unix binaries that can be manipulated for argument injection, possibly resulting in security vulnerabilities.31 </p>32 <p>33 Argument injection (sometimes referred to as parameter injection) takes advantage of a program’s legitimate functionality in order to extend the capabilities provided by the method in which the program is intended to be run.34 </p>35 <p>36 The project collects legitimate37 <a>38 arguments39 </a>40 of Unix binaries that can be abused to break out of the environment they were run, in order to escalate privileges, transfer files, spawn bind and reverse shells, and facilitate other post-exploitation tasks.41 </p>42 <p>43 GTFOArgs is a44 <a>45 collaborative46 </a>47 project where everyone can48 <a>49 contribute50 </a>51 with additional binaries and techniques.52 </p>53 <p>54 This project was inspired by55 <a>56 GTFOBins57 </a>58 and most of the layout source code is written by them.59 </p>60 <div id="bin-search-wrapper">61 <ul class="function-list" id="bin-search-filters">62 <li>63 <a data-title="It can be used to break out from restricted environments by spawning an interactive system shell.">64 Shell65 </a>66 </li>67 <li>68 <a data-title="It can be used to break out from the intended program by running non-interactive system commands.">69 Command70 </a>71 </li>72 <li>73 <a data-title="It can exfiltrate files on the network.">74 File upload75 </a>76 </li>77 <li>78 <a data-title="It can download remote files.">79 File download80 </a>81 </li>82 </ul>83 <input id="bin-search" placeholder="Search among 20 binaries: <binary> +<function> ..." type="text">84 </div>85 <div id="bin-table-wrapper" style="height: 768px;">86 <table id="bin-table">87 <thead>88 <tr>89 <th>90 Binary91 </th>92 <th>93 Functions94 </th>95 </tr>96 </thead>97 <tbody>98 <tr>99 <td>100 <a class="bin-name">101 awk102 </a>103 </td>104 <td>105 <ul class="function-list">106 <li class="">107 <a>108 Shell109 </a>110 </li>111 <li class="">112 <a>113 Command114 </a>115 </li>116 <li class="">117 <a>118 File write119 </a>120 </li>121 <li class="">122 <a>123 File read124 </a>125 </li>126 </ul>127 </td>128 </tr>129 <tr>130 <td>131 <a class="bin-name">132 curl133 </a>134 </td>135 <td>136 <ul class="function-list">137 <li class="">138 <a>139 File upload140 </a>141 </li>142 <li class="">143 <a>144 File download145 </a>146 </li>147 <li class="">148 <a>149 File write150 </a>151 </li>152 <li class="">153 <a>154 File read155 </a>156 </li>157 </ul>158 </td>159 </tr>160 <tr>161 <td>162 <a class="bin-name">163 dig164 </a>165 </td>166 <td>167 <ul class="function-list">168 <li class="">169 <a>170 File read171 </a>172 </li>173 </ul>174 </td>175 </tr>176 </tbody>177 <tfoot>178 </tfoot>179 </table>180 </div>181 </body>182</html>183