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
root9944.html
9944.html3484 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   Inflatable Jewels? A Modular Method for Indexing Inflation in the Mansa Musa Game7  </title>8  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9  <!-- Chrome, Firefox OS and Opera -->10  <meta content="#EEEEEE" name="theme-color">11  <!-- Windows Phone -->12  <meta content="#EEEEEE" 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="Inflatable Jewels? A Modular Method for Indexing Inflation in the Mansa Musa Game" property="og:title">17  <meta content="   Here's my current experiment with adjustable values for goods that get progressively inflated or deflated as Mansa Musa passes through. (..." property="og:description">18  <meta content="" property="og:image">19  <style type="text/css">20   @font-face{font-family:'Merriweather';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.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:'Merriweather';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Merriweather';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.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:'Merriweather';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.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:'Merriweather';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.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:'Merriweather';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.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:'Merriweather';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.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:'Merriweather';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.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:'Merriweather';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.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:'Merriweather';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.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:'Merriweather';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.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:'Merriweather';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.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:'Merriweather';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.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:'Ubuntu';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.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:'Ubuntu';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKew72j00.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcw72j00.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfA72j00.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcQ72j00.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:'Ubuntu';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.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:'Ubuntu';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jvWyNL4U.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:'Ubuntu';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jtGyNL4U.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jvGyNL4U.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3js2yNL4U.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jvmyNL4U.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:'Ubuntu';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jsGyN.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:'Ubuntu';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvWyNL4U.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:'Ubuntu';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjtGyNL4U.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvGyNL4U.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvmyNL4U.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:'Ubuntu';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyN.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}25/*!************************************************26* Blogger Template Style27* Name: Emporio28**************************************************/29body{30overflow-wrap:break-word;31word-break:break-word;32word-wrap:break-word33}34.hidden{35display:none36}37.invisible{38visibility:hidden39}40.container::after,.float-container::after{41clear:both;42content:"";43display:table44}45.clearboth{46clear:both47}48#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit{49background:0 0;50border:0;51box-shadow:none;52color:#eb1111;53cursor:pointer;54font-size:14px;55font-weight:700;56outline:0;57text-decoration:none;58text-transform:uppercase;59width:auto60}61.dim-overlay{62background-color:rgba(0,0,0,.54);63height:100vh;64left:0;65position:fixed;66top:0;67width:100%68}69#sharing-dim-overlay{70background-color:transparent71}72input::-ms-clear{73display:none74}75.blogger-logo,.svg-icon-24.blogger-logo{76fill:#ff9800;77opacity:178}79.skip-navigation{80background-color:#fff;81box-sizing:border-box;82color:#000;83display:block;84height:0;85left:0;86line-height:50px;87overflow:hidden;88padding-top:0;89position:fixed;90text-align:center;91top:0;92-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;93transition:box-shadow .3s,height .3s,padding-top .3s;94width:100%;95z-index:90096}97.skip-navigation:focus{98box-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);99height:50px100}101#main{102outline:0103}104.main-heading{105position:absolute;106clip:rect(1px,1px,1px,1px);107padding:0;108border:0;109height:1px;110width:1px;111overflow:hidden112}113.Attribution{114margin-top:1em;115text-align:center116}117.Attribution .blogger img,.Attribution .blogger svg{118vertical-align:bottom119}120.Attribution .blogger img{121margin-right:.5em122}123.Attribution div{124line-height:24px;125margin-top:.5em126}127.Attribution .copyright,.Attribution .image-attribution{128font-size:.7em;129margin-top:1.5em130}131.BLOG_mobile_video_class{132display:none133}134.bg-photo{135background-attachment:scroll!important136}137body .CSS_LIGHTBOX{138z-index:900139}140.extendable .show-less,.extendable .show-more{141border-color:#eb1111;142color:#eb1111;143margin-top:8px144}145.extendable .show-less.hidden,.extendable .show-more.hidden{146display:none147}148.inline-ad{149display:none;150max-width:100%;151overflow:hidden152}153.adsbygoogle{154display:block155}156#cookieChoiceInfo{157bottom:0;158top:auto159}160iframe.b-hbp-video{161border:0162}163.post-body img{164max-width:100%165}166.post-body iframe{167max-width:100%168}169.post-body a[imageanchor="1"]{170display:inline-block171}172.byline{173margin-right:1em174}175.byline:last-child{176margin-right:0177}178.link-copied-dialog{179max-width:520px;180outline:0181}182.link-copied-dialog .modal-dialog-buttons{183margin-top:8px184}185.link-copied-dialog .goog-buttonset-default{186background:0 0;187border:0188}189.link-copied-dialog .goog-buttonset-default:focus{190outline:0191}192.paging-control-container{193margin-bottom:16px194}195.paging-control-container .paging-control{196display:inline-block197}198.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{199color:#eb1111200}201.paging-control-container .comment-range-text,.paging-control-container .paging-control{202margin-right:8px203}204.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{205content:"\b7";206cursor:default;207padding-left:8px;208pointer-events:none209}210.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{211content:none212}213.byline.reactions iframe{214height:20px215}216.b-notification{217color:#000;218background-color:#fff;219border-bottom:solid 1px #000;220box-sizing:border-box;221padding:16px 32px;222text-align:center223}224.b-notification.visible{225-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);226transition:margin-top .3s cubic-bezier(.4,0,.2,1)227}228.b-notification.invisible{229position:absolute230}231.b-notification-close{232position:absolute;233right:8px;234top:8px235}236.no-posts-message{237line-height:40px;238text-align:center239}240@media screen and (max-width:745px){241body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{242float:none!important;243clear:none!important244}245body.item-view .post-body a[imageanchor="1"] img{246display:block;247height:auto;248margin:0 auto249}250body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{251margin-top:20px252}253.post-body a[imageanchor]{254display:block255}256body.item-view .post-body a[imageanchor="1"]{257margin-left:0!important;258margin-right:0!important259}260body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{261margin-top:16px262}263}264.item-control{265display:none266}267#comments{268border-top:1px dashed rgba(0,0,0,.54);269margin-top:20px;270padding:20px271}272#comments .comment-thread ol{273margin:0;274padding-left:0;275padding-left:0276}277#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{278margin-left:60px279}280#comments .comment-thread .thread-count{281display:none282}283#comments .comment{284list-style-type:none;285padding:0 0 30px;286position:relative287}288#comments .comment .comment{289padding-bottom:8px290}291.comment .avatar-image-container{292position:absolute293}294.comment .avatar-image-container img{295border-radius:50%296}297.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{298border-radius:50%;299border:solid 1px #eb1111;300box-sizing:border-box;301fill:#eb1111;302height:35px;303margin:0;304padding:7px;305width:35px306}307.comment .comment-block{308margin-top:10px;309margin-left:60px;310padding-bottom:0311}312#comments .comment-author-header-wrapper{313margin-left:40px314}315#comments .comment .thread-expanded .comment-block{316padding-bottom:20px317}318#comments .comment .comment-header .user,#comments .comment .comment-header .user a{319color:#000000;320font-style:normal;321font-weight:700322}323#comments .comment .comment-actions{324bottom:0;325margin-bottom:15px;326position:absolute327}328#comments .comment .comment-actions>*{329margin-right:8px330}331#comments .comment .comment-header .datetime{332bottom:0;333color:rgba(0,0,0,.54);334display:inline-block;335font-size:13px;336font-style:italic;337margin-left:8px338}339#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{340color:rgba(0,0,0,.54)341}342#comments .comment .comment-content,.comment .comment-body{343margin-top:12px;344word-break:break-word345}346.comment-body{347margin-bottom:12px348}349#comments.embed[data-num-comments="0"]{350border:0;351margin-top:0;352padding-top:0353}354#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{355display:none356}357#comment-editor-src{358display:none359}360.comments .comments-content .loadmore.loaded{361max-height:0;362opacity:0;363overflow:hidden364}365.extendable .remaining-items{366height:0;367overflow:hidden;368-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);369transition:height .3s cubic-bezier(.4,0,.2,1)370}371.extendable .remaining-items.expanded{372height:auto373}374.svg-icon-24,.svg-icon-24-button{375cursor:pointer;376height:24px;377width:24px;378min-width:24px379}380.touch-icon{381margin:-12px;382padding:12px383}384.touch-icon:active,.touch-icon:focus{385background-color:rgba(153,153,153,.4);386border-radius:50%387}388svg:not(:root).touch-icon{389overflow:visible390}391html[dir=rtl] .rtl-reversible-icon{392-webkit-transform:scaleX(-1);393-ms-transform:scaleX(-1);394transform:scaleX(-1)395}396.svg-icon-24-button,.touch-icon-button{397background:0 0;398border:0;399margin:0;400outline:0;401padding:0402}403.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{404background-color:transparent405}406.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{407background-color:rgba(153,153,153,.4);408border-radius:50%409}410.Profile .default-avatar-wrapper .avatar-icon{411border-radius:50%;412border:solid 1px #eeeeee;413box-sizing:border-box;414fill:#eeeeee;415margin:0416}417.Profile .individual .default-avatar-wrapper .avatar-icon{418padding:25px419}420.Profile .individual .avatar-icon,.Profile .individual .profile-img{421height:90px;422width:90px423}424.Profile .team .default-avatar-wrapper .avatar-icon{425padding:8px426}427.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{428height:40px;429width:40px430}431.snippet-container{432margin:0;433position:relative;434overflow:hidden435}436.snippet-fade{437bottom:0;438box-sizing:border-box;439position:absolute;440width:96px441}442.snippet-fade{443right:0444}445.snippet-fade:after{446content:"\2026"447}448.snippet-fade:after{449float:right450}451.centered-top-container.sticky{452left:0;453position:fixed;454right:0;455top:0;456width:auto;457z-index:8;458-webkit-transition-property:opacity,-webkit-transform;459transition-property:opacity,-webkit-transform;460transition-property:transform,opacity;461transition-property:transform,opacity,-webkit-transform;462-webkit-transition-duration:.2s;463transition-duration:.2s;464-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);465transition-timing-function:cubic-bezier(.4,0,.2,1)466}467.centered-top-placeholder{468display:none469}470.collapsed-header .centered-top-placeholder{471display:block472}473.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{474display:none475}476.centered-top-container.sticky .Header .replaced h1{477display:block478}479.centered-top-container.sticky .Header .header-widget{480background:0 0481}482.centered-top-container.sticky .Header .header-image-wrapper{483display:none484}485.centered-top-container img,.centered-top-placeholder img{486max-width:100%487}488.collapsible{489-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);490transition:height .3s cubic-bezier(.4,0,.2,1)491}492.collapsible,.collapsible>summary{493display:block;494overflow:hidden495}496.collapsible>:not(summary){497display:none498}499.collapsible[open]>:not(summary){500display:block501}502.collapsible:focus,.collapsible>summary:focus{503outline:0504}505.collapsible>summary{506cursor:pointer;507display:block;508padding:0509}510.collapsible:focus>summary,.collapsible>summary:focus{511background-color:transparent512}513.collapsible>summary::-webkit-details-marker{514display:none515}516.collapsible-title{517-webkit-box-align:center;518-webkit-align-items:center;519-ms-flex-align:center;520align-items:center;521display:-webkit-box;522display:-webkit-flex;523display:-ms-flexbox;524display:flex525}526.collapsible-title .title{527-webkit-box-flex:1;528-webkit-flex:1 1 auto;529-ms-flex:1 1 auto;530flex:1 1 auto;531-webkit-box-ordinal-group:1;532-webkit-order:0;533-ms-flex-order:0;534order:0;535overflow:hidden;536text-overflow:ellipsis;537white-space:nowrap538}539.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{540display:block541}542.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{543display:none544}545.flat-button{546cursor:pointer;547display:inline-block;548font-weight:700;549text-transform:uppercase;550border-radius:2px;551padding:8px;552margin:-8px553}554.flat-icon-button{555background:0 0;556border:0;557margin:0;558outline:0;559padding:0;560margin:-12px;561padding:12px;562cursor:pointer;563box-sizing:content-box;564display:inline-block;565line-height:0566}567.flat-icon-button,.flat-icon-button .splash-wrapper{568border-radius:50%569}570.flat-icon-button .splash.animate{571-webkit-animation-duration:.3s;572animation-duration:.3s573}574body#layout .bg-photo,body#layout .bg-photo-overlay{575display:none576}577body#layout .page_body{578padding:0;579position:relative;580top:0581}582body#layout .page{583display:inline-block;584left:inherit;585position:relative;586vertical-align:top;587width:540px588}589body#layout .centered{590max-width:954px591}592body#layout .navigation{593display:none594}595body#layout .sidebar-container{596display:inline-block;597width:40%598}599body#layout .hamburger-menu,body#layout .search{600display:none601}602.overflowable-container{603max-height:44px;604overflow:hidden;605position:relative606}607.overflow-button{608cursor:pointer609}610#overflowable-dim-overlay{611background:0 0612}613.overflow-popup{614box-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);615background-color:#ffffff;616left:0;617max-width:calc(100% - 32px);618position:absolute;619top:0;620visibility:hidden;621z-index:101622}623.overflow-popup ul{624list-style:none625}626.overflow-popup .tabs li,.overflow-popup li{627display:block;628height:auto629}630.overflow-popup .tabs li{631padding-left:0;632padding-right:0633}634.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{635display:none636}637.widget.Sharing .sharing-button{638display:none639}640.widget.Sharing .sharing-buttons li{641padding:0642}643.widget.Sharing .sharing-buttons li span{644display:none645}646.post-share-buttons{647position:relative648}649.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{650fill:#eb1111651}652.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{653background-color:transparent654}655.share-buttons{656background-color:#FFFFFF;657border-radius:2px;658box-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);659color:#000000;660list-style:none;661margin:0;662padding:8px 0;663position:absolute;664top:-11px;665min-width:200px;666z-index:101667}668.share-buttons.hidden{669display:none670}671.sharing-button{672background:0 0;673border:0;674margin:0;675outline:0;676padding:0;677cursor:pointer678}679.share-buttons li{680margin:0;681height:48px682}683.share-buttons li:last-child{684margin-bottom:0685}686.share-buttons li .sharing-platform-button{687box-sizing:border-box;688cursor:pointer;689display:block;690height:100%;691margin-bottom:0;692padding:0 16px;693position:relative;694width:100%695}696.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{697background-color:rgba(128,128,128,.1);698outline:0699}700.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{701position:absolute;702top:10px703}704.share-buttons li span.sharing-platform-button{705position:relative;706top:0707}708.share-buttons li .platform-sharing-text{709display:block;710font-size:16px;711line-height:48px;712white-space:nowrap713}714.share-buttons li .platform-sharing-text{715margin-left:56px716}717.sidebar-container{718background-color:#9E9E9E;719max-width:280px;720overflow-y:auto;721-webkit-transition-property:-webkit-transform;722transition-property:-webkit-transform;723transition-property:transform;724transition-property:transform,-webkit-transform;725-webkit-transition-duration:.3s;726transition-duration:.3s;727-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);728transition-timing-function:cubic-bezier(0,0,.2,1);729width:280px;730z-index:101;731-webkit-overflow-scrolling:touch732}733.sidebar-container .navigation{734line-height:0;735padding:16px736}737.sidebar-container .sidebar-back{738cursor:pointer739}740.sidebar-container .widget{741background:0 0;742margin:0 16px;743padding:16px 0744}745.sidebar-container .widget .title{746color:#eeeeee;747margin:0748}749.sidebar-container .widget ul{750list-style:none;751margin:0;752padding:0753}754.sidebar-container .widget ul ul{755margin-left:1em756}757.sidebar-container .widget li{758font-size:16px;759line-height:normal760}761.sidebar-container .widget+.widget{762border-top:1px solid #eeeeee763}764.BlogArchive li{765margin:16px 0766}767.BlogArchive li:last-child{768margin-bottom:0769}770.Label li a{771display:inline-block772}773.BlogArchive .post-count,.Label .label-count{774float:right;775margin-left:.25em776}777.BlogArchive .post-count::before,.Label .label-count::before{778content:"("779}780.BlogArchive .post-count::after,.Label .label-count::after{781content:")"782}783.widget.Translate .skiptranslate>div{784display:block!important785}786.widget.Profile .profile-link{787display:-webkit-box;788display:-webkit-flex;789display:-ms-flexbox;790display:flex791}792.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{793-webkit-box-flex:0;794-webkit-flex:0 0 auto;795-ms-flex:0 0 auto;796flex:0 0 auto;797margin-right:1em798}799.widget.Profile .individual .profile-link{800-webkit-box-orient:vertical;801-webkit-box-direction:normal;802-webkit-flex-direction:column;803-ms-flex-direction:column;804flex-direction:column805}806.widget.Profile .team .profile-link .profile-name{807-webkit-align-self:center;808-ms-flex-item-align:center;809align-self:center;810display:block;811-webkit-box-flex:1;812-webkit-flex:1 1 auto;813-ms-flex:1 1 auto;814flex:1 1 auto815}816.dim-overlay{817background-color:rgba(0,0,0,.54);818z-index:100819}820body.sidebar-visible{821overflow-y:hidden822}823@media screen and (max-width:680px){824.sidebar-container{825bottom:0;826position:fixed;827top:0;828left:auto;829right:0830}831.sidebar-container.sidebar-invisible{832-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);833transition-timing-function:cubic-bezier(.4,0,.6,1);834-webkit-transform:translateX(100%);835-ms-transform:translateX(100%);836transform:translateX(100%)837}838}839.dialog{840box-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);841background:#FFFFFF;842box-sizing:border-box;843color:#000000;844padding:30px;845position:fixed;846text-align:center;847width:calc(100% - 24px);848z-index:101849}850.dialog input[type=email],.dialog input[type=text]{851background-color:transparent;852border:0;853border-bottom:solid 1px rgba(0,0,0,.12);854color:#000000;855display:block;856font-family:Ubuntu, sans-serif;857font-size:16px;858line-height:24px;859margin:auto;860padding-bottom:7px;861outline:0;862text-align:center;863width:100%864}865.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{866color:rgba(0,0,0,.5)867}868.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{869color:rgba(0,0,0,.5)870}871.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{872color:rgba(0,0,0,.5)873}874.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{875color:rgba(0,0,0,.5)876}877.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{878color:rgba(0,0,0,.5)879}880.dialog input[type=email]:focus,.dialog input[type=text]:focus{881border-bottom:solid 2px #eb1111;882padding-bottom:6px883}884.dialog input.no-cursor{885color:transparent;886text-shadow:0 0 0 #000000887}888.dialog input.no-cursor:focus{889outline:0890}891.dialog input.no-cursor:focus{892outline:0893}894.dialog input[type=submit]{895font-family:Ubuntu, sans-serif896}897.dialog .goog-buttonset-default{898color:#eb1111899}900.loading-spinner-large{901-webkit-animation:mspin-rotate 1.568s infinite linear;902animation:mspin-rotate 1.568s infinite linear;903height:48px;904overflow:hidden;905position:absolute;906width:48px;907z-index:200908}909.loading-spinner-large>div{910-webkit-animation:mspin-revrot 5332ms infinite steps(4);911animation:mspin-revrot 5332ms infinite steps(4)912}913.loading-spinner-large>div>div{914-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);915animation:mspin-singlecolor-large-film 1333ms infinite steps(81);916background-size:100%;917height:48px;918width:3888px919}920.mspin-black-large>div>div,.mspin-grey_54-large>div>div{921background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)922}923.mspin-white-large>div>div{924background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)925}926.mspin-grey_54-large{927opacity:.54928}929@-webkit-keyframes mspin-singlecolor-large-film{930from{931-webkit-transform:translateX(0);932transform:translateX(0)933}934to{935-webkit-transform:translateX(-3888px);936transform:translateX(-3888px)937}938}939@keyframes mspin-singlecolor-large-film{940from{941-webkit-transform:translateX(0);942transform:translateX(0)943}944to{945-webkit-transform:translateX(-3888px);946transform:translateX(-3888px)947}948}949@-webkit-keyframes mspin-rotate{950from{951-webkit-transform:rotate(0);952transform:rotate(0)953}954to{955-webkit-transform:rotate(360deg);956transform:rotate(360deg)957}958}959@keyframes mspin-rotate{960from{961-webkit-transform:rotate(0);962transform:rotate(0)963}964to{965-webkit-transform:rotate(360deg);966transform:rotate(360deg)967}968}969@-webkit-keyframes mspin-revrot{970from{971-webkit-transform:rotate(0);972transform:rotate(0)973}974to{975-webkit-transform:rotate(-360deg);976transform:rotate(-360deg)977}978}979@keyframes mspin-revrot{980from{981-webkit-transform:rotate(0);982transform:rotate(0)983}984to{985-webkit-transform:rotate(-360deg);986transform:rotate(-360deg)987}988}989.subscribe-popup{990max-width:364px991}992.subscribe-popup h3{993color:#000000;994font-size:1.8em;995margin-top:0996}997.subscribe-popup .FollowByEmail h3{998display:none999}1000.subscribe-popup .FollowByEmail .follow-by-email-submit{1001color:#eb1111;1002display:inline-block;1003margin:0 auto;1004margin-top:24px;1005width:auto;1006white-space:normal1007}1008.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1009cursor:default;1010opacity:.31011}1012@media (max-width:800px){1013.blog-name div.widget.Subscribe{1014margin-bottom:16px1015}1016body.item-view .blog-name div.widget.Subscribe{1017margin:8px auto 16px auto;1018width:100%1019}1020}1021.sidebar-container .svg-icon-24{1022fill:#eeeeee1023}1024.centered-top .svg-icon-24{1025fill:#7171711026}1027.centered-bottom .svg-icon-24.touch-icon,.centered-bottom a .svg-icon-24,.centered-bottom button .svg-icon-24{1028fill:#eb11111029}1030.post-wrapper .svg-icon-24.touch-icon,.post-wrapper a .svg-icon-24,.post-wrapper button .svg-icon-24{1031fill:#eb11111032}1033.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{1034fill:#eb11111035}1036.svg-icon-24.hamburger-menu{1037fill:#eb11111038}1039body#layout .page_body{1040padding:0;1041position:relative;1042top:01043}1044body#layout .page{1045display:inline-block;1046left:inherit;1047position:relative;1048vertical-align:top;1049width:540px1050}1051body{1052background:#f7f7f7 none repeat scroll top left;1053background-color:#EEEEEE;1054background-size:cover;1055color:#000000;1056font:normal 400 20px Ubuntu, sans-serif;1057margin:0;1058min-height:100vh1059}1060h3,h3.title{1061color:#0000001062}1063.post-wrapper .post-title,.post-wrapper .post-title a,.post-wrapper .post-title a:hover,.post-wrapper .post-title a:visited{1064color:#0000001065}1066a{1067color:#eb1111;1068font-style:normal;1069text-decoration:none1070}1071a:visited{1072color:#dc7ae01073}1074a:hover{1075color:#79ff421076}1077blockquote{1078color:#424242;1079font:normal 400 20px Ubuntu, sans-serif;1080font-size:x-large;1081font-style:italic;1082font-weight:300;1083text-align:center1084}1085.dim-overlay{1086z-index:1001087}1088.page{1089box-sizing:border-box;1090display:-webkit-box;1091display:-webkit-flex;1092display:-ms-flexbox;1093display:flex;1094-webkit-box-orient:vertical;1095-webkit-box-direction:normal;1096-webkit-flex-direction:column;1097-ms-flex-direction:column;1098flex-direction:column;1099min-height:100vh;1100padding-bottom:1em1101}1102.page>*{1103-webkit-box-flex:0;1104-webkit-flex:0 0 auto;1105-ms-flex:0 0 auto;1106flex:0 0 auto1107}1108.page>#footer{1109margin-top:auto1110}1111.bg-photo-container{1112overflow:hidden1113}1114.bg-photo-container,.bg-photo-container .bg-photo{1115height:464px;1116width:100%1117}1118.bg-photo-container .bg-photo{1119background-position:center;1120background-size:cover;1121z-index:-11122}1123.centered{1124margin:0 auto;1125position:relative;1126width:1482px1127}1128.centered .main,.centered .main-container{1129float:left1130}1131.centered .main{1132padding-bottom:1em1133}1134.centered .centered-bottom::after{1135clear:both;1136content:"";1137display:table1138}1139@media (min-width:1626px){1140.page_body.has-vertical-ads .centered{1141width:1625px1142}1143}1144@media (min-width:1225px) and (max-width:1482px){1145.centered{1146width:1081px1147}1148}1149@media (min-width:1225px) and (max-width:1625px){1150.page_body.has-vertical-ads .centered{1151width:1224px1152}1153}1154@media (max-width:1224px){1155.centered{1156width:680px1157}1158}1159@media (max-width:680px){1160.centered{1161max-width:600px;1162width:100%1163}1164}1165.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{1166width:1187px1167}1168@media (min-width:1225px) and (max-width:1482px){1169.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{1170width:786px1171}1172}1173@media (min-width:1225px) and (max-width:1625px){1174.feed-view .page_body.has-vertical-ads .post-wrapper.hero,.page_body.has-vertical-ads .feed-view .post-wrapper.hero,.page_body.has-vertical-ads .main,.page_body.has-vertical-ads .main-container,.page_body.has-vertical-ads .post-filter-message,.page_body.has-vertical-ads .top-nav .section{1175width:786px1176}1177}1178@media (max-width:1224px){1179.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{1180width:auto1181}1182}1183.widget .title{1184font-size:22.5px;1185line-height:35px;1186margin:22.5px 01187}1188.extendable .show-less,.extendable .show-more{1189color:#eb1111;1190font:normal 500 16px Ubuntu, sans-serif;1191cursor:pointer;1192text-transform:uppercase;1193margin:0 -16px;1194padding:16px1195}1196.widget.Profile{1197font:normal 400 20px Ubuntu, sans-serif1198}1199.sidebar-container .widget.Profile{1200padding:16px
Showing the first 1,200 of 3484 lines. Download the file for the rest.