1<!DOCTYPE html> 2<html lang="en"> 3<head><meta charset="utf-8"><title>Maoricicada</title><base href="/" /><!--[if IE]></base><![endif]--><meta property="og:title" content="Maoricicada" /> 4<meta property="og:type" content="website" /> 5<meta property="og:url" content="http://alec-demo.herokuapp.com/Q6753679" /> 6<meta property="og:image" content="https://aezjkodskr.cloudimg.io/http://alec-demo.herokuapp.com/image.php?qid=Q6753679" /> 7<meta property="og:description" content="genus of insects / genre d'insectes / género de insectos" /> 8 <!--Import Google Icon Font--> 9 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 10
10<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
10 11 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.css"> 12
12<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.js"></script>
12 13
13<script src="https://cdn.jsdelivr.net/npm/[email protected]/ejs.min.js" integrity="sha256-ZS2YSpipWLkQ1/no+uTJmGexwpda/op53QxO/UBJw4I=" crossorigin="anonymous"></script>
13 14 <!--Let browser know website is optimized for mobile--> 15 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 16 <!-- altmetric --> 17
17<script type="text/javascript" src="//d1bxh8uas1mnw7.cloudfront.net/assets/embed.js"></script>
17 18
18<script type="text/javascript" src="js/dbpedia.js"> 19 </script>
19 20
20<script type="text/javascript" src="js/blame.js"> 21 </script>
21 22
22<script type="text/javascript" src="js/viz.js"> 23 </script>
23 24 25<!-- templates --> 26
26<script src="views/partials/utils.ejs"> 27 </script>
27 28
28<script src="views/decade_feed.ejs"> 29 </script>
29 30
30<script src="views/feed.ejs"> 31 </script>
31 32
32<script src="views/feed-collapsible.ejs"> 33 </script>
33 34
34<script src="views/feed-with-thumbnails.ejs"> 35 </script>
35 36
36<script src="views/thing.ejs"> 37 </script>
37 38
38<script src="views/organisation.ejs"> 39 </script>
39 40
40<script src="views/periodical.ejs"> 41 </script>
41 42
42<script src="views/person.ejs"> 43 </script>
43 44
44<script src="views/search.ejs"> 45 </script>
45 46
46<script src="views/specimen.ejs"> 47 </script>
47 48
48<script src="views/taxon.ejs"> 49 </script>
49 50
50<script src="views/thumbnails.ejs"> 51 </script>
51 52
52<script src="views/work.ejs"> 53 </script>
53 54
54<script type="text/javascript"> 55 56 57 //---------------------------------------------------------------------------- 58 function render(template, data, element_id) { 59 60 // Render template 61 html = ejs.render(template, data); 62 63 // Display 64 document.getElementById(element_id).innerHTML = html; 65 } 66 67 </script>
67<script src="main.js"></script>
67<script type="application/ld+json"> 68{ 69 "@context": { 70 "@vocab": "http://schema.org/", 71 "author": { 72 "@id": "author", 73 "@author": "@list" 74 }, 75 "issn": { 76 "@id": "issn", 77 "@container": "@set" 78 }, 79 "identifier": { 80 "@id": "identifier", 81 "@container": "@set" 82 }, 83 "about": { 84 "@id": "about", 85 "@container": "@set" 86 }, 87 "image": { 88 "@id": "image", 89 "@type": "@id" 90 }, 91 "license": { 92 "@id": "license", 93 "@type": "@id" 94 }, 95 "hasMap": { 96 "@id": "hasMap", 97 "@type": "@id" 98 }, 99 "sameAs": { 100 "@id": "sameAs", 101 "@type": "@id", 102 "@container": "@set" 103 }, 104 "logo": { 105 "@id": "logo", 106 "@type": "@id" 107 }, 108 "url": { 109 "@id": "url", 110 "@type": "@id", 111 "@container": "@set" 112 }, 113 "contentUrl": { 114 "@id": "contentUrl", 115 "@type": "@id" 116 }, 117 "encoding": { 118 "@id": "encoding", 119 "@type": "@id", 120 "@container": "@set" 121 }, 122 "webFeed": { 123 "@id": "webFeed", 124 "@type": "@id" 125 }, 126 "successorOf": { 127 "@id": "successorOf", 128 "@type": "@id", 129 "@container": "@set" 130 }, 131 "predecessorOf": { 132 "@id": "predecessorOf", 133 "@type": "@id", 134 "@container": "@set" 135 }, 136 "publisher": { 137 "@id": "publisher", 138 "@type": "@id", 139 "@container": "@set" 140 } 141 }, 142 "@graph": [ 143 { 144 "@id": "http://www.wikidata.org/entity/Q6753679", 145 "@type": "http://www.wikidata.org/entity/Q16521", 146 "alternateName": [ 147 { 148 "@language": "en", 149 "@value": "mountain black cicadas" 150 }, 151 { 152 "@language": "en", 153 "@value": "black cicadas" 154 } 155 ], 156 "description": [ 157 { 158 "@language": "en", 159 "@value": "genus of insects" 160 }, 161 { 162 "@language": "fr", 163 "@value": "genre d'insectes" 164 }, 165 { 166 "@language": "es", 167 "@value": "género de insectos" 168 } 169 ], 170 "identifier": [ 171 { 172 "@id": "http://www.wikidata.org/entity/Q6753679#gbif", 173 "@type": "PropertyValue", 174 "propertyID": "gbif", 175 "value": "2078679" 176 }, 177 { 178 "@id": "http://www.wikidata.org/entity/Q6753679#eol", 179 "@type": "PropertyValue", 180 "propertyID": "eol", 181 "value": "8994843" 182 }, 183 { 184 "@id": "http://www.wikidata.org/entity/Q6753679#ncbi", 185 "@type": "PropertyValue", 186 "propertyID": "ncbi", 187 "value": "124228" 188 }, 189 { 190 "@id": "http://www.wikidata.org/entity/Q6753679#irmng", 191 "@type": "PropertyValue", 192 "propertyID": "irmng", 193 "value": "1062478" 194 }, 195 { 196 "@id": "http://www.wikidata.org/entity/Q6753679#inaturalist", 197 "@type": "PropertyValue", 198 "propertyID": "inaturalist", 199 "value": "342395" 200 } 201 ], 202 "image": "http://commons.wikimedia.org/wiki/Special:FilePath/Maoricicada%20iolanthe%20AMNZ21720.jpg", 203 "name": { 204 "@language": "en", 205 "@value": "Maoricicada" 206 }, 207 "parentTaxon": { 208 "@id": "http://www.wikidata.org/entity/Q130778", 209 "scientificName": "Cicadidae" 210 }, 211 "sameAs": [ 212 "https://www.gbif.org/species/2078679", 213 "https://eol.org/pages/8994843", 214 "https://www.ncbi.nlm.nih.gov/Taxonomy/wwwtax.cgi?mode=Info&id=124228", 215 "https://en.wikipedia.org/wiki/Maoricicada", 216 "https://species.wikimedia.org/wiki/Maoricicada" 217 ], 218 "scientificName": "Maoricicada", 219 "taxonRank": { 220 "@language": "en", 221 "@value": "genus" 222 } 223 } 224 ] 225} 226</script>
226<style type="text/css"> 227 /* body and main styles to give us a fixed footer, see https://materializecss.com/footer.html */ 228 body { 229 display: flex; 230 min-height: 100vh; 231 flex-direction: column; 232 background: white; 233 } 234 main { 235 flex: 1 0 auto; 236 } 237 238 /* me */ 239 240/* https://stackoverflow.com/a/2160005/9684 */ 241.section:after { 242 content: "Foo"; 243 visibility: hidden; 244 display: block; 245 height: 0px; 246 clear: both; 247} 248 249 250.mycard { 251 padding:12px; 252 border-radius:4px; 253 margin-bottom:20px; 254 background:white; 255} 256 257.mycard-title { 258 font-size:1.5em; 259} 260 261.mycard-thumbnail { 262 padding:10px; 263 float:left; 264 background:white; 265 width:100px; 266 height:100px; 267 object-fit: cover; 268 object-position: 50% 50%; 269} 270 271.mycard-details { 272 display:block; 273 border-top:1px solid rgb(192,192,192); 274} 275 276 277/* https://codepen.io/furnace/pen/PGygEd */ 278nav.clean { 279 background: none; 280 box-shadow: none; 281 height:2em; 282 line-height:2em; 283 284} 285nav.clean .breadcrumb { 286 color: black; 287 font-size:1em; 288} 289nav.clean .breadcrumb:before { 290 color: rgba(0, 0, 0, 0.7); 291} 292 293@media only screen and (max-width : 992px) { 294 header, main, footer { 295 padding-left: 0; 296 padding-right: 0px; 297 } 298} 299 300main { 301flex: 1 0 auto; 302 303padding:10px; 304} 305 306/* hack for missing "square" class for avatars */ 307.square { 308position:absolute; 309width:48px; 310height:48px; 311left:15px; 312display:inline-block; 313vertical-align:middle; 314border-radius: 4px; 315} 316 317 318.code { 319 font-family:monospace; 320 white-space:pre; 321 line-height:0.9em; 322 font-size:0.7em; 323 color:rgb(64,64,64); 324 overflow-y:auto; 325 padding:10px; 326 /* border:1px solid rgb(192,192,192); */ 327 328} 329 330 331.logo { 332 margin: 10px; 333 334 display: block; 335 float:left; 336 337 /*text-indent: -9999px;*/ 338 width: 48px; 339 height: 48px; 340 opacity: 0.6; 341 border-radius: 4px; 342 /* border:1px solid rgb(192,192,192); */ 343} 344 345.none { 346background-color: black; 347} 348 349.ipni { 350 background: url(images/logos/ipni.svg); 351 background-size: contain; 352} 353 354.oclc { 355 background: url(images/logos/oclc.svg); 356 background-size: contain; 357} 358 359.orcid { 360 background: url(images/logos/orcid.svg); 361 background-size: contain; 362} 363 364.zoobank { 365 background: url(images/logos/zoobank.svg); 366 background-size: contain; 367} 368 369.bionomia { 370 background: url(images/logos/bionomia.svg); 371 background-size: contain; 372} 373 374.flickr { 375 background: url(images/logos/flickr.svg); 376 background-size: contain; 377} 378 379.twitter { 380 background: url(images/logos/twitter.svg); 381 background-size: contain; 382} 383 384.rg { 385 background: url(images/logos/researchgate.svg); 386 background-size: contain; 387} 388 389.gbif { 390 background: url(images/logos/gbif.svg); 391 background-size: contain; 392} 393 394.eol { 395 background: url(images/logos/eol.svg); 396 background-size: contain; 397} 398 399.fossilworks { 400 background: url(images/logos/fossilworks.svg); 401 background-size: contain; 402} 403 404.ncbi { 405 background: url(images/logos/ncbi.svg); 406 background-size: contain; 407} 408 409.worms { 410 background: url(images/logos/worms.svg); 411 background-size: contain; 412} 413 414.wsc { 415 background: url(images/logos/world-spider-catalog.svg); 416 background-size: contain; 417} 418 419.doi { 420 background: url(images/logos/doi.svg); 421 background-size: contain; 422} 423.handle { 424 background: url(images/logos/hdl.svg); 425 background-size: contain; 426} 427.pmc { 428 background: url(images/logos/pmc.svg); 429 background-size: contain; 430} 431.internetarchive {
432 background: url(images/logos/internetarchive.svg); 433 background-size: contain; 434} 435.jstor { 436 background: url(images/logos/jstor.svg); 437 background-size: contain; 438} 439.bhl { 440 background: url(images/logos/bhl.svg); 441 background-size: contain; 442} 443.link { 444 background: url(images/logos/link.svg); 445 background-size: contain; 446} 447.cnki { 448 background: url(images/logos/cnki.svg); 449 background-size: contain; 450} 451.cnkiapp{ 452 background: url(images/logos/cnkiapp.svg); 453 background-size: contain; 454} 455.rss { 456 background: url(images/logos/rss.svg); 457 background-size: contain; 458} 459 460.scholia { 461 background: url(images/logos/scholia.svg); 462 background-size: contain; 463} 464.wikipedia { 465 background: url(images/logos/wikipedia.svg); 466 background-size: contain; 467} 468.wikispecies { 469 background: url(images/logos/wikispecies.svg); 470 background-size: contain; 471} 472.inaturalist { 473 background: url(images/logos/inaturalist.svg); 474 background-size: contain; 475} 476.ror { 477 background: url(images/logos/ror.svg); 478 background-size: contain; 479} 480.persee { 481 background: url(images/logos/persee.svg); 482 background-size: contain; 483} 484.bold { 485 background: url(images/logos/bold.svg); 486 background-size: contain; 487} 488 489.sudoc { 490 background: url(images/logos/sudoc.svg); 491 background-size: contain; 492} 493 494.wfo { 495 background: url(images/logos/wfo.svg); 496 background-size: contain; 497} 498 499 500.license { 501 display: block; 502 float:left; 503 margin: 4px; 504 505 width: 24px; 506 height: 24px; 507} 508 509.cc { 510 background: url(images/cc-icons-png/cc.xlarge.png); 511 background-size: contain; 512} 513.by { 514 background: url(images/cc-icons-png/by.xlarge.png); 515 background-size: contain; 516} 517.nc { 518 background: url(images/cc-icons-png/nc.xlarge.png); 519 background-size: contain; 520} 521.nd { 522 background: url(images/cc-icons-png/nd.xlarge.png); 523 background-size: contain; 524} 525.sa { 526 background: url(images/cc-icons-png/sa.xlarge.png); 527 background-size: contain; 528} 529 530.item { 531position:relative; 532float:left; 533width:100px; 534height:100px; 535margin:4px; 536background-color:rgb(228,228,228); 537} 538 539.item img { 540width:100%; 541height:100%; 542object-fit: cover; 543object-position: 50% 50%; 544} 545 546.item span { 547font-size:10px; 548position:absolute; 549left:0px; 550top:0px; 551width:100%; 552height:44%; 553background-color:rgba(0, 0, 0, 0.4); 554color:white; 555z-index:10; 556 557/* https://stackoverflow.com/a/20505159 */ 558/* make sure padding does not expand size of div */ 559box-sizing: border-box; 560padding:4px; 561} 562 563/* keep our action buttons nicely spaced */ 564/* https://stackoverflow.com/a/6507081/9684 */ 565#actions > * { 566/* display: block; */ 567margin: 5px 5px; 568} 569 570 571 </style></head><body> 572<div class="navbar-fixed"> 573 574 <nav> 575 <div class="nav-wrapper white black-text"> 576 <form action="/"> 577 <div class="input-field"> 578 <input type="search" id="query" name="q" placeholder="Enter search term" value=""> 579 <label class="label-icon" for="search"><i class="material-icons">search</i></label> <i class="material-icons">close</i> 580 </div> 581 </form> 582 </div> 583 </nav> 584</div> 585 <main> 586 <div class="row"> 587 <!-- main panel --> 588 <div class="col s12 m9"> 589 <div class="row"> 590 <div id ="output"> 591 </div> 592 </div> 593 </div><!-- end main panel --> 594 595 <!-- side panel --> 596 <div id="sidepanel" class="col s12 m3" > 597 <div class="card-panel lime lighten-5" id="dbpedia"></div> 598 <div id="blame"></div> 599 </div>
599<script>show_record({"@context":{"@vocab":"http:\/\/schema.org\/","author":{"@id":"author","@author":"@list"},"issn":{"@id":"issn","@container":"@set"},"identifier":{"@id":"identifier","@container":"@set"},"about":{"@id":"about","@container":"@set"},"image":{"@id":"image","@type":"@id"},"license":{"@id":"license","@type":"@id"},"hasMap":{"@id":"hasMap","@type":"@id"},"sameAs":{"@id":"sameAs","@type":"@id","@container":"@set"},"logo":{"@id":"logo","@type":"@id"},"url":{"@id":"url","@type":"@id","@container":"@set"},"contentUrl":{"@id":"contentUrl","@type":"@id"},"encoding":{"@id":"encoding","@type":"@id","@container":"@set"},"webFeed":{"@id":"webFeed","@type":"@id"},"successorOf":{"@id":"successorOf","@type":"@id","@container":"@set"},"predecessorOf":{"@id":"predecessorOf","@type":"@id","@container":"@set"},"publisher":{"@id":"publisher","@type":"@id","@container":"@set"}},"@graph":[{"@id":"http:\/\/www.wikidata.org\/entity\/Q6753679","@type":"http:\/\/www.wikidata.org\/entity\/Q16521","alternateName":[{"@language":"en","@value":"mountain black cicadas"},{"@language":"en","@value":"black cicadas"}],"description":[{"@language":"en","@value":"genus of insects"},{"@language":"fr","@value":"genre d'insectes"},{"@language":"es","@value":"g\u00e9nero de insectos"}],"identifier":[{"@id":"http:\/\/www.wikidata.org\/entity\/Q6753679#gbif","@type":"PropertyValue","propertyID":"gbif","value":"2078679"},{"@id":"http:\/\/www.wikidata.org\/entity\/Q6753679#eol","@type":"PropertyValue","propertyID":"eol","value":"8994843"},{"@id":"http:\/\/www.wikidata.org\/entity\/Q6753679#ncbi","@type":"PropertyValue","propertyID":"ncbi","value":"124228"},{"@id":"http:\/\/www.wikidata.org\/entity\/Q6753679#irmng","@type":"PropertyValue","propertyID":"irmng","value":"1062478"},{"@id":"http:\/\/www.wikidata.org\/entity\/Q6753679#inaturalist","@type":"PropertyValue","propertyID":"inaturalist","value":"342395"}],"image":"http:\/\/commons.wikimedia.org\/wiki\/Special:FilePath\/Maoricicada%20iolanthe%20AMNZ21720.jpg","name":{"@language":"en","@value":"Maoricicada"},"parentTaxon":{"@id":"http:\/\/www.wikidata.org\/entity\/Q130778","scientificName":"Cicadidae"},"sameAs":["https:\/\/www.gbif.org\/species\/2078679","https:\/\/eol.org\/pages\/8994843","https:\/\/www.ncbi.nlm.nih.gov\/Taxonomy\/wwwtax.cgi?mode=Info&id=124228","https:\/\/en.wikipedia.org\/wiki\/Maoricicada","https:\/\/species.wikimedia.org\/wiki\/Maoricicada"],"scientificName":"Maoricicada","taxonRank":{"@language":"en","@value":"genus"}}]});</script>
599</div> 600 </main><div> 601 </main> 602 <footer class="page-footer white black-text" > 603 <div class="container"> 604 <div class="row"> 605 [<a href=".">Home</a>] About this project... 606 </div> 607 </div> 608 609 </footer>
609<script> 610<!-- any end of document script goes here --> 611</script>
611</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.