Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing 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 dataset in the huggingface format 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. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face

22likes1.7kdownloads

root1199.html

1199.html201 linesDownload Raw Back to root

1<!DOCTYPE html>2<html lang="en" xmlns="">3 <head>4  <meta charset="utf-8">5  <title>6   Selection Functions (IEC 61131-3) - Select one Value from Others7  </title>8  <meta content="A collection of IEC 61131-3 standard selection functions to select one value from a set of values." name="description">9  <meta content="#026c4e" name="theme-color">10  <meta content="width=device-width, initial-scale=1" name="viewport">11  <style>12   h1{color:#ddd;font-weight:normal;padding:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAAA8BAMAAAC9YJB/AAAAMFBMVEUCbE4Ca00CaUwCaEsCZkoCZEgCYkcCYUcCYEYCX0UCakwCYUYCak0CY0gCa04CYEWPtRulAAABXklEQVR42u3ZsU3DQBhA4SNQRVEKQHRUIVVEZ9NQUDlUiAoTK4pS4ozgEW4EarOEa9gBW3TQsUE6JHo6eJLJeyN8Ov367y6EPnX12Nt65RyGUWimE6GZxp3QTAdCQ82EhoZHITTTfhSa6VRoqEuhoW6FZtorhGYaVEJDq0clNCTdCK30v4Lum3TosXQlNCS9ERra8jqhoa+ttdDQo+m10FDnQkMdR6Gh5aMQGhrUF0JT46MSmmm0FBrqZSM09O0yFxrqqBMaWj/SrdDQTr0QGmoahYZe9OZCU8/UudBQH/dCU6veUmio54XQ1K28FRrqqRWaGiC50NSylzVCQ+96SSv0zkyQsCsNbhqhqQnyJjTUe1oKTd3Ns0poqHoVhYbG9Vm+FZpplORRaOhcT7JSaKhP6mAHG9fEwdb5u2GSN0JDHSarUmhqF5lkr1FoaBmp0z+YI7r+NEfuHn71aH8BXA7zO1OgfawAAAAASUVORK5CYII=);}13		h3{color:#222;font-style:italic;}14		h4{margin: 18px 0px 10px 0px;}15		body{font-family:helvetica, sans-serif;font-size:10pt;}16		a{text-decoration:none;color:#4C8033;}17		p{max-width:800px;}18		p.chmHelpOnly {display:none;}19		li{max-width:760px;}20		ul{padding-left:24px;}21		ol{padding-left:28px;}22		.Indent{margin-left:24px;}23		.codeIndent{margin-left:24px;font-family:Courier New, Monospace;background-color:#f0f0f0;max-width:776px;}24		p.Note{font-style:italic;margin-left:24px;}25		p.CodeSample{font-family:Courier New, Monospace;background-color:#f0f0f0;max-width:776px;}26		p.Footer{border-top:1px solid silver;padding-top:2px;text-align:left;font-size:x-small;}27		ol.breadCrumbs{display:block;padding:0px;}28		ol.breadCrumbs>li{list-style:none;white-space:nowrap;display:inline;}29		ol.breadCrumbs>li:not(:last-child)::after{content:" » ";}30		ol>li{margin-top:5px;margin-bottom:5px;}31		ul>li{margin-top:5px;margin-bottom:5px;}32		ol.procedure li {margin-bottom: 15px;}33		ol.procedure li img {display: block;margin-top: 10px;}34		li>img{margin-top:6px;}35		table{border-style:solid;border-width:1px;border-spacing:0;max-width:776px;}36		table th{font-weight:normal;text-align:left;background-color:#E4E4E4;vertical-align:top;}37		table td{border-bottom:1px solid #e0e0e0;vertical-align:top;}38		table td ul{padding-left:18px;}39		td.Code{font-family:Courier New, Monospace;}40		table.Code td{font-family:Courier New, Monospace;}41		table.DataCable th{font-weight:bold;border:1px solid #e0e0e0;background-color:inherit;font-size:larger;text-align:center;}42		table.DataCable td{border:1px solid #e0e0e0;vertical-align:top;text-align:center;}43		pre{font-family:Courier New, Monospace;background-color:#f0f0f0;max-width:776px;}44		.Code{font-family:Courier New, Monospace;}45		img[usemap] {border:0px;}46		dl.parameters dt{font-family:Courier New, Monospace;}47		.nosp {}48		@media all and (min-width:641px) {49			table.Indent{margin-left:24px;}50			table.Code{margin-left:24px;}51			table.DataCable{margin-left:24px;}52			.codeIndent{margin-left:24px;}53			td, th{padding:5px 12px;}54		}55		@media all and (max-width:640px) {56			html, body{margin:0px;}57			td, th{padding:5px;}58			pre{font-size:x-small;}59			.Indent{margin-left:4px;}60			.codeIndent{margin-left:4px;}61			img{max-width:320px;height:auto;}62			ol.breadCrumbs>li:not(:nth-last-child(-n+2)){display:none;}63		}64  </style>65  <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">66 </head>67 <body>68  <h1>69   Selection Functions70  </h1>71  <a style="float:right;">72   Help Contents73  </a>74  <ol class="breadCrumbs">75   <li>76    <a>77     <span>78      Fernhill SCADA79     </span>80    </a>81    <meta>82   </li>83   <li>84    <a>85     <span>86      Help87     </span>88    </a>89    <meta>90   </li>91   <li>92    <a>93     <span>94      IEC 61131-395     </span>96    </a>97    <meta>98   </li>99   <li>100    <a>101     <span>102      Common Elements103     </span>104    </a>105    <meta>106   </li>107  </ol>108  <h2>109   Introduction110  </h2>111  <p>112   The IEC 61131-3113   <b>114    Selection Functions115   </b>116   choose one value from a set of values.117        These selection functions are supported:118  </p>119  <table class="Indent">120   <tbody>121    <tr>122     <th>123      Function124     </th>125     <th>126      Explanation127     </th>128    </tr>129    <tr>130     <td>131      <a>132       MOVE133      </a>134     </td>135     <td>136      Assign one value to another.137     </td>138    </tr>139    <tr>140     <td>141      <a>142       SEL143      </a>144     </td>145     <td>146      Returns one of two values depending on a BOOL value.147     </td>148    </tr>149    <tr>150     <td>151      <a>152       MAX153      </a>154     </td>155     <td>156      Returns the highest value input.157     </td>158    </tr>159   </tbody>160  </table>161  <h2>162   Standards Compliance163  </h2>164  <p>165   IEC 61131-3 Second Edition: Table 27.166  </p>167  <p>168   IEC 61131-3 Third Edition: Table 32.169  </p>170  <h2>171   Further Information172  </h2>173  <p>174   <a>175    Common Elements176   </a>177  </p>178  <p class="Indent">179   To learn about other common language elements.180  </p>181  <p>182   <a>183    Glossary184   </a>185  </p>186  <p class="Indent">187   For the meaning of terms used in188   <b>189    Fernhill190    <abbr title="Supervisory Control and Data Acquisition">191     SCADA192    </abbr>193   </b>194   .195  </p>196  <p class="Footer">197   Fernhill SCADA Version 4.0 (20231031.2).  Copyright &copy; 2012-2023 Fernhill Software Ltd: All rights reserved.198  </p>199 </body>200</html>201