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.
221.7k
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">2<html id="sixapart-standard" xmlns="">3 <head>4 <style>5 /* Base Weblog (base-weblog.css) */6 7/* basic elements */8 9html10{11 margin: 0;12 /* setting border: 0 hoses ie6 win window inner well border */13 padding: 0;14}15 16body17{18 margin: 0;19 /* setting border: 0 hoses ie5 win window inner well border */20 padding: 0;21 font-family: verdana, 'trebuchet ms', sans-serif;22 font-size: 12px;23}24 25form, input { margin: 0; padding: 0; }26a { text-decoration: underline; }27a img { border: 0; }28 29h1, h2, h3, h4, h5, h6 { font-weight: normal; }30h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote31{32 margin-top: 10px;33 margin-bottom: 10px;34}35 36 37/* standard helper classes */38 39.clr40{41 clear: both;42 overflow: hidden;43 width: 1px;44 height: 1px;45 margin: 0 -1px -1px 0;46 border: 0;47 padding: 0;48 font-size: 0;49 line-height: 0;50}51 52/* .pkg class wraps enclosing block element around inner floated elements */53.pkg:after54{55 content: " ";56 display: block;57 visibility: hidden;58 clear: both;59 height: 0.1px;60 font-size: 0.1em;61 line-height: 0;62}63* html .pkg { display: inline-block; }64/* no ie mac \*/65* html .pkg { height: 1%; }66.pkg { display: block; }67/* */68 69 70/* page layout */71 72body { text-align: center; } /* center on ie */73 74#container75{76 position: relative;77 margin: 0 auto; /* center on everything else */78 width: 720px;79 text-align: left;80}81#container-inner { position: static; width: auto; }82 83#banner { position: relative; }84#banner-inner { position: static; }85 86#pagebody { position: relative; width: 100%; }87#pagebody-inner { position: static; width: 100%; }88 89#alpha, #beta, #gamma, #delta90{91 display: inline; /* ie win bugfix */92 position: relative;93 float: left;94 min-height: 1px;95}96 97#delta { float: right; }98 99#alpha-inner, #beta-inner, #gamma-inner, #delta-inner100{101 position: static;102}103 104 105/* banner user/photo */106 107.banner-user108{109 float: left;110 overflow: hidden;111 width: 64px;112 margin: 0 15px 0 0;113 border: 0;114 padding: 0;115 text-align: center;116}117 118.banner-user-photo119{120 display: block;121 margin: 0 0 2px 0;122 border: 0;123 padding: 0;124 background-position: center center;125 background-repeat: no-repeat;126 text-decoration: none !important;127}128 129.banner-user-photo img130{131 width: 64px;132 height: auto;133 margin: 0;134 border: 0;135 padding: 0;136}137 138 139/* content */140 141.content-nav142{143 margin: 10px;144 text-align: center;145}146 147.date-header,148.entry-content149{150 position: static;151 clear: both;152}153 154.entry,155.trackbacks,156.comments,157.archive158{159 position: static;160 overflow: hidden;161 clear: both;162 width: 100%;163 margin-bottom: 20px;164}165 166.entry-content,167.trackbacks-info,168.trackback-content,169.comment-content,170.comments-open-content,171.comments-closed172{173 clear: both;174 margin: 5px 10px;175}176 177.entry-excerpt,178.entry-body,179.entry-more-link,180.entry-more181{182 clear: both;183}184 185.entry-footer,186.trackback-footer,187.comment-footer,188.comments-open-footer,189.archive-content190{191 clear: both;192 margin: 5px 10px 20px 10px;193}194 195.comments-open label { display: block; }196 197#comment-author, #comment-email, #comment-url, #comment-text198{199 width: 240px;200}201 202#comment-bake-cookie203{204 margin-left: 0;205 vertical-align: middle;206}207 208#comment-post209{210 font-weight: bold;211}212 213img.image-full { width: 100%; }214 215.image-thumbnail216{217 float: left;218 width: 115px;219 margin: 0 10px 10px 0;220}221 222.image-thumbnail img223{224 width: 115px;225 height: 115px;226 margin: 0 0 2px 0;227}228 229 230/* modules */231 232.module233{234 position: relative;235 overflow: hidden;236 width: 100%;237}238 239.module-content240{241 position: relative;242 margin: 5px 10px 20px 10px;243}244 245.module-list,246.archive-list247{248 margin: 0;249 padding: 0;250 list-style: none;251}252 253.module-list-item254{255 margin-top: 5px;256 margin-bottom: 5px;257}258 259.module-presence img { vertical-align: middle; }260.module-powered .module-content { margin-bottom: 10px; }261.module-photo .module-content { text-align: center; }262.module-wishlist .module-content { text-align: center; }263 264.module-calendar .module-content table265{266 border-collapse: collapse;267}268 269.module-calendar .module-content th,270.module-calendar .module-content td271{272 width: 14%;273 text-align: center;274}275 276.typelist-thumbnailed { margin: 0 0 20px 0; }277 278.typelist-thumbnailed .module-list-item279{280 display: block;281 clear: both;282 margin: 0;283}284 285/* positioniseverything.net/easyclearing.html */286.typelist-thumbnailed .module-list-item:after287{288 content: " ";289 display: block;290 visibility: hidden;291 clear: both;292 height: 0.1px;293 font-size: 0.1em;294 line-height: 0;295}296* html .typelist-thumbnailed .module-list-item { display: inline-block; }297/* no ie mac \*/298* html .typelist-thumbnailed .module-list-item { height: 1%; }299.typelist-thumbnailed .module-list-item { display: block; }300/* */301 302.typelist-thumbnail303{304 float: left;305 min-width: 60px;306 width: 60px;307 /* no ie mac \*/width: auto;/* */308 margin: 0 5px 0 0;309 text-align: center;310 vertical-align: middle;311}312 313.typelist-thumbnail img { margin: 5px; }314 315.module-galleries .typelist-thumbnail img { width: 50px; }316 317.typelist-description318{319 margin: 0;320 padding: 5px;321}322 323.module-featured-photo .module-content,324.module-photo .module-content325{326 margin: 0;327}328 329.module-featured-photo img { width: 100%; }330 331.module-recent-photos { margin: 0 0 15px 0; }332.module-recent-photos .module-content { margin: 0; }333.module-recent-photos .module-list334{335 display: block;336 height: 1%;337 margin: 0;338 border: 0;339 padding: 0;340 list-style: none;341}342 343/* positioniseverything.net/easyclearing.html */344.module-recent-photos .module-list:after345{346 content: " ";347 display: block;348 visibility: hidden;349 clear: both;350 height: 0.1px;351 font-size: 0.1em;352 line-height: 0;353}354* html .module-recent-photos .module-list { display: inline-block; }355/* no ie mac \*/356* html .module-recent-photos .module-list { height: 1%; }357.module-recent-photos .module-list { display: block; }358/* */359 360.module-recent-photos .module-list-item361{362 display: block;363 float: left;364 /* ie win fix \*/ height: 1%; /**/365 margin: 0;366 border: 0;367 padding: 0;368}369 370.module-recent-photos .module-list-item a371{372 display: block;373 margin: 0;374 border: 0;375 padding: 0;376}377 378.module-recent-photos .module-list-item img379{380 width: 60px;381 height: 60px;382 margin: 0;383 padding: 0;384}385 386 387/* mmt calendar */388 389.module-mmt-calendar { margin-bottom: 15px; }390.module-mmt-calendar .module-content { margin: 0; }391.module-mmt-calendar .module-header { margin: 0; }392.module-mmt-calendar .module-header a { text-decoration: none; }393.module-mmt-calendar table { width: 100%; }394 395.module-mmt-calendar th { text-align: left; }396 397.module-mmt-calendar td398{399 width: 14%;400 height: 75px;401 text-align: left;402 vertical-align: top;403}404 405.day-photo406{407 width: 54px;408 height: 54px;409}410 411.day-photo a412{413 display: block;414}415 416.day-photo a img417{418 width: 50px;419 height: 50px;420}421 422 423 424 425/* Vicksburg (theme-vicksburg.css) */426 427/* basic page elements */428 429body430{431 font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;432 font-size: 12px;433}434 435a { color: #36414d; text-decoration: underline; }436a:hover { color: #a3b8cc; }437 438#banner a { color: #fff; text-decoration: none; }439#banner a:hover { color: #fff; }440 441.module-content a { color: #36414d; }442.module-content a:hover { color: #a3b8cc; }443 444h1, h2, h3, h4, h5, h6445{446 font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;447}448 449.module-header,450.trackbacks-header,451.comments-header,452.comments-open-header,453.archive-header454{455 /* ie win (5, 5.5, 6) bugfix */456 p\osition: relative;457 width: 100%;458 w\idth: auto;459 460 margin: 0;461 border-left: 5px solid #36414d;462 padding: 5px;463 color: #fff;464 background: #a3b8cc;465 font-size: 11px;466 font-weight: bold;467 line-height: 1;468 text-transform: uppercase;469}470 471.module-header a,472.module-header a:hover,473.trackbacks-header a,474.trackbacks-header a:hover,475.comments-header a,476.comments-header a:hover,477.comments-open-header a,478.comments-open-header a:hover479.archive-header a,480.archive-header a:hover481{482 color: #fff;483}484 485.entry-more-link,486.entry-footer,487.comment-footer,488.trackback-footer,489.typelist-thumbnailed490{491 font-size: 11px;492}493 494.commenter-profile img { vertical-align: middle; }495 496 497/* page layout */498 499body500{501 min-width: 720px;502 color: #333;503 background: #36414d;504}505 506#container507{508 width: 720px;509 margin-bottom: 20px;510 background: #fff;511}512 513#container-inner514{515 border-width: 0 5px 5px 5px;516 border-style: solid;517 border-color: #292e33;518}519 520#banner521{522 width: 710px; /* necessary for ie win */523 background: #a3b8cc;524}525 526#banner-inner527{528 padding: 15px 13px;529 border-width: 2px 2px 0 2px;530 border-style: solid;531 border-color: #fff;532}533 534.banner-user535{536 width: 70px;537 margin-top: 5px;538 font-size: 10px;539}540 541.banner-user-photo { border: 1px solid #fff; }542 543#banner-header544{545 margin: 0;546 color: #fff;547 font-size: 30px;548 font-weight: bold;549 line-height: 1;550 text-shadow: #36414d 0 2px 3px;551}552 553#banner-description554{555 margin-top: 5px;556 margin-bottom: 0;557 color: #fff;558 background: none;559 font-size: 12px;560 font-weight: bold;561 line-height: 1.125;562 text-shadow: #36414d 0 1px 2px;563}564 565#alpha { margin: 15px 15px 0 15px; width: 480px; }566#beta { width: 200px; background: #e6ecf2; }567#gamma, #delta { width: 180px; background: #e6ecf2; }568 569#beta-inner,570#gamma-inner,571#delta-inner572{573 padding: 10px 10px 0 10px;574 border-width: 2px 2px 2px 0;575 border-style: solid;576 border-color: #fff;577}578 579.date-header580{581 margin-top: 0;582 font-size: 11px;583 font-weight: bold;584 text-transform: uppercase;585}586 587.entry-header588{589 margin-top: 0;590 border-left: 5px solid #dae0e6;591 padding: 0 0 0 10px;592 color: #666;593 font-size: 18px;594}595 596.entry-content,597.comment-content,598.trackback-content599{600 margin: 0;601 line-height: 1.5;602}603 604.entry-footer,605.comment-footer,606.trackback-footer607{608 margin: 0 0 20px 0;609 border-top: 1px solid #dae0e6;610 padding-top: 3px;611 color: #666;612 font-size: 10px;613 text-align: right;614}615 616.comment-content,617.trackback-content,618.comment-footer,619.trackback-footer620{621 margin-left: 10px;622}623 624.content-nav { margin-top: 0; }625 626#trackbacks-info627{628 margin: 10px 0;629 border: 1px dashed #a3b8cc;630 padding: 0 10px;631 color: #292e33;632 font-size: 11px;633 text-align: center;634 background: #e6ecf2;635}636 637.comments-open-footer638{639 margin: 10px 0;640}641 642 643/* modules */644 645.module646{647 margin: 0 0 10px 0;648 border-bottom: 1px solid #f3f6f9;649 background: #dae0e6;650}651 652.module-content653{654 margin: 0 0 10px 0;655 border-top: 1px solid #cfd4d9;656 padding: 10px 10px 0 10px;657 font-size: 10px;658 line-height: 1.2;659}660 661.module-search input { font-size: 10px; }662.module-search #search { width: 100px; }663 664.module-mmt-calendar .module-content table,665.module-calendar .module-content table { font-size: 10px; }666 667.module-powered { border-width: 0; }668.module-powered .module-content669{670 margin-bottom: 0;671 border: 1px dashed #a3b8cc;672 padding-bottom: 10px;673 color: #292e33;674 background: #fff;675}676 677.module-photo { background: none; }678.module-photo img { border: solid 1px #fff; }679 680.module-list681{682 margin: 0 15px 10px 15px;683 list-style: disc;684}685 686.module-list .module-list687{688 margin: 5px 0 0 0;689 padding-left: 15px;690 list-style: circle;691}692 693.module-list-item694{695 margin-top: 0;696 color: #666;697 line-height: 1.2;698}699 700.typelist-thumbnailed .module-list701{702 margin: 0 0 10px 0;703 list-style: none;704}705 706.typelist-thumbnailed .module-list-item707{708 margin: 1px 0;709 padding: 0;710 background: #f3f6f9;711}712 713.typelist-thumbnail714{715 background: #fff;716}717 718.module-photo img { border: 1px solid #fff; }719 720.module-featured-photo { width: 398px; }721.module-featured-photo .module-content722{723 margin: 0;724 border-width: 0;725 padding: 0;726}727.module-featured-photo img { width: 398px; }728 729.module-recent-photos .module-content { padding: 10px 0 0 19px; }730.module-recent-photos .module-list { margin: 0; }731.module-recent-photos .module-list-item732{733 width: 64px; /* mac ie fix */734 margin: 0 10px 10px 0;735 padding: 0;736 background: none;737}738 739.module-recent-photos .module-list-item a740{741 border: #cfd4d9 1px solid;742 padding: 1px;743 background: #fff;744}745 746.module-recent-photos .module-list-item a:hover747{748 border-color: #36414d;749 background: #fff;750}751 752 753/* calendar tweaks */754 755 .layout-calendar #alpha { width: 260px; }756 .layout-calendar #beta { width: 420px; }757 758 .layout-calendar #gamma,759 .layout-calendar #delta760 {761 width: 190px;762 }763 764 .layout-calendar #gamma-inner,765 .layout-calendar #delta-inner766 {767 border: 0;768 padding: 0;769 }770 771 .module-mmt-calendar { width: 398px; }772 .module-mmt-calendar .module-content773 {774 margin: 0;775 border-width: 0;776 padding: 10px;777 }778 779 .module-mmt-calendar table780 {781 width: 378px;782 background: #a3b8cc;783 }784 785 .module-mmt-calendar th786 {787 color: #fff;788 border-top: 1px solid #fff;789 border-right: 1px solid #f3f6f9;790 border-bottom: 1px solid #cfd4d9;791 padding: 2px;792 text-align: right;793 font-weight: bold;794 }795 796 .module-mmt-calendar td797 {798 border-top: 1px solid #fff;799 border-right: 1px solid #f3f6f9;800 border-bottom: 1px solid #cfd4d9;801 padding: 2px;802 text-align: right;803 font-weight: normal;804 background: #e6ecf2;805 }806 807 th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42808 {809 border-right: none;810 }811 812 .module-mmt-calendar td { height: 70px; }813 814 .day-photo815 {816 width: 49px;817 height: 49px;818 }819 820 .day-photo a821 {822 border: #cfd4d9 1px solid;823 padding: 1px;824 background: #fff;825 }826 827 .day-photo a:hover828 {829 border-color: #36414d;830 background: #fff;831 }832 833 .day-photo a img834 {835 width: 45px;836 height: 45px;837 }838 839 840/* artistic tweaks */841 842 .layout-artistic #alpha { width: 260px; }843 .layout-artistic #beta { width: 420px; }844 845 .layout-artistic #gamma,846 .layout-artistic #delta847 {848 width: 190px;849 }850 851 .layout-artistic #gamma-inner,852 .layout-artistic #delta-inner853 {854 border: 0;855 padding: 0;856 }857 858 859/* moblog1 tweaks */860 861 .layout-moblog1 #alpha862 {863 margin: 0;864 width: 180px;865 background: #e6ecf2;866 }867 868 .layout-moblog1 #alpha-inner869 {870 padding: 10px 10px 0 10px;871 border-width: 2px 0 2px 2px;872 border-style: solid;873 border-color: #fff;874 }875 876 .layout-moblog1 #beta877 {878 margin: 15px 15px 0 15px;879 width: 320px;880 background: none;881 }882 883 .layout-moblog1 #beta-inner884 {885 padding: 0;886 border-width: 0;887 }888 889 .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }890 891 892/* moblog2 tweaks */893 894 .layout-moblog2 #alpha895 {896 margin: 0;897 width: 86px;898 background: #e6ecf2;899 }900 901 .layout-moblog2 #alpha-inner902 {903 padding: 10px 10px 0 10px;904 border-width: 2px 0 2px 2px;905 border-style: solid;906 border-color: #fff;907 }908 909 .layout-moblog2 #beta910 {911 margin: 15px 15px 0 15px;912 width: 260px;913 background: none;914 }915 916 .layout-moblog2 #beta-inner917 {918 padding: 0;919 border-width: 0;920 }921 922 .layout-moblog2 #delta923 {924 width: 154px;925 }926 927 .layout-moblog2 .module-recent-photos928 {929 border: 0;930 background: none;931 }932 933 .layout-moblog2 .module-recent-photos .module-content934 {935 padding: 0;936 border: 0;937 }938 939 .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }940 941 942/* timeline tweaks */943 944 .layout-timeline #alpha { width: 260px; }945 .layout-timeline #beta { width: 420px; }946 947 .layout-timeline #gamma,948 .layout-timeline #delta949 {950 width: 190px;951 }952 953 .layout-timeline #gamma-inner,954 .layout-timeline #delta-inner955 {956 border: 0;957 padding: 0;958 }959 960 961/* one-column tweaks */962 963 .layout-one-column body { min-width: 520px; }964 .layout-one-column #container { width: 520px; }965 .layout-one-column #banner { width: 510px; } /* necessary for ie win */966 967 968/* two-column-left tweaks */969 970 .layout-two-column-left #alpha971 {972 margin: 0;973 width: 200px;974 background: #e6ecf2;975 }976 977 .layout-two-column-left #alpha-inner978 {979 padding: 10px 10px 0 10px;980 border-width: 2px 0 2px 2px;981 border-style: solid;982 border-color: #fff;983 }984 985 .layout-two-column-left #beta986 {987 margin: 15px 15px 0 15px;988 width: 480px;989 background: none;990 }991 992 .layout-two-column-left #beta-inner993 {994 padding: 0;995 border-width: 0;996 }997 998 999/* three-column tweaks */1000 1001 .layout-three-column #alpha1002 {1003 margin: 0;1004 width: 180px;1005 background: #e6ecf2;1006 }1007 1008 .layout-three-column #alpha-inner1009 {1010 padding: 10px 10px 0 10px;1011 border-width: 2px 0 2px 2px;1012 border-style: solid;1013 border-color: #fff;1014 }1015 1016 .layout-three-column #beta1017 {1018 margin: 15px 15px 0 15px;1019 width: 320px;1020 background: none;1021 }1022 1023 .layout-three-column #beta-inner1024 {1025 padding: 0;1026 border-width: 0;1027 }1028 </style>1029 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">1030 <meta content="Movable Type 4.32-en" name="generator">1031 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">1032 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">1033 </head>1034 <body class="layout-one-column">1035 " />1036 <title>1037 Stylized Facts: March 2010 Archives1038 </title>1039 <div id="container">1040 <div class="pkg" id="container-inner">1041 <div id="banner">1042 <div class="pkg" id="banner-inner">1043 <h1 id="banner-header">1044 <a accesskey="1">1045 Stylized Facts1046 </a>1047 </h1>1048 <h2 id="banner-description">1049 Frequent sideblog:1050 <a>1051 Coruscation1052 </a>1053 .1054 </h2>1055 </div>1056 </div>1057 <div id="goog">1058 <ins class="adsbygoogle adsbygoogle-noablate" data-ad-channel="[PHONE REDACTED]" data-ad-client="pub-4113643296189468" data-ad-format="728x90_as" data-ad-height="90" data-ad-type="text_image" data-ad-width="728" data-adsbygoogle-status="done" data-color-bg="99AACC" data-color-border="2D5893" data-color-link="000000" data-color-text="003366" data-color-url="000099" style="display: inline-block; width: 728px; height: 90px;">1059 <div aria-label="Advertisement" id="aswift_0_host" style="border: none; height: 90px; width: 728px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;" tabindex="0" title="Advertisement">1060 </div>1061 </ins>1062 </div>1063 <div id="pagebody">1064 <div class="pkg" id="pagebody-inner">1065 <div id="alpha">1066 <div class="pkg" id="alpha-inner">1067 <p class="content-nav">1068 <a>1069 « February 20101070 </a>1071 |1072 <a>1073 Main1074 </a>1075 |1076 <a>1077 May 2010 »1078 </a>1079 </p>1080 <!--1081<rdf:RDF xmlns:rdf=""1082 xmlns:trackback=""1083 xmlns:dc="">1084<rdf:Description1085 rdf:about=""1086 trackback:ping=""1087 dc:title="The most important economic competition is actually between you and your own imagination - Tom Friedman"1088 dc:identifier=""1089 dc:subject="Quote"1090 dc:description="This isn't complicated. In today's wired world, the most important economic competition is no longer between countries or companies. The most important economic competition is actually between you and your own imagination. - Tom Friedman..."1091 dc:creator=""1092 dc:date="2010-03-23T02:06:02+00:00" />1093</rdf:RDF>1094-->1095 <h2 class="date-header">1096 March 23, 20101097 </h2>1098 <a id="a008035">1099 </a>1100 <div class="entry" id="entry-8035">1101 <h3 class="entry-header">1102 The most important economic competition is actually between you and your own imagination -- Tom Friedman1103 </h3>1104 <div class="entry-content">1105 <div class="entry-body">1106 <p>1107 <br>1108 This isn't complicated.1109 </p>1110 <p>1111 --1112 <a>1113 Tom Friedman1114 </a>1115 <br>1116 </p>1117 <p class="entry-footer">1118 <span class="post-footers">1119 Posted by at 2:06 AM1120 </span>1121 <span class="separator">1122 |1123 </span>1124 <a class="permalink">1125 Permalink1126 </a>1127 |1128 <a>1129 Comments (0)1130 </a>1131 |1132 <a>1133 TrackBacks (0)1134 </a>1135 </p>1136 </div>1137 </div>1138 </div>1139 <!--1140<rdf:RDF xmlns:rdf=""1141 xmlns:trackback=""1142 xmlns:dc="">1143<rdf:Description1144 rdf:about=""1145 trackback:ping=""1146 dc:title="The years from 1989 to 2009 were consumed by locusts."1147 dc:identifier=""1148 dc:subject="Culture"1149 dc:description="What caused this dire loss of faith in our government and leaders? Mr. Judt spreads the blame around. He criticizes the narcissistic left of the 1960s, which was largely uninterested in social justice. "What united the '60s generation was not..."1150 dc:creator=""1151 dc:date="2010-03-21T08:00:25+00:00" />1152</rdf:RDF>1153-->1154 <h2 class="date-header">1155 March 21, 20101156 </h2>1157 <a id="a008030">1158 </a>1159 <div class="entry" id="entry-8030">1160 <h3 class="entry-header">1161 The years from 1989 to 2009 were consumed by locusts.1162 </h3>1163 <div class="entry-content">1164 <div class="entry-body">1165 <p>1166 <br>1167 What caused this dire loss of faith in our government and leaders?1168 </p>1169 <p>1170 He surveys an earlier and "superior class of statesmen," who, regardless of its members' political leanings, "represented a political class deeply sensitive to its moral and social responsibilities." Politically speaking, he declares, "ours is an age of the pygmies."1171 </p>1172 <p>1173 After the fall of the Berlin Wall, the West missed an opportunity to reshape the world. "Instead," Mr. Judt writes, "we sat back and congratulated ourselves upon having won the cold war: a sure way to lose the peace."1174 </p>1175 <p>1176 --1177 <a>1178 Tony Judt1179 </a>1180 </p>1181 <p class="entry-footer">1182 <span class="post-footers">1183 Posted by at 8:00 AM1184 </span>1185 <span class="separator">1186 |1187 </span>1188 <a class="permalink">1189 Permalink1190 </a>1191 |1192 <a>1193 Comments (0)1194 </a>1195 |1196 <a>1197 TrackBacks (0)1198 </a>1199 </p>1200 </div>