CoolFace
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.8kdownloads
root2282.html
2282.html3398 linesDownload Raw Back to root
1<!DOCTYPE html>2<html dir="ltr" lang="en">3 <head>4  <meta content="width=device-width, initial-scale=1" name="viewport">5  <title>6   Author Erica Cope7  </title>8  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9  <!-- Chrome, Firefox OS and Opera -->10  <meta content="#ffffff" name="theme-color">11  <!-- Windows Phone -->12  <meta content="#ffffff" name="msapplication-navbutton-color">13  <meta content="blogger" name="generator">14  <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->15  <meta content="" property="og:url">16  <meta content="Author Erica Cope" property="og:title">17  <meta content="Author of YA fiction. Lover of all things coffee, Harry Potter (Hufflepuff!), and cats. " property="og:description">18  <meta content="" property="og:image">19  <style type="text/css">20   @font-face{font-family:'Cantarell';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/cantarell/v17/B50NF7ZDq37KMUvlO015gqJrLK8.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Cantarell';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/cantarell/v17/B50NF7ZDq37KMUvlO015jKJr.woff2)format('woff2');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;}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2)format('woff2');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;}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2)format('woff2');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;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR79wU6ingQ.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR795U6ingQ.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR79xU6ingQ.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR79-U6ingQ.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR79yU6ingQ.woff2)format('woff2');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;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR79zU6ingQ.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR799U6g.woff2)format('woff2');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;}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2)format('woff2');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;}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2)format('woff2');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;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4taVIGxA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4kaVIGxA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4saVIGxA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4jaVIGxA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4iaVIGxA.woff2)format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4vaVIGxA.woff2)format('woff2');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;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4uaVIGxA.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVI.woff2)format('woff2');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;}21  </style>22  <style id="page-skin-1" type="text/css">23   <!--24/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}25body{26overflow-wrap:break-word;27word-break:break-word;28word-wrap:break-word29}30.hidden{31display:none32}33.invisible{34visibility:hidden35}36.container::after,.float-container::after{37clear:both;38content:"";39display:table40}41.clearboth{42clear:both43}44#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link{45background:0 0;46border:0;47box-shadow:none;48color:#25a186;49cursor:pointer;50font-size:14px;51font-weight:700;52outline:0;53text-decoration:none;54text-transform:uppercase;55width:auto56}57.dim-overlay{58background-color:rgba(0,0,0,.54);59height:100vh;60left:0;61position:fixed;62top:0;63width:100%64}65#sharing-dim-overlay{66background-color:transparent67}68input::-ms-clear{69display:none70}71.blogger-logo,.svg-icon-24.blogger-logo{72fill:#ff9800;73opacity:174}75.loading-spinner-large{76-webkit-animation:mspin-rotate 1.568s infinite linear;77animation:mspin-rotate 1.568s infinite linear;78height:48px;79overflow:hidden;80position:absolute;81width:48px;82z-index:20083}84.loading-spinner-large>div{85-webkit-animation:mspin-revrot 5332ms infinite steps(4);86animation:mspin-revrot 5332ms infinite steps(4)87}88.loading-spinner-large>div>div{89-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);90animation:mspin-singlecolor-large-film 1333ms infinite steps(81);91background-size:100%;92height:48px;93width:3888px94}95.mspin-black-large>div>div,.mspin-grey_54-large>div>div{96background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)97}98.mspin-white-large>div>div{99background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)100}101.mspin-grey_54-large{102opacity:.54103}104@-webkit-keyframes mspin-singlecolor-large-film{105from{106-webkit-transform:translateX(0);107transform:translateX(0)108}109to{110-webkit-transform:translateX(-3888px);111transform:translateX(-3888px)112}113}114@keyframes mspin-singlecolor-large-film{115from{116-webkit-transform:translateX(0);117transform:translateX(0)118}119to{120-webkit-transform:translateX(-3888px);121transform:translateX(-3888px)122}123}124@-webkit-keyframes mspin-rotate{125from{126-webkit-transform:rotate(0);127transform:rotate(0)128}129to{130-webkit-transform:rotate(360deg);131transform:rotate(360deg)132}133}134@keyframes mspin-rotate{135from{136-webkit-transform:rotate(0);137transform:rotate(0)138}139to{140-webkit-transform:rotate(360deg);141transform:rotate(360deg)142}143}144@-webkit-keyframes mspin-revrot{145from{146-webkit-transform:rotate(0);147transform:rotate(0)148}149to{150-webkit-transform:rotate(-360deg);151transform:rotate(-360deg)152}153}154@keyframes mspin-revrot{155from{156-webkit-transform:rotate(0);157transform:rotate(0)158}159to{160-webkit-transform:rotate(-360deg);161transform:rotate(-360deg)162}163}164.skip-navigation{165background-color:#fff;166box-sizing:border-box;167color:#000;168display:block;169height:0;170left:0;171line-height:50px;172overflow:hidden;173padding-top:0;174position:fixed;175text-align:center;176top:0;177-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;178transition:box-shadow .3s,height .3s,padding-top .3s;179width:100%;180z-index:900181}182.skip-navigation:focus{183box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);184height:50px185}186#main{187outline:0188}189.main-heading{190position:absolute;191clip:rect(1px,1px,1px,1px);192padding:0;193border:0;194height:1px;195width:1px;196overflow:hidden197}198.Attribution{199margin-top:1em;200text-align:center201}202.Attribution .blogger img,.Attribution .blogger svg{203vertical-align:bottom204}205.Attribution .blogger img{206margin-right:.5em207}208.Attribution div{209line-height:24px;210margin-top:.5em211}212.Attribution .copyright,.Attribution .image-attribution{213font-size:.7em;214margin-top:1.5em215}216.BLOG_mobile_video_class{217display:none218}219.bg-photo{220background-attachment:scroll!important221}222body .CSS_LIGHTBOX{223z-index:900224}225.extendable .show-less,.extendable .show-more{226border-color:#25a186;227color:#25a186;228margin-top:8px229}230.extendable .show-less.hidden,.extendable .show-more.hidden{231display:none232}233.inline-ad{234display:none;235max-width:100%;236overflow:hidden237}238.adsbygoogle{239display:block240}241#cookieChoiceInfo{242bottom:0;243top:auto244}245iframe.b-hbp-video{246border:0247}248.post-body img{249max-width:100%250}251.post-body iframe{252max-width:100%253}254.post-body a[imageanchor="1"]{255display:inline-block256}257.byline{258margin-right:1em259}260.byline:last-child{261margin-right:0262}263.link-copied-dialog{264max-width:520px;265outline:0266}267.link-copied-dialog .modal-dialog-buttons{268margin-top:8px269}270.link-copied-dialog .goog-buttonset-default{271background:0 0;272border:0273}274.link-copied-dialog .goog-buttonset-default:focus{275outline:0276}277.paging-control-container{278margin-bottom:16px279}280.paging-control-container .paging-control{281display:inline-block282}283.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{284color:#25a186285}286.paging-control-container .comment-range-text,.paging-control-container .paging-control{287margin-right:8px288}289.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{290content:"\b7";291cursor:default;292padding-left:8px;293pointer-events:none294}295.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{296content:none297}298.byline.reactions iframe{299height:20px300}301.b-notification{302color:#000;303background-color:#fff;304border-bottom:solid 1px #000;305box-sizing:border-box;306padding:16px 32px;307text-align:center308}309.b-notification.visible{310-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);311transition:margin-top .3s cubic-bezier(.4,0,.2,1)312}313.b-notification.invisible{314position:absolute315}316.b-notification-close{317position:absolute;318right:8px;319top:8px320}321.no-posts-message{322line-height:40px;323text-align:center324}325@media screen and (max-width:968px){326body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{327float:none!important;328clear:none!important329}330body.item-view .post-body a[imageanchor="1"] img{331display:block;332height:auto;333margin:0 auto334}335body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{336margin-top:20px337}338.post-body a[imageanchor]{339display:block340}341body.item-view .post-body a[imageanchor="1"]{342margin-left:0!important;343margin-right:0!important344}345body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{346margin-top:16px347}348}349.item-control{350display:none351}352#comments{353border-top:1px dashed rgba(0,0,0,.54);354margin-top:20px;355padding:20px356}357#comments .comment-thread ol{358margin:0;359padding-left:0;360padding-left:0361}362#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{363margin-left:60px364}365#comments .comment-thread .thread-count{366display:none367}368#comments .comment{369list-style-type:none;370padding:0 0 30px;371position:relative372}373#comments .comment .comment{374padding-bottom:8px375}376.comment .avatar-image-container{377position:absolute378}379.comment .avatar-image-container img{380border-radius:50%381}382.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{383border-radius:50%;384border:solid 1px #f44c83;385box-sizing:border-box;386fill:#f44c83;387height:35px;388margin:0;389padding:7px;390width:35px391}392.comment .comment-block{393margin-top:10px;394margin-left:60px;395padding-bottom:0396}397#comments .comment-author-header-wrapper{398margin-left:40px399}400#comments .comment .thread-expanded .comment-block{401padding-bottom:20px402}403#comments .comment .comment-header .user,#comments .comment .comment-header .user a{404color:#292929;405font-style:normal;406font-weight:700407}408#comments .comment .comment-actions{409bottom:0;410margin-bottom:15px;411position:absolute412}413#comments .comment .comment-actions>*{414margin-right:8px415}416#comments .comment .comment-header .datetime{417bottom:0;418color:rgba(0,0,0,0.54);419display:inline-block;420font-size:13px;421font-style:italic;422margin-left:8px423}424#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{425color:rgba(0,0,0,0.54)426}427#comments .comment .comment-content,.comment .comment-body{428margin-top:12px;429word-break:break-word430}431.comment-body{432margin-bottom:12px433}434#comments.embed[data-num-comments="0"]{435border:0;436margin-top:0;437padding-top:0438}439#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{440display:none441}442#comment-editor-src{443display:none444}445.comments .comments-content .loadmore.loaded{446max-height:0;447opacity:0;448overflow:hidden449}450.extendable .remaining-items{451height:0;452overflow:hidden;453-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);454transition:height .3s cubic-bezier(.4,0,.2,1)455}456.extendable .remaining-items.expanded{457height:auto458}459.svg-icon-24,.svg-icon-24-button{460cursor:pointer;461height:24px;462width:24px;463min-width:24px464}465.touch-icon{466margin:-12px;467padding:12px468}469.touch-icon:active,.touch-icon:focus{470background-color:rgba(153,153,153,.4);471border-radius:50%472}473svg:not(:root).touch-icon{474overflow:visible475}476html[dir=rtl] .rtl-reversible-icon{477-webkit-transform:scaleX(-1);478-ms-transform:scaleX(-1);479transform:scaleX(-1)480}481.svg-icon-24-button,.touch-icon-button{482background:0 0;483border:0;484margin:0;485outline:0;486padding:0487}488.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{489background-color:transparent490}491.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{492background-color:rgba(153,153,153,.4);493border-radius:50%494}495.Profile .default-avatar-wrapper .avatar-icon{496border-radius:50%;497border:solid 1px #000000;498box-sizing:border-box;499fill:#000000;500margin:0501}502.Profile .individual .default-avatar-wrapper .avatar-icon{503padding:25px504}505.Profile .individual .avatar-icon,.Profile .individual .profile-img{506height:120px;507width:120px508}509.Profile .team .default-avatar-wrapper .avatar-icon{510padding:8px511}512.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{513height:40px;514width:40px515}516.snippet-container{517margin:0;518position:relative;519overflow:hidden520}521.snippet-fade{522bottom:0;523box-sizing:border-box;524position:absolute;525width:96px526}527.snippet-fade{528right:0529}530.snippet-fade:after{531content:"\2026"532}533.snippet-fade:after{534float:right535}536.post-bottom{537-webkit-box-align:center;538-webkit-align-items:center;539-ms-flex-align:center;540align-items:center;541display:-webkit-box;542display:-webkit-flex;543display:-ms-flexbox;544display:flex;545-webkit-flex-wrap:wrap;546-ms-flex-wrap:wrap;547flex-wrap:wrap548}549.post-footer{550-webkit-box-flex:1;551-webkit-flex:1 1 auto;552-ms-flex:1 1 auto;553flex:1 1 auto;554-webkit-flex-wrap:wrap;555-ms-flex-wrap:wrap;556flex-wrap:wrap;557-webkit-box-ordinal-group:2;558-webkit-order:1;559-ms-flex-order:1;560order:1561}562.post-footer>*{563-webkit-box-flex:0;564-webkit-flex:0 1 auto;565-ms-flex:0 1 auto;566flex:0 1 auto567}568.post-footer .byline:last-child{569margin-right:1em570}571.jump-link{572-webkit-box-flex:0;573-webkit-flex:0 0 auto;574-ms-flex:0 0 auto;575flex:0 0 auto;576-webkit-box-ordinal-group:3;577-webkit-order:2;578-ms-flex-order:2;579order:2580}581.centered-top-container.sticky{582left:0;583position:fixed;584right:0;585top:0;586width:auto;587z-index:8;588-webkit-transition-property:opacity,-webkit-transform;589transition-property:opacity,-webkit-transform;590transition-property:transform,opacity;591transition-property:transform,opacity,-webkit-transform;592-webkit-transition-duration:.2s;593transition-duration:.2s;594-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);595transition-timing-function:cubic-bezier(.4,0,.2,1)596}597.centered-top-placeholder{598display:none599}600.collapsed-header .centered-top-placeholder{601display:block602}603.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{604display:none605}606.centered-top-container.sticky .Header .replaced h1{607display:block608}609.centered-top-container.sticky .Header .header-widget{610background:0 0611}612.centered-top-container.sticky .Header .header-image-wrapper{613display:none614}615.centered-top-container img,.centered-top-placeholder img{616max-width:100%617}618.collapsible{619-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);620transition:height .3s cubic-bezier(.4,0,.2,1)621}622.collapsible,.collapsible>summary{623display:block;624overflow:hidden625}626.collapsible>:not(summary){627display:none628}629.collapsible[open]>:not(summary){630display:block631}632.collapsible:focus,.collapsible>summary:focus{633outline:0634}635.collapsible>summary{636cursor:pointer;637display:block;638padding:0639}640.collapsible:focus>summary,.collapsible>summary:focus{641background-color:transparent642}643.collapsible>summary::-webkit-details-marker{644display:none645}646.collapsible-title{647-webkit-box-align:center;648-webkit-align-items:center;649-ms-flex-align:center;650align-items:center;651display:-webkit-box;652display:-webkit-flex;653display:-ms-flexbox;654display:flex655}656.collapsible-title .title{657-webkit-box-flex:1;658-webkit-flex:1 1 auto;659-ms-flex:1 1 auto;660flex:1 1 auto;661-webkit-box-ordinal-group:1;662-webkit-order:0;663-ms-flex-order:0;664order:0;665overflow:hidden;666text-overflow:ellipsis;667white-space:nowrap668}669.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{670display:block671}672.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{673display:none674}675.overflowable-container{676max-height:48px;677overflow:hidden;678position:relative679}680.overflow-button{681cursor:pointer682}683#overflowable-dim-overlay{684background:0 0685}686.overflow-popup{687box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);688background-color:#ffffff;689left:0;690max-width:calc(100% - 32px);691position:absolute;692top:0;693visibility:hidden;694z-index:101695}696.overflow-popup ul{697list-style:none698}699.overflow-popup .tabs li,.overflow-popup li{700display:block;701height:auto702}703.overflow-popup .tabs li{704padding-left:0;705padding-right:0706}707.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{708display:none709}710.ripple{711position:relative712}713.ripple>*{714z-index:1715}716.splash-wrapper{717bottom:0;718left:0;719overflow:hidden;720pointer-events:none;721position:absolute;722right:0;723top:0;724z-index:0725}726.splash{727background:#ccc;728border-radius:100%;729display:block;730opacity:.6;731position:absolute;732-webkit-transform:scale(0);733-ms-transform:scale(0);734transform:scale(0)735}736.splash.animate{737-webkit-animation:ripple-effect .4s linear;738animation:ripple-effect .4s linear739}740@-webkit-keyframes ripple-effect{741100%{742opacity:0;743-webkit-transform:scale(2.5);744transform:scale(2.5)745}746}747@keyframes ripple-effect{748100%{749opacity:0;750-webkit-transform:scale(2.5);751transform:scale(2.5)752}753}754.search{755display:-webkit-box;756display:-webkit-flex;757display:-ms-flexbox;758display:flex;759line-height:24px;760width:24px761}762.search.focused{763width:100%764}765.search.focused .section{766width:100%767}768.search form{769z-index:101770}771.search h3{772display:none773}774.search form{775display:-webkit-box;776display:-webkit-flex;777display:-ms-flexbox;778display:flex;779-webkit-box-flex:1;780-webkit-flex:1 0 0;781-ms-flex:1 0 0px;782flex:1 0 0;783border-bottom:solid 1px transparent;784padding-bottom:8px785}786.search form>*{787display:none788}789.search.focused form>*{790display:block791}792.search .search-input label{793display:none794}795.centered-top-placeholder.cloned .search form{796z-index:30797}798.search.focused form{799border-color:#292929;800position:relative;801width:auto802}803.collapsed-header .centered-top-container .search.focused form{804border-bottom-color:transparent805}806.search-expand{807-webkit-box-flex:0;808-webkit-flex:0 0 auto;809-ms-flex:0 0 auto;810flex:0 0 auto811}812.search-expand-text{813display:none814}815.search-close{816display:inline;817vertical-align:middle818}819.search-input{820-webkit-box-flex:1;821-webkit-flex:1 0 1px;822-ms-flex:1 0 1px;823flex:1 0 1px824}825.search-input input{826background:0 0;827border:0;828box-sizing:border-box;829color:#292929;830display:inline-block;831outline:0;832width:calc(100% - 48px)833}834.search-input input.no-cursor{835color:transparent;836text-shadow:0 0 0 #292929837}838.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{839color:#292929840}841.collapsed-header .centered-top-container .search-input input.no-cursor{842color:transparent;843text-shadow:0 0 0 #292929844}845.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{846outline:0847}848.search-focused>*{849visibility:hidden850}851.search-focused .search,.search-focused .search-icon{852visibility:visible853}854.search.focused .search-action{855display:block856}857.search.focused .search-action:disabled{858opacity:.3859}860.sidebar-container{861background-color:#f7f7f7;862max-width:320px;863overflow-y:auto;864-webkit-transition-property:-webkit-transform;865transition-property:-webkit-transform;866transition-property:transform;867transition-property:transform,-webkit-transform;868-webkit-transition-duration:.3s;869transition-duration:.3s;870-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);871transition-timing-function:cubic-bezier(0,0,.2,1);872width:320px;873z-index:101;874-webkit-overflow-scrolling:touch875}876.sidebar-container .navigation{877line-height:0;878padding:16px879}880.sidebar-container .sidebar-back{881cursor:pointer882}883.sidebar-container .widget{884background:0 0;885margin:0 16px;886padding:16px 0887}888.sidebar-container .widget .title{889color:#000000;890margin:0891}892.sidebar-container .widget ul{893list-style:none;894margin:0;895padding:0896}897.sidebar-container .widget ul ul{898margin-left:1em899}900.sidebar-container .widget li{901font-size:16px;902line-height:normal903}904.sidebar-container .widget+.widget{905border-top:1px dashed #000000906}907.BlogArchive li{908margin:16px 0909}910.BlogArchive li:last-child{911margin-bottom:0912}913.Label li a{914display:inline-block915}916.BlogArchive .post-count,.Label .label-count{917float:right;918margin-left:.25em919}920.BlogArchive .post-count::before,.Label .label-count::before{921content:"("922}923.BlogArchive .post-count::after,.Label .label-count::after{924content:")"925}926.widget.Translate .skiptranslate>div{927display:block!important928}929.widget.Profile .profile-link{930display:-webkit-box;931display:-webkit-flex;932display:-ms-flexbox;933display:flex934}935.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{936-webkit-box-flex:0;937-webkit-flex:0 0 auto;938-ms-flex:0 0 auto;939flex:0 0 auto;940margin-right:1em941}942.widget.Profile .individual .profile-link{943-webkit-box-orient:vertical;944-webkit-box-direction:normal;945-webkit-flex-direction:column;946-ms-flex-direction:column;947flex-direction:column948}949.widget.Profile .team .profile-link .profile-name{950-webkit-align-self:center;951-ms-flex-item-align:center;952align-self:center;953display:block;954-webkit-box-flex:1;955-webkit-flex:1 1 auto;956-ms-flex:1 1 auto;957flex:1 1 auto958}959.dim-overlay{960background-color:rgba(0,0,0,.54);961z-index:100962}963body.sidebar-visible{964overflow-y:hidden965}966@media screen and (max-width:1619px){967.sidebar-container{968bottom:0;969position:fixed;970top:0;971left:auto;972right:0973}974.sidebar-container.sidebar-invisible{975-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);976transition-timing-function:cubic-bezier(.4,0,.6,1);977-webkit-transform:translateX(320px);978-ms-transform:translateX(320px);979transform:translateX(320px)980}981}982.dialog{983box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);984background:#ffffff;985box-sizing:border-box;986color:#292929;987padding:30px;988position:fixed;989text-align:center;990width:calc(100% - 24px);991z-index:101992}993.dialog input[type=email],.dialog input[type=text]{994background-color:transparent;995border:0;996border-bottom:solid 1px rgba(41,41,41,.12);997color:#292929;998display:block;999font-family:Lato, sans-serif;1000font-size:16px;1001line-height:24px;1002margin:auto;1003padding-bottom:7px;1004outline:0;1005text-align:center;1006width:100%1007}1008.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1009color:#2929291010}1011.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1012color:#2929291013}1014.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1015color:#2929291016}1017.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1018color:#2929291019}1020.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1021color:#2929291022}1023.dialog input[type=email]:focus,.dialog input[type=text]:focus{1024border-bottom:solid 2px #25a186;1025padding-bottom:6px1026}1027.dialog input.no-cursor{1028color:transparent;1029text-shadow:0 0 0 #2929291030}1031.dialog input.no-cursor:focus{1032outline:01033}1034.dialog input.no-cursor:focus{1035outline:01036}1037.dialog input[type=submit]{1038font-family:Lato, sans-serif1039}1040.dialog .goog-buttonset-default{1041color:#25a1861042}1043.subscribe-popup{1044max-width:364px1045}1046.subscribe-popup h3{1047color:#ffffff;1048font-size:1.8em;1049margin-top:01050}1051.subscribe-popup .FollowByEmail h3{1052display:none1053}1054.subscribe-popup .FollowByEmail .follow-by-email-submit{1055color:#25a186;1056display:inline-block;1057margin:0 auto;1058margin-top:24px;1059width:auto;1060white-space:normal1061}1062.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1063cursor:default;1064opacity:.31065}1066@media (max-width:800px){1067.blog-name div.widget.Subscribe{1068margin-bottom:16px1069}1070body.item-view .blog-name div.widget.Subscribe{1071margin:8px auto 16px auto;1072width:100%1073}1074}1075body#layout .bg-photo,body#layout .bg-photo-overlay{1076display:none1077}1078body#layout .page_body{1079padding:0;1080position:relative;1081top:01082}1083body#layout .page{1084display:inline-block;1085left:inherit;1086position:relative;1087vertical-align:top;1088width:540px1089}1090body#layout .centered{1091max-width:954px1092}1093body#layout .navigation{1094display:none1095}1096body#layout .sidebar-container{1097display:inline-block;1098width:40%1099}1100body#layout .hamburger-menu,body#layout .search{1101display:none1102}1103.widget.Sharing .sharing-button{1104display:none1105}1106.widget.Sharing .sharing-buttons li{1107padding:01108}1109.widget.Sharing .sharing-buttons li span{1110display:none1111}1112.post-share-buttons{1113position:relative1114}1115.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{1116fill:#f44c831117}1118.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{1119background-color:transparent1120}1121.share-buttons{1122background-color:#ffffff;1123border-radius:2px;1124box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);1125color:#f44c83;1126list-style:none;1127margin:0;1128padding:8px 0;1129position:absolute;1130top:-11px;1131min-width:200px;1132z-index:1011133}1134.share-buttons.hidden{1135display:none1136}1137.sharing-button{1138background:0 0;1139border:0;1140margin:0;1141outline:0;1142padding:0;1143cursor:pointer1144}1145.share-buttons li{1146margin:0;1147height:48px1148}1149.share-buttons li:last-child{1150margin-bottom:01151}1152.share-buttons li .sharing-platform-button{1153box-sizing:border-box;1154cursor:pointer;1155display:block;1156height:100%;1157margin-bottom:0;1158padding:0 16px;1159position:relative;1160width:100%1161}1162.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{1163background-color:rgba(128,128,128,.1);1164outline:01165}1166.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{1167position:absolute;1168top:10px1169}1170.share-buttons li span.sharing-platform-button{1171position:relative;1172top:01173}1174.share-buttons li .platform-sharing-text{1175display:block;1176font-size:16px;1177line-height:48px;1178white-space:nowrap1179}1180.share-buttons li .platform-sharing-text{1181margin-left:56px1182}1183.flat-button{1184cursor:pointer;1185display:inline-block;1186font-weight:700;1187text-transform:uppercase;1188border-radius:2px;1189padding:8px;1190margin:-8px1191}1192.flat-icon-button{1193background:0 0;1194border:0;1195margin:0;1196outline:0;1197padding:0;1198margin:-12px;1199padding:12px;1200cursor:pointer;

Showing the first 1,200 of 3398 lines. Download the file for the rest.