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.8k
1<!DOCTYPE html>2<html class="cufon-active cufon-ready" lang="en">3 <head>4 <style>5 a, abbr, acronym, address, applet, article, aside, audio,6b, blockquote, big, body,7center, canvas, caption, cite, code, command,8datalist, dd, del, details, dfn, dl, div, dt, 9em, embed,10fieldset, figcaption, figure, font, footer, form, 11h1, h2, h3, h4, h5, h6, header, hgroup, html,12i, iframe, img, ins,13kbd, 14keygen,15label, legend, li, 16meter,17nav,18object, ol, output,19p, pre, progress,20q, 21s, samp, section, small, span, source, strike, strong, sub, sup,22table, tbody, tfoot, thead, th, tr, tdvideo, tt,23u, ul, 24var {25 background:transparent;26 border:0 none;27 font-size:100%;28 margin:0;29 padding:0;30 border:0;31 outline:0;32 vertical-align:top;33}34 35ol, 36ul {37 list-style:none;38}39blockquote, 40q {41 quotes:none;42}43table, 44table td { 45 padding:0;46 border:none;47 border-collapse:collapse;48}49img {50 vertical-align:top; 51}52embed { 53 vertical-align:top;54}55 56 57/* Getting the new tags to behave */58article, aside, audio, 59canvas, command, 60datalist, details, 61embed, 62figcaption, figure, footer, 63header, hgroup, 64keygen, 65meter, 66nav, 67output, 68progress, 69section, source, 70video {71 display:block;72}73mark, 74rp, rt, ruby, 75summary, 76time {77 display:inline;78}79 80/* Global properties ======================================================== */81body { 82 background:#fff; 83 font-family:Arial, Helvetica, sans-serif;84 font-size:100%; 85 line-height:1em;86 color:#454545;87}88html { 89 min-width:940px;90}91html, 92body { 93 height:100%;94}95 96 97 98/* Global Structure ============================================================= */99.container {100 margin:0 auto;101 width:940px;102 overflow:hidden;103 font-size:.875em;104 padding-bottom:176px;105}106 107 /* Header */108 header {109 background:url(../images/header-bg.jpg) no-repeat center top;110 min-width:940px;111 }112 header .container {113 height:194px;114 position:relative;115 padding:0;116 }117 118 /* Content */119 section#content {120 float:left;121 width:691px;122 }123 124 /* Sidebar */125 aside {126 width:219px;127 float:left;128 margin-right:30px;129 padding:5px 0 0 0;130 }131 132 /* Footer */133 footer {134 background:url(../images/footer-bg.png) no-repeat center top;135 margin-top:-121px;136 min-width:940px;137 }138 footer .container {139 height:121px;140 padding:0;141 }142 143 144 145 146/* Left & Right alignment */147 148.fleft { 149 float:left;150}151.fright { 152 float:right;153}154.clear { 155 clear:both;156}157 158.col-1, 159.col-2, 160.col-3 { 161 float:left;162}163 164.alignright { 165 text-align:right;166}167.aligncenter { 168 text-align:center;169} 170 171.wrapper { 172 width:100%;173 overflow:hidden;174}175.wrap {176 height:auto !important;177 height:100%;178 min-height:100%;179 background:url(../images/tail-middle.jpg) repeat-y center 194px;180 min-width:940px;181}182 183 184/*----- form defaults -----*/185input, 186select, 187textarea { 188 font-family:Arial, Helvetica, sans-serif;189 font-size:1em;190 vertical-align:middle;191 font-weight:normal;192}193 194fieldset {195 border:0;196}197 198/*----- lists -----*/199 200.categories {201 padding-bottom:37px;202}203 .categories li {204 font-weight:bold;205 font-size:.857em;206 padding-bottom:8px;207 margin-bottom:6px;208 background:url(../images/divider1.gif) repeat-x left bottom;209 }210 .categories li.last {211 background:none;212 padding:0;213 margin:0;214 }215 .categories li span {216 display:block;217 padding-left:15px;218 height:1%;219 background:url(../images/marker.gif) no-repeat left 5px;220 }221 .categories li a {222 text-decoration:none;223 color:#008cc4;224 }225 .categories li a:hover {226 color:#ff7b01;227 }228 229 230.general {231 padding-bottom:37px;232}233 .general li {234 font-weight:bold;235 font-size:1.2em;236 padding-bottom:8px;237 margin-bottom:6px;238 line-height:120%;239 display:block;240 padding-left:15px;241 height:1%;242 background:url(../images/marker.gif) no-repeat left 5px;243 }244 .general li.last {245 background:none;246 padding:0;247 margin:0;248 }249 .general li span {250 251 }252 .general li a {253 text-decoration:none;254 color:#008cc4;255 }256 .general li a:hover {257 color:#ff7b01;258 }259 260 261.news {262 margin-top:-25px;263}264 .news li {265 padding-top:25px;266 line-height:1.429em;267 } 268 .news li strong {269 font-size:.857em;270 color:#454545;271 display:block;272 padding-bottom:3px;273 }274 .news li a {275 color:#008cc4;276 text-decoration:none;277 font-weight:bold;278 }279 280.articles {281 margin-top:-18px;282} 283 .articles li {284 width:100%;285 overflow:hidden;286 vertical-align:top;287 line-height:1.429em;288 padding-top:18px;289 }290 .articles li img {291 float:left;292 margin-right:22px;293 }294 295.sitemap {296 padding-bottom:15px;297} 298 .sitemap li {299 padding:0 0 5px 16px;300 background:url(../images/marker1.gif) no-repeat left 5px;301 }302 .sitemap li ul {303 padding-top:5px;304 margin-bottom:-5px;305 }306 307.list {308 width:100%;309 overflow:hidden;310 padding-bottom:40px;311}312 .list li {313 float:left;314 width:175px;315 margin-right:53px;316 } 317 .list li.last {318 margin:0;319 }320 .list li span {321 display:block;322 text-align:center;323 }324 .list li h4 {325 padding-top:20px;326 }327 .list li p {328 margin:0;329 }330 331 332/*----- other -----*/333.img-box { 334 width:100%; 335 overflow:hidden; 336 padding-bottom:20px;337 line-height:1.429em;338}339 .img-box img { 340 float:left; 341 margin:0 20px 0 0;342 }343 344.extra-wrap { 345 overflow:hidden;346}347 348p {349 margin-bottom:16px;350 line-height:1.429em;351}352.p0 {353 margin:0;354}355 356.address {357 width:100%;358 overflow:hidden;359 padding-bottom:40px;360} 361 .address address {362 font-style:normal;363 line-height:1.429em;364 float:left;365 width:248px;366 }367 .address address strong {368 color:#008cc4;369 width:94px !important;370 width:91px;371 float:left;372 }373 .address .extra-wrap {374 float:left;375 width:385px;376 }377 .address p {378 margin:0;379 }380 381#banner {382 width:691px;383 height:299px;384 background:url(../images/banner-bg.jpg) no-repeat left top;385}386 #banner h2 {387 color:#fff;388 font-size:42px;389 text-transform:none;390 line-height:1.2em;391 padding:75px 0 0 55px;392 margin:0;393 }394 #banner h2 span {395 display:block;396 margin-top:-12px;397 color:#fff;398 }399 #banner h2 span span {400 font-size:30px;401 margin-top:-8px;402 }403 404 405 406/*----- txt, links, lines, titles -----*/407a {408 409 outline:none;410}411a:hover {412 text-decoration:none;413}414 415h1 {416 text-indent:-9999px;417}418 h1 a {419 width:900px;420 height:80px;421 position:absolute;422 left:0;423 top:104px;424 background:url(../images/logo.jpg) no-repeat left top;425 }426h2 {427 font-size:24px;428 line-height:1.2em;429 text-transform:uppercase;430 margin-bottom:20px;431}432 h2 span {433 color:#8d8d8d;434 }435h3 {436 font-size:20px;437 line-height:1.2em;438 margin-bottom:15px;439}440h4 {441 font-size:1em;442 color:#008cc4;443 margin-bottom:5px;444}445 h4 a {446 color:#008cc4;447 text-decoration:none;448 }449 h4 a:hover {450 color:#ff7b01;451 }452 453 454.txt1 {455 color:#008cc4;456 font-weight:bold;457}458 459.link {460 position:absolute;461 right:0;462 top:159px;463}464 465 466/*===== header =====*/467header .nav-bg {468 background:url(../images/nav-bg.png) no-repeat center top;469}470header nav {471 position:absolute;472 left:0;473 top:3px;474}475 header nav ul li {476 float:left;477 font-size:16px;478 line-height:1.2em;479 text-transform:uppercase;480 padding-right:1px;481 background:url(../images/divider.gif) repeat-y right top;482 }483 header nav ul li.last {484 background:none;485 padding:0;486 }487 header nav ul li a {488 color:#454545;489 text-decoration:none;490 display:block;491 float:left;492 text-align:center;493 padding:18px 0 20px 0;494 background-repeat:no-repeat;495 background-position:left top;496 }497 header nav ul li.current a,498 header nav ul li a:hover {499 color:#008cc4;500 }501 header nav ul li a.m1 {502 width:186px;503 }504 header nav ul li.current a.m1 {505 background-image:url(../images/m1-act.jpg);506 }507 header nav ul li a.m2 {508 width:179px;509 }510 header nav ul li.current a.m2 {511 background-image:url(../images/m2-act.jpg);512 }513 header nav ul li a.m3 {514 width:208px;515 }516 header nav ul li.current a.m3 {517 background-image:url(../images/m3-act.jpg);518 }519 header nav ul li a.m4 {520 width:196px;521 }522 header nav ul li.current a.m4 {523 background-image:url(../images/m4-act.jpg);524 }525 header nav ul li.last {526 background:none;527 padding:0;528 }529 header nav ul li a.m5 {530 width:167px;531 }532 header nav ul li.current a.m5 {533 background-image:url(../images/m5-act.jpg);534 }535 536 537 538/*===== content =====*/539#content .inside {540 padding:22px 20px 0 29px;541}542#content .ic, 543#content .ic a {border:0;float:right;background:#000;color:#ff7b01;width:100%;line-height:10px;font-size:10px;margin:-50% 0 0 0;padding:0}544 545/*===== footer =====*/546footer .fleft {547 font-size:20px;548 line-height:1.2em;549 text-transform:uppercase;550 padding:32px 0 0 0;551}552 footer .fleft span {553 display:block;554 font-size:36px;555 line-height:1.2em;556 color:#008cc4;557 margin-top:-4px;558 }559footer .aligncenter {560 padding-top:39px;561 line-height:1.429em;562}563 564 565/*----- forms -----*/566 567#search-form .rowElem {568 height:28px;569 position:absolute;570 right:0;571 top:113px;572}573#search-form input {574 width:205px;575 background:#fff;576 padding:4px 5px 4px 5px;577 border:1px solid #d0d0d0;578 border-right:0;579 color:#454545;580 line-height:1.2em;581 float:left;582 height:18px;583}584#search-form a {585 text-transform:uppercase;586 color:#fff;587 text-decoration:none;588 float:left;589 background-color:#0087c1;590 padding:6px 11px 0 11px;591 height:22px;592}593#search-form a:hover {594 background-color:#47b6e5;595}596 597/*----------------------*/598 599#newsletter-form {600 padding-bottom:45px;601}602 #newsletter-form fieldset {603 background:url(../images/newsletter-bg.gif) no-repeat left top;604 width:219px;605 height:131px;606 overflow:hidden;607 }608 #newsletter-form .rowElem {609 padding:13px 19px 0 17px;610 }611 #newsletter-form input {612 border:1px solid #0086b5;613 background:#fff;614 color:#8e8e8e;615 font-size:.857em;616 padding:2px 5px 2px 5px;617 width:171px;618 margin-bottom:13px;619 }620 #newsletter-form h2 {621 color:#fff;622 margin-bottom:13px;623 }624 #newsletter-form a.fleft {625 color:#fff;626 position:relative;627 top:3px;628 }629 #newsletter-form a.fright {630 display:block;631 color:#fff;632 border:1px solid #26b6e8;633 text-decoration:none;634 background-color:#006caa;635 padding:2px 11px 3px 11px;636 }637 #newsletter-form a.fright:hover {638 border-color:#fff;639 }640 641/*----------------------*/642 643#contacts-form { clear:right; width:100%; overflow:hidden;}644#contacts-form fieldset { border:none; float:left; }645#contacts-form .field { clear:both; height:30px;}646#contacts-form .field.extra { height:268px;}647#contacts-form label { float:left; width:123px; font-weight:bold; color:#008cc4;}648#contacts-form input { width:277px; padding:2px 0 2px 3px; border:1px solid #d1d1d1; color:#70635b;}649#contacts-form textarea { width:503px; height:252px; padding:2px 0 2px 3px; border:1px solid #d1d1d1; color:#70635b; overflow:auto;}650 651/*==========================================*/652 </style>653 <title>654 PhD Alumni from The Computer Science Dept at UC Riverside655 </title>656 <meta charset="utf-8">657 <meta content="Place your description here" name="description">658 <meta content="put, your, keyword, here" name="keywords">659 <meta content="Templates.com - website templates provider" name="author">660 <style type="text/css">661 cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}662 </style>663 <!--[if lt IE 7]>664 665 666 667<![endif]-->668 <!--[if lt IE 9]>669 670 <![endif]-->671 </head>672 <body id="page1">673 <div class="wrap">674 <!-- header -->675 <header>676 <div class="container">677 <h1>678 <a>679 Student680 </a>681 </h1>682 <nav>683 <ul>684 <li class="current">685 <a class="m1">686 <cufon alt="Home " class="cufon cufon-canvas" style="width: 48px; height: 16px;">687 <canvas height="19" style="width: 60px; height: 19px; top: -2px; left: -1px;" width="60">688 </canvas>689 <cufontext>690 Home691 </cufontext>692 </cufon>693 <cufon alt="Page" class="cufon cufon-canvas" style="width: 37px; height: 16px;">694 <canvas height="19" style="width: 44px; height: 19px; top: -2px; left: -1px;" width="44">695 </canvas>696 <cufontext>697 Page698 </cufontext>699 </cufon>700 </a>701 </li>702 <li>703 <a class="m3">704 <cufon alt="News " class="cufon cufon-canvas" style="width: 46px; height: 16px;">705 <canvas height="19" style="width: 58px; height: 19px; top: -2px; left: -1px;" width="58">706 </canvas>707 <cufontext>708 News709 </cufontext>710 </cufon>711 <cufon alt="& " class="cufon cufon-canvas" style="width: 14px; height: 16px;">712 <canvas height="19" style="width: 26px; height: 19px; top: -2px; left: -1px;" width="26">713 </canvas>714 <cufontext>715 &716 </cufontext>717 </cufon>718 <cufon alt="Announcements" class="cufon cufon-canvas" style="width: 134px; height: 16px;">719 <canvas height="19" style="width: 141px; height: 19px; top: -2px; left: -1px;" width="141">720 </canvas>721 <cufontext>722 Announcements723 </cufontext>724 </cufon>725 </a>726 </li>727 <li>728 <a class="m4">729 <cufon alt="Contact " class="cufon cufon-canvas" style="width: 72px; height: 16px;">730 <canvas height="19" style="width: 83px; height: 19px; top: -2px; left: -1px;" width="83">731 </canvas>732 <cufontext>733 Contact734 </cufontext>735 </cufon>736 <cufon alt="Us" class="cufon cufon-canvas" style="width: 20px; height: 16px;">737 <canvas height="19" style="width: 27px; height: 19px; top: -2px; left: -1px;" width="27">738 </canvas>739 <cufontext>740 Us741 </cufontext>742 </cufon>743 </a>744 </li>745 </ul>746 </nav>747 </div>748 </header>749 <div class="container">750 <!-- aside -->751 <aside>752 <h3>753 <cufon alt="Alumni " class="cufon cufon-canvas" style="width: 66px; height: 20px;">754 <canvas height="23" style="width: 81px; height: 23px; top: -3px; left: -1px;" width="81">755 </canvas>756 <cufontext>757 Alumni758 </cufontext>759 </cufon>760 <cufon alt="By " class="cufon cufon-canvas" style="width: 25px; height: 20px;">761 <canvas height="23" style="width: 40px; height: 23px; top: -3px; left: -1px;" width="40">762 </canvas>763 <cufontext>764 By765 </cufontext>766 </cufon>767 <cufon alt="Category" class="cufon cufon-canvas" style="width: 78px; height: 20px;">768 <canvas height="23" style="width: 87px; height: 23px; top: -3px; left: -1px;" width="87">769 </canvas>770 <cufontext>771 Category772 </cufontext>773 </cufon>774 </h3>775 <ul class="categories">776 <li>777 <span>778 <a>779 Algorithms and Computational Biology780 </a>781 </span>782 </li>783 <li>784 <span>785 <a>786 Computer Architecture and Embedded Systems787 </a>788 </span>789 </li>790 <li>791 <span>792 <a>793 Databases & Data Mining794 </a>795 </span>796 </li>797 <li>798 <span>799 <a>800 Networks and Communications801 </a>802 </span>803 </li>804 </ul>805 </aside>806 <!-- content -->807 <section id="content">808 <br>809 <br>810 <br>811 <div style="font-weight:bold; font-size:2em">812 <u>813 News & Announcements814 </u>815 </div>816 <br>817 <br>818 <br>819 <h2>820 <cufon alt="Post-Doc " class="cufon cufon-canvas" style="width: 116px; height: 24px;">821 <canvas height="28" style="width: 133px; height: 28px; top: -3px; left: -1px;" width="133">822 </canvas>823 <cufontext>824 Post-Doc825 </cufontext>826 </cufon>827 <cufon alt="Position " class="cufon cufon-canvas" style="width: 106px; height: 24px;">828 <canvas height="28" style="width: 123px; height: 28px; top: -3px; left: -1px;" width="123">829 </canvas>830 <cufontext>831 Position832 </cufontext>833 </cufon>834 <cufon alt="Available" class="cufon cufon-canvas" style="width: 112px; height: 24px;">835 <canvas height="28" style="width: 123px; height: 28px; top: -3px; left: -1px;" width="123">836 </canvas>837 <cufontext>838 Available839 </cufontext>840 </cufon>841 </h2>842 <h3>843 <cufon alt="A " class="cufon cufon-canvas" style="width: 17px; height: 20px;">844 <canvas height="23" style="width: 32px; height: 23px; top: -3px; left: -1px;" width="32">845 </canvas>846 <cufontext>847 A848 </cufontext>849 </cufon>850 <cufon alt="Post-Doctoral " class="cufon cufon-canvas" style="width: 120px; height: 20px;">851 <canvas height="23" style="width: 135px; height: 23px; top: -3px; left: -1px;" width="135">852 </canvas>853 <cufontext>854 Post-Doctoral855 </cufontext>856 </cufon>857 <cufon alt="Researcher " class="cufon cufon-canvas" style="width: 98px; height: 20px;">858 <canvas height="23" style="width: 112px; height: 23px; top: -3px; left: -1px;" width="112">859 </canvas>860 <cufontext>861 Researcher862 </cufontext>863 </cufon>864 <cufon alt="position " class="cufon cufon-canvas" style="width: 74px; height: 20px;">865 <canvas height="23" style="width: 89px; height: 23px; top: -3px; left: -1px;" width="89">866 </canvas>867 <cufontext>868 position869 </cufontext>870 </cufon>871 <cufon alt="is " class="cufon cufon-canvas" style="width: 18px; height: 20px;">872 <canvas height="23" style="width: 32px; height: 23px; top: -3px; left: -1px;" width="32">873 </canvas>874 <cufontext>875 is876 </cufontext>877 </cufon>878 <cufon alt="available, " class="cufon cufon-canvas" style="width: 84px; height: 20px;">879 <canvas height="23" style="width: 98px; height: 23px; top: -3px; left: -1px;" width="98">880 </canvas>881 <cufontext>882 available,883 </cufontext>884 </cufon>885 <cufon alt="starting " class="cufon cufon-canvas" style="width: 71px; height: 20px;">886 <canvas height="23" style="width: 85px; height: 23px; top: -3px; left: -1px;" width="85">887 </canvas>888 <cufontext>889 starting890 </cufontext>891 </cufon>892 <cufon alt="as " class="cufon cufon-canvas" style="width: 23px; height: 20px;">893 <canvas height="23" style="width: 37px; height: 23px; top: -3px; left: -1px;" width="37">894 </canvas>895 <cufontext>896 as897 </cufontext>898 </cufon>899 <cufon alt="soon " class="cufon cufon-canvas" style="width: 46px; height: 20px;">900 <canvas height="23" style="width: 61px; height: 23px; top: -3px; left: -1px;" width="61">901 </canvas>902 <cufontext>903 soon904 </cufontext>905 </cufon>906 <cufon alt="as " class="cufon cufon-canvas" style="width: 23px; height: 20px;">907 <canvas height="23" style="width: 37px; height: 23px; top: -3px; left: -1px;" width="37">908 </canvas>909 <cufontext>910 as911 </cufontext>912 </cufon>913 <cufon alt="possible, " class="cufon cufon-canvas" style="width: 79px; height: 20px;">914 <canvas height="23" style="width: 93px; height: 23px; top: -3px; left: -1px;" width="93">915 </canvas>916 <cufontext>917 possible,918 </cufontext>919 </cufon>920 <cufon alt="at " class="cufon cufon-canvas" style="width: 21px; height: 20px;">921 <canvas height="23" style="width: 36px; height: 23px; top: -3px; left: -1px;" width="36">922 </canvas>923 <cufontext>924 at925 </cufontext>926 </cufon>927 <cufon alt="the " class="cufon cufon-canvas" style="width: 33px; height: 20px;">928 <canvas height="23" style="width: 47px; height: 23px; top: -3px; left: -1px;" width="47">929 </canvas>930 <cufontext>931 the932 </cufontext>933 </cufon>934 <a>935 <cufon alt=" " class="cufon cufon-canvas" style="width: 5px; height: 20px;">936 <canvas height="23" style="width: 19px; height: 23px; top: -3px; left: -1px;" width="19">937 </canvas>938 <cufontext>939 </cufontext>940 </cufon>941 <cufon alt="Database " class="cufon cufon-canvas" style="width: 84px; height: 20px;">942 <canvas height="23" style="width: 99px; height: 23px; top: -3px; left: -1px;" width="99">943 </canvas>944 <cufontext>945 Database946 </cufontext>947 </cufon>948 <cufon alt="Lab " class="cufon cufon-canvas" style="width: 36px; height: 20px;">949 <canvas height="23" style="width: 50px; height: 23px; top: -3px; left: -1px;" width="50">950 </canvas>951 <cufontext>952 Lab953 </cufontext>954 </cufon>955 <cufon alt="at " class="cufon cufon-canvas" style="width: 21px; height: 20px;">956 <canvas height="23" style="width: 36px; height: 23px; top: -3px; left: -1px;" width="36">957 </canvas>958 <cufontext>959 at960 </cufontext>961 </cufon>962 <cufon alt="the " class="cufon cufon-canvas" style="width: 33px; height: 20px;">963 <canvas height="23" style="width: 47px; height: 23px; top: -3px; left: -1px;" width="47">964 </canvas>965 <cufontext>966 the967 </cufontext>968 </cufon>969 <cufon alt="University " class="cufon cufon-canvas" style="width: 90px; height: 20px;">970 <canvas height="23" style="width: 104px; height: 23px; top: -3px; left: -1px;" width="104">971 </canvas>972 <cufontext>973 University974 </cufontext>975 </cufon>976 <cufon alt="of " class="cufon cufon-canvas" style="width: 22px; height: 20px;">977 <canvas height="23" style="width: 36px; height: 23px; top: -3px; left: -1px;" width="36">978 </canvas>979 <cufontext>980 of981 </cufontext>982 </cufon>983 <cufon alt="California, " class="cufon cufon-canvas" style="width: 89px; height: 20px;">984 <canvas height="23" style="width: 104px; height: 23px; top: -3px; left: -1px;" width="104">985 </canvas>986 <cufontext>987 California,988 </cufontext>989 </cufon>990 <cufon alt="Riverside" class="cufon cufon-canvas" style="width: 77px; height: 20px;">991 <canvas height="23" style="width: 86px; height: 23px; top: -3px; left: -1px;" width="86">992 </canvas>993 <cufontext>994 Riverside995 </cufontext>996 </cufon>997 </a>998 <cufon alt=". " class="cufon cufon-canvas" style="width: 9px; height: 20px;">999 <canvas height="23" style="width: 23px; height: 23px; top: -3px; left: -1px;" width="23">1000 </canvas>1001 <cufontext>1002 .1003 </cufontext>1004 </cufon>1005 <cufon alt="This " class="cufon cufon-canvas" style="width: 39px; height: 20px;">1006 <canvas height="23" style="width: 53px; height: 23px; top: -3px; left: -1px;" width="53">1007 </canvas>1008 <cufontext>1009 This1010 </cufontext>1011 </cufon>1012 <cufon alt="NSF-funded " class="cufon cufon-canvas" style="width: 106px; height: 20px;">1013 <canvas height="23" style="width: 120px; height: 23px; top: -3px; left: -1px;" width="120">1014 </canvas>1015 <cufontext>1016 NSF-funded1017 </cufontext>1018 </cufon>1019 <cufon alt="position " class="cufon cufon-canvas" style="width: 74px; height: 20px;">1020 <canvas height="23" style="width: 89px; height: 23px; top: -3px; left: -1px;" width="89">1021 </canvas>1022 <cufontext>1023 position1024 </cufontext>1025 </cufon>1026 <cufon alt="is " class="cufon cufon-canvas" style="width: 18px; height: 20px;">1027 <canvas height="23" style="width: 32px; height: 23px; top: -3px; left: -1px;" width="32">1028 </canvas>1029 <cufontext>1030 is1031 </cufontext>1032 </cufon>1033 <cufon alt="for " class="cufon cufon-canvas" style="width: 28px; height: 20px;">1034 <canvas height="23" style="width: 43px; height: 23px; top: -3px; left: -1px;" width="43">1035 </canvas>1036 <cufontext>1037 for1038 </cufontext>1039 </cufon>1040 <cufon alt="1 " class="cufon cufon-canvas" style="width: 15px; height: 20px;">1041 <canvas height="23" style="width: 30px; height: 23px; top: -3px; left: -1px;" width="30">1042 </canvas>1043 <cufontext>1044 11045 </cufontext>1046 </cufon>1047 <cufon alt="year, " class="cufon cufon-canvas" style="width: 44px; height: 20px;">1048 <canvas height="23" style="width: 58px; height: 23px; top: -3px; left: -1px;" width="58">1049 </canvas>1050 <cufontext>1051 year,1052 </cufontext>1053 </cufon>1054 <cufon alt="with " class="cufon cufon-canvas" style="width: 43px; height: 20px;">1055 <canvas height="23" style="width: 57px; height: 23px; top: -3px; left: -1px;" width="57">1056 </canvas>1057 <cufontext>1058 with1059 </cufontext>1060 </cufon>1061 <cufon alt="possibility " class="cufon cufon-canvas" style="width: 91px; height: 20px;">1062 <canvas height="23" style="width: 105px; height: 23px; top: -3px; left: -1px;" width="105">1063 </canvas>1064 <cufontext>1065 possibility1066 </cufontext>1067 </cufon>1068 <cufon alt="for " class="cufon cufon-canvas" style="width: 28px; height: 20px;">1069 <canvas height="23" style="width: 43px; height: 23px; top: -3px; left: -1px;" width="43">1070 </canvas>1071 <cufontext>1072 for1073 </cufontext>1074 </cufon>1075 <cufon alt="extension " class="cufon cufon-canvas" style="width: 88px; height: 20px;">1076 <canvas height="23" style="width: 102px; height: 23px; top: -3px; left: -1px;" width="102">1077 </canvas>1078 <cufontext>1079 extension1080 </cufontext>1081 </cufon>1082 <cufon alt="if " class="cufon cufon-canvas" style="width: 16px; height: 20px;">1083 <canvas height="23" style="width: 30px; height: 23px; top: -3px; left: -1px;" width="30">1084 </canvas>1085 <cufontext>1086 if1087 </cufontext>1088 </cufon>1089 <cufon alt="funding " class="cufon cufon-canvas" style="width: 72px; height: 20px;">1090 <canvas height="23" style="width: 87px; height: 23px; top: -3px; left: -1px;" width="87">1091 </canvas>1092 <cufontext>1093 funding1094 </cufontext>1095 </cufon>1096 <cufon alt="permits." class="cufon cufon-canvas" style="width: 69px; height: 20px;">1097 <canvas height="23" style="width: 84px; height: 23px; top: -3px; left: -1px;" width="84">1098 </canvas>1099 <cufontext>1100 permits.1101 </cufontext>1102 </cufon>1103 </h3>1104 <ul class="general">1105 <li>1106 The ideal candidate should have a strong publication record in one or more 1107of the following areas: Health Informatics, Web/Social Data Management, Information Retrieval, Databases (involving text and/or graph data).1108 </li>1109 <li>1110 PhD in Computer Science or equivalent is required.1111 </li>1112 <li>1113 Further, strong paper writing skills are required.1114 </li>1115 <li>1116 The position will also involve some implementation tasks.1117 </li>1118 </ul>1119 <h3>1120 <cufon alt="If " class="cufon cufon-canvas" style="width: 16px; height: 20px;">1121 <canvas height="23" style="width: 30px; height: 23px; top: -3px; left: -1px;" width="30">1122 </canvas>1123 <cufontext>1124 If1125 </cufontext>1126 </cufon>1127 <cufon alt="you " class="cufon cufon-canvas" style="width: 37px; height: 20px;">1128 <canvas height="23" style="width: 51px; height: 23px; top: -3px; left: -1px;" width="51">1129 </canvas>1130 <cufontext>1131 you1132 </cufontext>1133 </cufon>1134 <cufon alt="are " class="cufon cufon-canvas" style="width: 31px; height: 20px;">1135 <canvas height="23" style="width: 46px; height: 23px; top: -3px; left: -1px;" width="46">1136 </canvas>1137 <cufontext>1138 are1139 </cufontext>1140 </cufon>1141 <cufon alt="interested, " class="cufon cufon-canvas" style="width: 95px; height: 20px;">1142 <canvas height="23" style="width: 109px; height: 23px; top: -3px; left: -1px;" width="109">1143 </canvas>1144 <cufontext>1145 interested,1146 </cufontext>1147 </cufon>1148 <cufon alt="please " class="cufon cufon-canvas" style="width: 59px; height: 20px;">1149 <canvas height="23" style="width: 74px; height: 23px; top: -3px; left: -1px;" width="74">1150 </canvas>1151 <cufontext>1152 please1153 </cufontext>1154 </cufon>1155 <cufon alt="send " class="cufon cufon-canvas" style="width: 46px; height: 20px;">1156 <canvas height="23" style="width: 60px; height: 23px; top: -3px; left: -1px;" width="60">1157 </canvas>1158 <cufontext>1159 send1160 </cufontext>1161 </cufon>1162 <cufon alt="your " class="cufon cufon-canvas" style="width: 43px; height: 20px;">1163 <canvas height="23" style="width: 58px; height: 23px; top: -3px; left: -1px;" width="58">1164 </canvas>1165 <cufontext>1166 your1167 </cufontext>1168 </cufon>1169 <cufon alt="CV " class="cufon cufon-canvas" style="width: 28px; height: 20px;">1170 <canvas height="23" style="width: 43px; height: 23px; top: -3px; left: -1px;" width="43">1171 </canvas>1172 <cufontext>1173 CV1174 </cufontext>1175 </cufon>1176 <cufon alt="to " class="cufon cufon-canvas" style="width: 23px; height: 20px;">1177 <canvas height="23" style="width: 37px; height: 23px; top: -3px; left: -1px;" width="37">1178 </canvas>1179 <cufontext>1180 to1181 </cufontext>1182 </cufon>1183 <a>1184 <cufon alt="Dr. " class="cufon cufon-canvas" style="width: 28px; height: 20px;">1185 <canvas height="23" style="width: 43px; height: 23px; top: -3px; left: -1px;" width="43">1186 </canvas>1187 <cufontext>1188 Dr.1189 </cufontext>1190 </cufon>1191 <cufon alt="Hristidis." class="cufon cufon-canvas" style="width: 73px; height: 20px;">1192 <canvas height="23" style="width: 88px; height: 23px; top: -3px; left: -1px;" width="88">1193 </canvas>1194 <cufontext>1195 Hristidis.1196 </cufontext>1197 </cufon>1198 </a>1199 </h3>1200 </section>