SALT-NLP/Design2Code-HARD
This dataset consists of 80 extra difficult webpages from Github Pages, which challenges SoTA 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 "easy" version of the Design2Code testset 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.
6379
1<!DOCTYPE html>2<html class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths" lang="en" style>3 <!--<![endif]-->4 <head>5 <!-- It is not recommended to modify this code, unless you are a Pro-->6 <!-- Lastly modified by [Name Redacted] in 2023/04/26 -->7 <meta charset="utf-8">8 <title>9 About Me – [Name Redacted]10 </title>11 <!-- Twitter Card and Open Graph meta -->12 <meta content="About Me – [Name Redacted]" name="twitter:title">13 <meta content="# About MeHere is **[Name Redacted]**.I am a graduate student in the Department of Engineering at the Univers..." name="twitter:description">14 <meta content="@lancecai2002" name="twitter:creator">15 <meta content="summary" name="twitter:card">16 <meta content="" name="twitter:image:src">17 <meta content="article" property="og:type">18 <meta content="" property="og:image">19 <meta content="en_US" property="og:locale">20 <meta content="About Me – [Name Redacted]" property="og:title">21 <meta content="# About MeHere is **[Name Redacted]**.I am a graduate student in the Department of Engineering at the Univers..." property="og:description">22 <meta content="" property="og:url">23 <meta content="[Name Redacted]" property="og:site_name">24 <!-- Webmaster Tools verfication -->25 <meta content="SkiyuGpJOKT74vv5GmXLvYXXDkXy4v8VWPtbelYz3Hs" name="google-site-verification">26 <!-- http://t.co/dKP3o1e -->27 <meta content="True" name="HandheldFriendly">28 <meta content="320" name="MobileOptimized">29 <meta content="width=device-width, initial-scale=1.0" name="viewport">30 <!-- Google Webfonts -->31 <!-- For all browsers -->32 <!--[if (lt IE 9) & (!IEMobile)]>33 34<![endif]-->35 <meta content="on" http-equiv="cleartype">36 <!-- Load Modernizr -->37 <div class="fit-vids-style">38 ­39 <style>40 /* cyrillic-ext */41@font-face {42 font-family: 'PT Sans Narrow';43 font-style: normal;44 font-weight: 400;45 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCLwR26eg.woff2) format('woff2');46 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;47}48/* cyrillic */49@font-face {50 font-family: 'PT Sans Narrow';51 font-style: normal;52 font-weight: 400;53 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCCwR26eg.woff2) format('woff2');54 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;55}56/* latin-ext */57@font-face {58 font-family: 'PT Sans Narrow';59 font-style: normal;60 font-weight: 400;61 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2) format('woff2');62 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;63}64/* latin */65@font-face {66 font-family: 'PT Sans Narrow';67 font-style: normal;68 font-weight: 400;69 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format('woff2');70 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;71}72/* cyrillic-ext */73@font-face {74 font-family: 'PT Sans Narrow';75 font-style: normal;76 font-weight: 700;77 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiIW_3QRQ.woff2) format('woff2');78 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;79}80/* cyrillic */81@font-face {82 font-family: 'PT Sans Narrow';83 font-style: normal;84 font-weight: 700;85 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiBW_3QRQ.woff2) format('woff2');86 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;87}88/* latin-ext */89@font-face {90 font-family: 'PT Sans Narrow';91 font-style: normal;92 font-weight: 700;93 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiLW_3QRQ.woff2) format('woff2');94 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;95}96/* latin */97@font-face {98 font-family: 'PT Sans Narrow';99 font-style: normal;100 font-weight: 700;101 src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiFW_0.woff2) format('woff2');102 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;103}104/* cyrillic-ext */105@font-face {106 font-family: 'PT Serif';107 font-style: italic;108 font-weight: 400;109 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRTQgYoZZY2vCFuvAFT_rC1chb-.woff2) format('woff2');110 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;111}112/* cyrillic */113@font-face {114 font-family: 'PT Serif';115 font-style: italic;116 font-weight: 400;117 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRTQgYoZZY2vCFuvAFT_rm1chb-.woff2) format('woff2');118 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;119}120/* latin-ext */121@font-face {122 font-family: 'PT Serif';123 font-style: italic;124 font-weight: 400;125 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRTQgYoZZY2vCFuvAFT_rO1chb-.woff2) format('woff2');126 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;127}128/* latin */129@font-face {130 font-family: 'PT Serif';131 font-style: italic;132 font-weight: 400;133 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRTQgYoZZY2vCFuvAFT_r21cg.woff2) format('woff2');134 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;135}136/* cyrillic-ext */137@font-face {138 font-family: 'PT Serif';139 font-style: normal;140 font-weight: 400;141 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFbzr-tdg.woff2) format('woff2');142 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;143}144/* cyrillic */145@font-face {146 font-family: 'PT Serif';147 font-style: normal;148 font-weight: 400;149 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFSzr-tdg.woff2) format('woff2');150 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;151}152/* latin-ext */153@font-face {154 font-family: 'PT Serif';155 font-style: normal;156 font-weight: 400;157 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFYzr-tdg.woff2) format('woff2');158 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;159}160/* latin */161@font-face {162 font-family: 'PT Serif';163 font-style: normal;164 font-weight: 400;165 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2');166 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;167}168/* cyrillic-ext */169@font-face {170 font-family: 'PT Serif';171 font-style: normal;172 font-weight: 700;173 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qfVyvHpA.woff2) format('woff2');174 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;175}176/* cyrillic */177@font-face {178 font-family: 'PT Serif';179 font-style: normal;180 font-weight: 700;181 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qWVyvHpA.woff2) format('woff2');182 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;183}184/* latin-ext */185@font-face {186 font-family: 'PT Serif';187 font-style: normal;188 font-weight: 700;189 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qcVyvHpA.woff2) format('woff2');190 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;191}192/* latin */193@font-face {194 font-family: 'PT Serif';195 font-style: normal;196 font-weight: 700;197 src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');198 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;199}200 201 202 203.ai-ul,.fa-ul{list-style-type:none}.ai-li,.fa-li{top:.14285714em;text-align:center}.ai-fw,.ai-li,.fa-fw,.fa-li{text-align:center}.ai.fa-pull-left,.fa.fa-pull-left{margin-right:.3em}@font-face{font-family:Academicons;src:url(../fonts/academicons.eot?v=1.8.6);src:url(../fonts/academicons.eot?v=1.8.6) format('embedded-opentype'),url(../fonts/academicons.ttf?v=1.8.6) format('truetype'),url(../fonts/academicons.woff?v=1.8.6) format('woff'),url(../fonts/academicons.svg?v=1.8.6#academicons) format('svg');font-weight:400;font-style:normal}.ai{display:inline-block;font:normal normal normal 14px/1 Academicons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai-lg,.fa-lg{line-height:.75em;vertical-align:-15%}.ai-academia:before{content:"\e9af"}.ai-academia-square:before{content:"\e93d"}.ai-acclaim:before{content:"\e92e"}.ai-acclaim-square:before{content:"\e93a"}.ai-acm:before{content:"\e93c"}.ai-acm-square:before{content:"\e95d"}.ai-acmdl:before{content:"\e96a"}.ai-acmdl-square:before{content:"\e9d3"}.ai-ads:before{content:"\e9cb"}.ai-ads-square:before{content:"\e94a"}.ai-arxiv:before{content:"\e974"}.ai-arxiv-square:before{content:"\e9a6"}.ai-biorxiv:before{content:"\e9a2"}.ai-biorxiv-square:before{content:"\e98b"}.ai-ceur:before{content:"\e96d"}.ai-ceur-square:before{content:"\e92f"}.ai-coursera:before{content:"\e95f"}.ai-coursera-square:before{content:"\e97f"}.ai-cv:before{content:"\e9a5"}.ai-cv-square:before{content:"\e90a"}.ai-dataverse:before{content:"\e9f7"}.ai-dataverse-square:before{content:"\e9e4"}.ai-dblp:before{content:"\e94f"}.ai-dblp-square:before{content:"\e93f"}.ai-depsy:before{content:"\e97a"}.ai-depsy-square:before{content:"\e94b"}.ai-doi:before{content:"\e97e"}.ai-doi-square:before{content:"\e98f"}.ai-dryad:before{content:"\e97c"}.ai-dryad-square:before{content:"\e98c"}.ai-figshare:before{content:"\e981"}.ai-figshare-square:before{content:"\e9e7"}.ai-google-scholar:before{content:"\e9d4"}.ai-google-scholar-square:before{content:"\e9f9"}.ai-ideas-repec:before{content:"\e9ed"}.ai-ideas-repec-square:before{content:"\e9f8"}.ai-ieee:before{content:"\e929"}.ai-ieee-square:before{content:"\e9b9"}.ai-impactstory:before{content:"\e9cf"}.ai-impactstory-square:before{content:"\e9aa"}.ai-inspire:before{content:"\e9e9"}.ai-inspire-square:before{content:"\e9fe"}.ai-lattes:before{content:"\e9b3"}.ai-lattes-square:before{content:"\e99c"}.ai-mathoverflow:before{content:"\e9f6"}.ai-mathoverflow-square:before{content:"\e97b"}.ai-mendeley:before{content:"\e9f0"}.ai-mendeley-square:before{content:"\e9f3"}.ai-open-access:before{content:"\e939"}.ai-open-access-square:before{content:"\e9f4"}.ai-orcid:before{content:"\e9d9"}.ai-orcid-square:before{content:"\e9c3"}.ai-osf:before{content:"\e9ef"}.ai-osf-square:before{content:"\e931"}.ai-overleaf:before{content:"\e914"}.ai-overleaf-square:before{content:"\e98d"}.ai-philpapers:before{content:"\e98a"}.ai-philpapers-square:before{content:"\e96f"}.ai-piazza:before{content:"\e99a"}.ai-piazza-square:before{content:"\e90c"}.ai-publons:before{content:"\e937"}.ai-publons-square:before{content:"\e94e"}.ai-pubmed:before{content:"\e99f"}.ai-pubmed-square:before{content:"\e97d"}.ai-researcherid:before{content:"\e91a"}.ai-researcherid-square:before{content:"\e95c"}.ai-researchgate:before{content:"\e95e"}.ai-researchgate-square:before{content:"\e99e"}.ai-scirate:before{content:"\e98e"}.ai-scirate-square:before{content:"\e99d"}.ai-semantic-scholar:before{content:"\e96e"}.ai-semantic-scholar-square:before{content:"\e96c"}.ai-springer:before{content:"\e928"}.ai-springer-square:before{content:"\e99b"}.ai-zotero:before{content:"\e962"}.ai-zotero-square:before{content:"\e932"}.ai-lg{font-size:1.33333333em}.ai-2x{font-size:2em}.ai-3x{font-size:3em}.ai-4x{font-size:4em}.ai-5x{font-size:5em}.ai-fw{width:1.28571429em}.ai-ul{padding-left:0;margin-left:2.14285714em}.ai-ul>li{position:relative}.ai-li{position:absolute;left:-2.14285714em;width:2.14285714em}.ai-li.fa-lg{left:-1.85714286em}.ai-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.ai-pull-left{float:left}.ai-pull-right{float:right}.ai.fa-pull-right{margin-left:.3em}.fa-lg{font-size:1.33333333em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em}.fa-ul{padding-left:0;margin-left:2.14285714em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-right{margin-left:.3em}204 205 206article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}207audio,canvas,video{display:inline-block;}208audio:not([controls]){display:none;height:0;}209[hidden]{display:none;}210html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}211body{margin:0;}212a:focus{outline:thin dotted;}213a:active,a:hover{outline:0;}214h1{font-size:2em;margin:0.67em 0;}215abbr[title]{border-bottom:1px dotted;}216b,strong{font-weight:bold;}217dfn{font-style:italic;}218hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}219mark{background:#ff0;color:#000;}220code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}221pre{white-space:pre-wrap;}222q{quotes:"\201C" "\201D" "\2018" "\2019";}223small{font-size:80%;}224sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}225sup{top:-0.5em;}226sub{bottom:-0.25em;}227img{border:0;}228svg:not(:root){overflow:hidden;}229figure{margin:0;}230fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}231legend{border:0;padding:0;}232button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}233button,input{line-height:normal;}234button,select{text-transform:none;}235button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}236button[disabled],html input[disabled]{cursor:default;}237input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}238input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}239input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}240button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}241textarea{overflow:auto;vertical-align:top;}242table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;}243::-moz-selection{background-color:#dadada;color:#343434;text-shadow:none;}244::selection{background-color:#dadada;color:#343434;text-shadow:none;}245.all-caps{text-transform:uppercase;}246.pull-left{float:left;}247.pull-right{float:right;}248.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}249.clearfix:after{clear:both;}250.unstyled-list{list-style:none;margin-left:0;padding-left:0;}.unstyled-list li{list-style-type:none;}251@font-face{font-family:"Ampersand";src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+270C;}@font-face{font-family:"Ampersand";src:local("Georgia");unicode-range:U+270C;}.ampersand-placeholder{font-family:Verdana,sans-serif;}252.breakword{word-wrap:break-word;}253.normal-wrap{word-wrap:normal;}254.inherit-wrap{word-wrap:auto;}255.drop-cap:first-letter{float:left;margin:inherit;padding:inherit;font-size:4em;font-family:inherit;line-height:1;text-indent:0;background:transparent;color:inherit;}256html{font:normal 112.5%/1.65 serif;}257body{word-wrap:normal;color:#333332;}258.tera{font-size:117px;font-size:6.5rem;margin-bottom:0.25384615384615383rem;}259.giga{font-size:90px;font-size:5rem;margin-bottom:0.33rem;}260.mega{font-size:72px;font-size:4rem;margin-bottom:0.4125rem;}261.alpha{font-size:60px;font-size:3.3333333333333335rem;margin-bottom:0.495rem;}262.beta{font-size:48px;font-size:2.6666666666666665rem;margin-bottom:0.61875rem;}263.gamma{font-size:36px;font-size:2rem;margin-bottom:0.825rem;}264.delta{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem;}265.epsilon{font-size:21px;font-size:1.1666666666666667rem;margin-bottom:1.4142857142857141rem;}266.zeta{font-size:18px;font-size:1rem;margin-bottom:1.65rem;}267h1{font-size:60px;font-size:3.3333333333333335rem;margin-bottom:0.495rem;text-rendering:optimizeLegibility;line-height:1;margin-top:0;}268h2{font-size:48px;font-size:2.6666666666666665rem;margin-bottom:0.61875rem;text-rendering:optimizeLegibility;line-height:1;margin-top:0;}269h3{font-size:36px;font-size:2rem;margin-bottom:0.825rem;text-rendering:optimizeLegibility;line-height:1;margin-top:0;}270h4{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem;text-rendering:optimizeLegibility;line-height:1;margin-top:0;}271h5{font-size:21px;font-size:1.1666666666666667rem;margin-bottom:1.4142857142857141rem;text-rendering:optimizeLegibility;line-height:1;margin-top:0;}272h6{font-size:18px;font-size:1rem;margin-bottom:1.65rem;text-rendering:optimizeLegibility;line-height:1;margin-top:0;}273p{margin:0 0 1.5em;}p+p{text-indent:1.5em;margin-top:-1.5em;}274abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none;}275pre code{word-wrap:normal;white-space:-moz-pre-wrap;white-space:pre-wrap;}276pre{white-space:pre;}277code{white-space:pre;font-family:monospace;}278abbr{font-variant:small-caps;font-weight:400;text-transform:lowercase;color:#333332;}abbr:hover{cursor:help;}279h1,h2,h3,h4,h5,h6{color:#333332;}280.lining dt,.lining dd{display:inline;margin:0;}281.lining dt+dt:before,.lining dd+dt:before{content:"\A";white-space:pre;}282.lining dd+dd:before{content:", ";}283.lining dd:before{content:": ";margin-left:-0.2rem;}284.dictionary-style dt{display:inline;counter-reset:definitions;}.dictionary-style dt+dt:before{content:", ";margin-left:-0.2rem;}285.dictionary-style dd{display:block;counter-increment:definitions;}.dictionary-style dd:before{content:counter(definitions, decimal) ". ";}286.stats-tabs{padding:0;}.stats-tabs li{display:inline-block;margin:0 0.625rem 0 0;padding:0 0.625rem 0 0;border-right:0.125rem solid #cccccc;}.stats-tabs li:last-child{margin:0;padding:0;border:none;}287.stats-tabs li a{display:inline-block;font-size:1.5rem;font-weight:bold;}.stats-tabs li a b{display:block;margin:0.125rem 0 0 0;font-size:0.875rem;font-weight:normal;}288.cite{display:block;font-size:0.875em;text-align:right;}289.pull-quote{position:relative;padding:1em;}.pull-quote:before,.pull-quote:after{height:1em;opacity:0.15;position:absolute;font-size:4em;}290.pull-quote:before{content:'“';top:0em;left:0em;}291.pull-quote:after{content:'”';bottom:0em;right:0em;}292h1,h2,h3,h4,h5,h6{font-family:'PT Sans Narrow',sans-serif;font-weight:700;}293h6{font-weight:400;}294a{text-decoration:none;color:#343434;}a:visited{color:#4e4e4e;}295a:hover{color:#1a1a1a;}296a:focus{outline:thin dotted;color:#343434;}297a:hover,a:active{outline:0;}298b,strong{font-weight:700;}299ul li{list-style-type:square;}300ol li{list-style-type:upper-roman;}301p>a,li>a,em>a,a>em,footer a{text-decoration:none;border-bottom:1px dotted #b3b3b1;}302p>a:hover,li>a:hover,em>a:hover,footer a:hover{text-decoration:none;border-bottom:1px solid #b3b3b1;}303figcaption{margin-top:0.75em;line-height:1.25;font-size:18px;font-size:1rem;margin-bottom:1.65rem;font-family:'PT Sans Narrow',sans-serif;counter-increment:captions;}figcaption:before{font-weight:700;text-transform:uppercase;content:"Figure " counter(captions) ": ";}304.notice{margin-top:1.5em;padding:.5em 1em;text-indent:0;font-size:90%;background-color:#ddd;border-left:10px solid #ccc;}305blockquote{font-style:italic;margin-left:0;padding-left:1em;border-left:10px solid #ccc;}blockquote p+p{text-indent:0;margin-top:0;}306.footnotes{font-size:90%;}307tt,code,kbd,samp,pre{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;}308p code{font-size:80%;white-space:nowrap;margin:0 2px;padding:0 5px;border:1px solid #e6e6e6;background-color:#f2f2f2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}309.highlight{background-color:#efefef;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:80%;color:#333332;margin-bottom:1.5em;}310.highlight pre{margin:0px;padding:1em;}311.hll{background-color:#ffffcc;}312.c{color:#999988;font-style:italic;}313.err{color:#a61717;background-color:#e3d2d2;}314.k{color:#000000;font-weight:bold;}315.o{color:#000000;font-weight:bold;}316.cm{color:#999988;font-style:italic;}317.cp{color:#999999;font-weight:bold;font-style:italic;}318.c1{color:#999988;font-style:italic;}319.cs{color:#999999;font-weight:bold;font-style:italic;}320.gd{color:#000000;background-color:#ffdddd;}321.ge{color:#000000;font-style:italic;}322.gr{color:#aa0000;}323.gh{color:#999999;}324.gi{color:#000000;background-color:#ddffdd;}325.go{color:#888888;}326.gp{color:#555555;}327.gs{font-weight:bold;}328.gu{color:#aaaaaa;}329.gt{color:#aa0000;}330.kc{color:#000000;font-weight:bold;}331.kd{color:#000000;font-weight:bold;}332.kn{color:#000000;font-weight:bold;}333.kp{color:#000000;font-weight:bold;}334.kr{color:#000000;font-weight:bold;}335.kt{color:#445588;font-weight:bold;}336.m{color:#009999;}337.s{color:#d01040;}338.na{color:#008080;}339.nb{color:#0086b3;}340.nc{color:#445588;font-weight:bold;}341.no{color:#008080;}342.nd{color:#3c5d5d;font-weight:bold;}343.ni{color:#800080;}344.ne{color:#990000;font-weight:bold;}345.nf{color:#990000;font-weight:bold;}346.nl{color:#990000;font-weight:bold;}347.nn{color:#555555;}348.nt{color:#000080;}349.nv{color:#008080;}350.ow{color:#000000;font-weight:bold;}351.w{color:#bbbbbb;}352.mf{color:#009999;}353.mh{color:#009999;}354.mi{color:#009999;}355.mo{color:#009999;}356.sb{color:#d01040;}357.sc{color:#d01040;}358.sd{color:#d01040;}359.s2{color:#d01040;}360.se{color:#d01040;}361.sh{color:#d01040;}362.si{color:#d01040;}363.sx{color:#d01040;}364.sr{color:#009926;}365.s1{color:#d01040;}366.ss{color:#990073;}367.bp{color:#999999;}368.vc{color:#008080;}369.vg{color:#008080;}370.vi{color:#008080;}371.il{color:#009999;}372.hidden{display:none;visibility:hidden;}373.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;clip:auto;height:auto;width:auto;margin:0;overflow:visible;}374.visible-phone{display:none !important;}375.visible-tablet{display:none !important;}376.hidden-desktop{display:none !important;}377/*@media (max-width:767px){.visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;}}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff;}*/378/* Update in 28 Aug 2023 by [Name Redacted] */379@media (max-width:1100px){.visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;}}@media (min-width:1100px) and (max-width:1300px){.visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;}}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff;}380article img{max-width:100%;height:auto;border-width:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}381svg:not(:root){overflow:hidden;}382.half{margin:0 auto;width:100%;*zoom:1;}.half:before,.half:after{display:table;content:"";}383.half:after{clear:both;}384.half:before,.half:after{content:"";display:table;}385.half:after{clear:both;}386.half img{display:inline;float:left;width:50%;}387.half figcaption{display:inline;float:left;width:100%;}388.third{margin:0 auto;width:100%;*zoom:1;}.third:before,.third:after{display:table;content:"";}389.third:after{clear:both;}390.third:before,.third:after{content:"";display:table;}391.third:after{clear:both;}392.third img{display:inline;float:left;width:33.333333333333336%;}393.third figcaption{display:inline;float:left;width:100%;}394img.floatpic{float:right; margin-left:1em; width:33%;}395.btn{display:inline-block;*display:inline;*zoom:1;padding:12px 24px;margin-bottom:2em;line-height:1;text-align:center;text-transform:uppercase;vertical-align:middle;border:4px double #333332;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;cursor:pointer;*margin-left:.3em;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;}.btn:visited{border:4px double #4e4e4e;}396.btn:hover{border:4px double #1a1a1a;}397.btn:first-child{*margin-left:0;}398.btn-inverse{border:4px double #ffffff;color:#ffffff;background-color:#000000;}.btn-inverse:visited{color:#ffffff;border-color:#ffffff;}399.btn-inverse:hover{color:#ffffff;border-color:#ffffff;}400.btn-small{font-size:60%;padding:6px 12px;}401.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}402@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal;}[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}403.icon-instagram,.icon-facebook,.icon-twitter,.icon-google-plus,.icon-feed,.icon-feed-2,.icon-linkedin,.icon-tumblr,.icon-lastfm,.icon-mail,.icon-github{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}404.icon-instagram:before{content:"\e004";}405.icon-facebook:before{content:"\e003";}406.icon-twitter:before{content:"\e007";}407.icon-google-plus:before{content:"\e00a";}408.icon-feed:before{content:"\e00b";}409.icon-feed-2:before{content:"\e00c";}410.icon-linkedin:before{content:"\e001";}411.icon-tumblr:before{content:"\e002";}412.icon-lastfm:before{content:"\e005";}413.icon-mail:before{content:"\e006";}414.icon-github:before{content:"\e000";}415form{margin:0 0 5px 0;}form fieldset{margin-bottom:5px;padding:0;border-width:0;}416form legend{display:block;width:100%;margin-bottom:10px;*margin-left:-7px;padding:0;color:#333332;border:0;border-bottom:1px solid #cccccc;white-space:normal;}417form p{margin-bottom:2.5px;}418form ul{list-style-type:none;margin:0 0 5px 0;padding:0;}419form br{display:none;}420label,input,button,select,textarea{vertical-align:baseline;*vertical-align:middle;}421input,button,select,textarea{font-family:'PT Serif',serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}422label{display:block;margin-bottom:1.25px;font-weight:bold;color:#333332;cursor:pointer;}label input,label textarea,label select{display:block;}423input,textarea,select{display:inline-block;width:100%;padding:4px;margin-bottom:1.25px;background-color:#ffffff;border:1px solid #cccccc;color:#333332;}input:hover,textarea:hover,select:hover{border-color:#808080;}424.input-mini{width:60px;}425.input-small{width:90px;}426input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;}427input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;*width:13px;*height:13px;}428input[type="image"]{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}429input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:transparent;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}430input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;cursor:pointer;*overflow:visible;}431select,input[type="file"]{*margin-top:4px;}432select{width:auto;background-color:#ffffff;}433select[multiple],select[size]{height:auto;}434textarea{resize:vertical;height:auto;overflow:auto;vertical-align:top;}435input[type="hidden"]{display:none;}436.radio,.checkbox{padding-left:18px;font-weight:normal;}437.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}438.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}439.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}440input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;cursor:not-allowed;}441input:focus,textarea:focus{border-color:#000000;outline:0;outline:thin dotted \9;}442input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}443.help-block,.help-inline{color:#808080;}444.help-block{display:block;margin-bottom:1em;line-height:1em;}445.help-inline{display:inline-block;vertical-align:middle;padding-left:5px;}446.form-inline input,.form-inline textarea,.form-inline select{display:inline-block;margin-bottom:0;}447.form-inline label{display:inline-block;}448.form-inline .radio,.form-inline .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle;}449.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px;}450.form-search input,.form-search textarea,.form-search select{display:inline-block;margin-bottom:0;}451.form-search .search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}452.form-search label{display:inline-block;}453.form-search .radio,.form-search .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle;}454.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px;}455html{background-color:#ffffff;font-family:'PT Serif',serif;font-color:#333332;font-size:90%;}456.navigation-wrapper{margin:0 auto;width:100%;padding:2em 0 3em;font-family:'PT Sans Narrow',sans-serif;font-weight:700;text-transform:uppercase;}457.site-name{margin:0 auto;width:100%;display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:1em;}458.top-navigation{margin:0 auto;width:100%;display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:1em;}459.top-navigation ul{list-style:none;margin:0;padding:0;}460.top-navigation li{list-style-type:none;display:inline;margin-right:25px;}.top-navigation li a{decoration:none;border-bottom:0 solid transparent;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}461.top-navigation-current{text-decoration: overline;}462#main{counter-reset:captions;margin:0 auto;width:100%;*zoom:1;clear:both;margin-top:1em;}#main:before,#main:after{display:table;content:"";}463#main:after{clear:both;}464#main:before,#main:after{content:"";display:table;}465#main:after{clear:both;}466 467/* Update in 28 Aug 2023 by [Name Redacted] */468.wide {469 width: 90% !important;470 }471#main article{margin:0 auto;width:100%;display:inline;float:left;width:90%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:2em;}472#index{margin:0 auto;width:100%;display:inline;float:left;width:90%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;margin-bottom:2em;}#index article h2{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem;margin-bottom:0;}473#index article p+p{text-indent:0;}474 475#index article p+p{text-indent:0;}476.image-wrap{position:relative;margin-bottom:2em;}.image-wrap:after{content:" ";display:block;position:absolute;bottom:-1px;left:8%;width:0;height:0;border:20px solid transparent;border-bottom-color:#ffffff;}477.image-wrap img{width:100%;height:auto;-ms-interpolation-mode:bicubic;}478.image-wrap .headline-wrap{position:absolute;bottom:25px;margin-left:8.333333333333334%;}.image-wrap .headline-wrap h1,.image-wrap .headline-wrap h2{color:#ffffff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}479.headline-wrap h1{font-size:48px;font-size:2.6666666666666665rem;margin-bottom:0.61875rem;}480.headline-wrap h2{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem;text-transform:uppercase;}481.article-wrap h2{font-size:36px;font-size:2rem;margin-bottom:0.825rem;}482.article-wrap h3{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem;}483.byline{clear:both;font-size:80%;}484.article-author-top h4,.article-author-bottom h4{margin-bottom:0.5em;}485.article-author-top p,.article-author-bottom p{font-size:80%;font-style:italic;}486.article-author-top a,.article-author-bottom a,.article-author-top a:hover,.article-author-bottom a:hover{border-bottom:0 solid transparent;}487.article-author-top img.bio-photo,.article-author-bottom img.bio-photo{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}488.article-author-top{display:none;}489.article-author-bottom .bio-photo{float:left;margin-right:25px;}490.toc{display:none;font-size:95%;-webkit-opacity:0.7;-moz-opacity:0.7;opacity:0.7;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}.toc:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;}491.toc header{background:#1a1a1a;}492.toc h3{margin:0;padding:5px 10px;color:#ffffff;}.toc h3:hover{cursor:pointer;}493.toc ul{margin:2px 0 0;padding:0;background:#4d4d4d;line-height:1;}494.toc li{display:block;margin:0;padding:0;font-family:'PT Sans Narrow',sans-serif;border-bottom:1px solid #808080;}.toc li:last-child{border-bottom:0 solid transparent;}495.toc li a,.toc li a:hover{color:#ffffff;border-bottom:0 solid transparent;}496.toc li a{padding:10px;display:block;}497.toc li ul{margin:0;border-top:1px solid #808080;}498.image-grid{*zoom:1;list-style:none;margin:0 0 1em;padding:0;}.image-grid:before,.image-grid:after{display:table;content:"";}499.image-grid:after{clear:both;}500.image-grid:before,.image-grid:after{content:"";display:table;}501.image-grid:after{clear:both;}502.image-grid li{display:inline;float:left;width:50%;}503.recent-grid{*zoom:1;list-style:none;margin:1em 0;}.recent-grid:before,.recent-grid:after{display:table;content:"";}504.recent-grid:after{clear:both;}505.recent-grid:before,.recent-grid:after{content:"";display:table;}506.recent-grid:after{clear:both;}507.recent-grid li{display:inline;}.recent-grid li a{border-bottom:0 solid transparent;}.recent-grid li a:hover{border-bottom:0 solid transparent;}508.recent-grid img{width:19%;margin-bottom:1%;}509.holder{font-family:'PT Sans Narrow',sans-serif;}.holder a{cursor:pointer;margin:0 5px;}510.holder a.jp-previous{margin-left:0;margin-right:15px;}511.holder a.jp-next{margin-left:15px;margin-right:0;}512.holder a.jp-current{font-weight:bold;}513.holder a.jp-current,.holder a.jp-current:hover,.holder a.jp-disabled,.holder a.jp-disabled:hover{cursor:default;background:none;}514.holder span{margin:0 5px;}515.footer-wrap{margin:0 auto;width:100%;*zoom:1;clear:both;margin-top:1em;padding-top:2em;padding-bottom:3em;background-color:#000000;}.footer-wrap:before,.footer-wrap:after{display:table;content:"";}516.footer-wrap:after{clear:both;}517.footer-wrap:before,.footer-wrap:after{content:"";display:table;}518.footer-wrap:after{clear:both;}519.footer-wrap a,.footer-wrap a:active,.footer-wrap a:visited,.footer-wrap p,.footer-wrap h4,.footer-wrap h5,.footer-wrap h6{color:#bfbfbf;}520.footer-wrap a{border-bottom:0 solid transparent;}.footer-wrap a:hover{color:#ffffff;border-bottom:0 solid transparent;}521.footer-wrap footer{display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;}522.related-articles{display:inline;float:left;width:83.33333333333334%;margin-left:8.333333333333334%;margin-right:8.333333333333334%;}.related-articles h4{font-size:21px;font-size:1.1666666666666667rem;margin-bottom:1.4142857142857141rem;text-transform:uppercase;margin-bottom:0;}523.related-articles li{margin-bottom:0;color:#ffffff;}524.footer-icons li{display:inline-block;padding-right:5px;}.footer-icons li a{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem;color:#9a9a9a;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;}.footer-icons li a:hover{text-decoration:none;border-bottom:none;}.footer-icons li a:hover .icon-twitter,.footer-icons li a:hover .icon-twitter-sign{color:#2aa9df;}525.footer-icons li a:hover .icon-facebook,.footer-icons li a:hover .icon-facebook-sign{color:#3a5a98;}526.footer-icons li a:hover .icon-instagram,.footer-icons li a:hover .icon-instagram-sign{color:#306088;}527.footer-icons li a:hover .icon-google-plus,.footer-icons li a:hover .icon-google-plus-sign{color:#b63324;}528.footer-icons li a:hover .icon-lastfm,.footer-icons li a:hover .icon-lastfm-sign{color:#d80049;}529.footer-icons li a:hover .icon-github{color:#4183c4;}530.chrome-frame{background:#000;margin:0 0 2em 0;padding:10px;text-align:center;color:#ffffff;}.chrome-frame a{color:#ffffff;border-bottom:1px dotted #ffffff;text-decoration:none;}.chrome-frame a:hover{border-bottom:1px solid #ffffff;}531.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:502;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}532.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:503;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}533.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}534.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}535.mfp-align-top .mfp-container:before{display:none;}536.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505;}537.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}.mfp-inline-holder .mfp-content:after,.mfp-ajax-holder .mfp-content:after{content:'';display:block;width:auto;height:auto;position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);}538.mfp-ajax-cur{cursor:progress;}539.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}540.mfp-zoom,.image-popup{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}541.mfp-auto-cursor .mfp-content{cursor:auto;}542.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}543.mfp-loading.mfp-figure{display:none;}544.mfp-hide{display:none !important;}545.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:504;}546.mfp-preloader a{color:#cccccc;}547.mfp-preloader a:hover{color:white;}548.mfp-s-ready .mfp-preloader{display:none;}549.mfp-s-error .mfp-content{display:none;}550button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506;}551button.mfp-close{background:transparent;}552button::-moz-focus-inner{padding:0;border:0;}553.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}554.mfp-close:hover,.mfp-close:focus{opacity:1;}555.mfp-close:active{top:1px;}556.mfp-close-btn-in .mfp-close{color:#333333;}557.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;}558.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;}559.mfp-arrow{text-indent:100%;white-space:nowrap;overflow:hidden;position:absolute;top:0;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;background-color:#000000;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}560.mfp-arrow:active{margin-top:-54px;}561.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;}562.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent;}563.mfp-arrow:after,.mfp-arrow .mfp-a{opacity:0.8;border-top-width:12px;border-bottom-width:12px;top:8px;}564.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:20px;border-bottom-width:20px;}565.mfp-arrow-left{left:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}566.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:12px solid #fff;left:5px;}567.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{border-right:20px solid #fff;}568.mfp-arrow-right{right:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:5px;border-top-left-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}569.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:12px solid #fff;left:3px;}570.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:20px solid #fff;}571.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}572.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}573.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}574.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:black;}575.mfp-iframe-holder .mfp-close{top:-40px;}576img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}577.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);}578.mfp-figure{line-height:0;}579.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}580.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;}581.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;}582.mfp-image-holder .mfp-content{max-width:100%;}583.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}584@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;} .mfp-img-mobile img.mfp-img{padding:0;} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;} .mfp-img-mobile .mfp-counter{right:5px;top:3px;} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}}@media all and (max-width:800px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;} .mfp-container{padding-left:6px;padding-right:6px;}}.mfp-ie7 .mfp-img{padding:0;}585.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}586.mfp-ie7 .mfp-container{padding:0;}587.mfp-ie7 .mfp-content{padding-top:44px;}588.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}589.mfp-fade .zoom-anim-dialog{opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}590.mfp-fade.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}591.mfp-fade.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);opacity:0;}592.mfp-fade.mfp-bg{opacity:0;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-ms-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}593.mfp-fade.mfp-ready.mfp-bg{opacity:0.8;}594.mfp-fade.mfp-removing.mfp-bg{opacity:0;}595@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;position:static !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #333;page-break-inside:avoid;padding:1em;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;}}@media only screen and (min-width:30em){.image-grid li{width:33.333333%;}}@media only screen and (min-width:37.5em){html{font-size:95%;} .site-name{display:inline;float:left;width:16.666666666666668%;margin-left:4.166666666666667%;margin-right:4.166666666666667%;} .top-navigation{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%;} .image-wrap .headline-wrap,.image-wrap:after{left:25%;} .image-wrap .headline-wrap{margin-left:0;} #main article{display:inline;float:left;width:50%;margin-left:0%;margin-right:0%;} #index{display:inline;float:left;width:50%;margin-left:0%;margin-right:0%;} .footer-wrap footer{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%;} .article-author-top{display:block;display:inline;float:left;width:16.666666666666668%;margin-left:4.166666666666667%;margin-right:4.166666666666667%;} .article-author-bottom{display:none;} .toc{display:block;display:inline;float:left;width:16.666666666666668%;margin-left:4.166666666666667%;margin-right:4.166666666666667%;position:fixed;top:120px;right:0;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);box-shadow:0 0 5px rgba(0, 0, 0, 0.5);} .image-grid li{width:25%;} .related-articles{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%;}}@media only screen and (min-width:48em){html{font-size:100%;} .image-grid li{width:20%;}}@media only screen and (min-width:62em){html{font-size:112.5%;} .image-grid li{width:16.666666666%;}}@media only screen and (min-width:86.375em){.site-name{display:inline;float:left;width:12.5%;margin-left:16.666666666666668%;} .top-navigation{display:inline;float:left;width:66.66666666666667%;} .image-wrap:after{left:33.333333333%;} .image-wrap .headline-wrap{margin-left:8.333333333333334%;} #main article{display:inline;float:left;width:37.5%;} #index{display:inline;float:left;width:37.5%;} .related-articles{display:inline;float:left;width:37.5%;margin-left:33.333333333333336%;margin-right:29.166666666666668%;} .footer-wrap footer{display:inline;float:left;width:37.5%;margin-left:33.333333333333336%;margin-right:29.166666666666668%;} .article-author-top{display:inline;float:left;width:12.5%;margin-left:16.666666666666668%;}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){}596 597 .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }598 </style>599 </div>600 <!-- 16x16 -->601 <!-- 32x32 -->602 <!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->603 <!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->604 <!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->605 <!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->606 <!-- Google tag (gtag.js) -->607 </head>608 <body class="page" itemscope itemtype="">609 <!-- [if lt IE 6]><div class="chrome-frame alert alert-info"><strong>Your browser is really old!</strong> <a >Why not upgrade to a different browser</a> or <a >install Google Chrome Frame</a> to better enjoy this site?</div><![endif] -->610 <!-- It is not recommended to modify this code, unless you are a Pro-->611 <!-- Lastly modified by [Name Redacted] in 2023/01/15 -->612 <div class="navigation-wrapper">613 <div class="site-name">614 <a>615 [Name Redacted]616 </a>617 </div>618 <!-- /.site-name -->619 <div class="top-navigation">620 <nav itemscope itemtype="" role="navigation">621 <ul>622 <li>623 <a class="top-navigation-current">624 About Me625 </a>626 </li>627 <li>628 <a>629 Publications630 </a>631 </li>632 <li>633 <a>634 Awards635 </a>636 </li>637 <li>638 <a>639 Hobbies640 </a>641 </li>642 </ul>643 </nav>644 </div>645 <!-- /.top-navigation -->646 </div>647 <!-- /.navigation-wrapper -->648 <!-- Lastly modified by [Name Redacted] in 2023/05/01 -->649 <div id="main" itemprop="mainContentOfPage" role="main">650 <div class="article-author-top">651 <img alt="[Name Redacted] bio photo" class="bio-photo" height="100" src="rick.jpg" width="100">652 <!-- <h4>[Name Redacted]</h4> -->653 <p>654 </p>655 <p style="text-indent:0;margin-top:1.5em;">656 <a target="_blank">657 <i class="icon-mail">658 </i>659 Email660 </a>661 </p>662 <p style="text-indent:0;">663 <a>664 <img height="16.5" src="rick.jpg" width="16.5">665 My CV666 </a>667 </p>668 <p style="text-indent:0;">669 <a>670 <i class="icon-twitter">671 </i>672 Twitter673 </a>674 </p>675 <p style="text-indent:0;">676 <a>677 <i class="icon-linkedin">678 </i>679 LinkedIn680 </a>681 </p>682 <p style="text-indent:0;">683 <a>684 <i class="icon-github">685 </i>686 Github687 </a>688 </p>689 <p style="text-indent:0;">690 <a>691 <i class="ai ai-google-scholar-square">692 </i>693 Google Scholar694 </a>695 </p>696 <p style="text-indent:0;">697 <a>698 <img height="14" src="rick.jpg" width="14">699 ResearchGate700 </a>701 </p>702 <p style="text-indent:0;">703 <a>704 <img height="15.8" src="rick.jpg" width="15.8">705 Zhihu706 </a>707 </p>708 <p style="text-indent:0;">709 <a>710 <img height="15" src="rick.jpg" width="15">711 Bilibili712 </a>713 </p>714 <!-- Lastly modified by [Name Redacted] in 2023/10/15 -->715 </div>716 <article itemscope itemtype="">717 <div class="article-wrap" itemprop="text">718 <h1 id="about-me">719 About Me720 </h1>721 <p>722 <img class="floatpic" height="480" src="rick.jpg" width="360">723 </p>724 <p>725 Here is726 <strong>727 [Name Redacted]728 </strong>729 .730 </p>731 <p>732 I am a graduate student in the Department of Engineering at the University of Cambridge, advised by733 <a>734 Prof. [Name Redacted]735 </a>736 , within737 <a>738 Internet of Everything (IoE) Group739 </a>740 . I also spent a lovely summer research program with741 <a>742 Prof. [Name Redacted]743 </a>744 at745 <a>746 Artificial Intelligence Group747 </a>748 . Prior to Cambridge, I have worked on System Engineering, Cybersecurity and Wireless Communication with749 <a>750 Prof. [Name Redacted]751 </a>752 and753 <a>754 Dr. [Name Redacted]755 </a>756 . Recently, I was honored to be selected as757 <strong>758 AAAI and SIGKDD Undergraduate Scholars759 </strong>760 .761 </p>762 <p>763 If you are interested in any aspect of me, I am always open to discussions and collaborations. Feel free to reach out to me at - [Email Redacted]764 </p>765 <hr>766 <h2 id="research-interests">767 Research Interests768 </h2>769 <ul>770 <li>771 <a>772 Internet of Everything773 </a>774 </li>775 <li>776 Cyber-Physical System777 </li>778 <li>779 Applied Machine Learning780 </li>781 </ul>782 <p>783 My current research focuses on practical problems that artificial intelligence faces in real life. My interests are on the784 <strong>785 Machine Learning786 </strong>787 and its applications in788 <strong>789 Industrial IoT790 </strong>791 .792 </p>793 <hr>794 <h2 id="news-and-updates">795 News and Updates796 </h2>797 <ul>798 <li>799 <strong>800 June 2024801 </strong>802 ：Very excited to be selected as803 <a>804 KDD UC Scholar805 </a>806 . See you in Spain!807 </li>808 <li>809 <strong>810 May 2024：811 </strong>812 My bachelor thesis won the Annual Best Thesis Award (Top 1/300).813 </li>814 <li>815 <strong>816 April 2024：817 </strong>818 Our work819 <em>820 BLEGuard821 </em>822 has been accepted to823 <a>824 MobiSys 2024825 </a>826 as a poster paper. See you in Japan!827 </li>828 <li>829 <strong>830 March 2024：831 </strong>832 Very excited to get a MPhil offer from Engineering department at Cambridge University!833 </li>834 </ul>835 <p>836 <br>837 </p>838 <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;">839 </div>840 </div>841 <!-- /.article-wrap -->842 </article>843 </div>844 <!-- /#index -->845 <div class="footer-wrap">846 <footer>847 <h6>848 © 2024 [Name Redacted]849 Published with850 <a rel="nofollow">851 GitHub Pages852 </a>853 ,854 powered by855 <a rel="nofollow">856 Jekyll857 </a>858 ,859 based on the860 <a rel="nofollow">861 Minimal Mistakes862 </a>863 theme.864 Source code for this website can be found865 <a rel="nofollow">866 here867 </a>868 .869 <!-- -->870 </h6>871 <!-- Lastly modified by [Name Redacted] in 2023/03/16 -->872 </footer>873 </div>874 <!-- /.footer-wrap -->875 <!-- https://analytics.google.com/analytics/ -->876 <!-- Lastly modified by [Name Redacted] in 2023/01/15 -->877 </body>878</html>879