-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (69 loc) · 5.16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>PLOS code doodles</title>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header" style="width:100%">
<a class="navbar-brand" href="#" style="width:15%">
<img id="journal-logo" alt="Brand" style="height:100%" src="http://www.plos.org/images/logo-plos.svg">
</a>
<p class="navbar-text">PLOS Article Leaderboard</p>
<div class="navbar-text"><input id="cycle" title="Cycle through journals" type="checkbox"></div>
<select class="navbar-text" id="journal-select"></select>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More doodles <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/plos_doodles/reviewer_helper">Reviewer Helper</a></li>
<li><a href="/plos_doodles/etoc_maker">ETOC maker</a></li>
<li><a href="/plos_doodles/event_board">PLOS Article Live Event Board</a></li>
<li><a href="javascript:(function()%20{var%20d%20=%20document,%20s%20=%20d.createElement(%27script%27);s.src%20=%20%27https://talk-altkknlmyq-ue.a.run.app/assets/js/embed.js%27;s.onload%20=%20function()%20{Coral.createStreamEmbed({id:%20%22thread%22,autoRender:%20true,rootURL:%20%27https://talk-altkknlmyq-ue.a.run.app%27,storyID:%20$(%27meta[name=citation_doi]%27).attr(%22content%22)});};(d.head%20||%20d.body).appendChild(s);})();">PLOS Talk Bookmarklet</a></li>
<li><a href="javascript:(function()%7Bvar%20params%20%3D%20new%20URLSearchParams(window.location.search)%3Bvar%20relatedDoi%20%3D%20params.get('id')%3Bwindow.relatedCallback%20%3D%20function%20(data)%20%7Bvar%20allowedTypes%20%3D%20%5B'Research%20Article'%2C%20'Front%20Matter'%5D%3Bvar%20relatedDocs%20%3D%20data%5B'moreLikeThis'%5D%5BrelatedDoi%5D%5B'docs'%5D%3Bvar%20listItems%20%3D%20relatedDocs.reduce(function(list%2C%20doc)%20%7Bvar%20subLinkItem%20%3D%20%24('%3Cli%2F%3E'%2C%20%7Bclass%3A%20'related-article-link-page'%7D).append(%24('%3Ca%2F%3E'%2C%20%7Btext%3A%20'View%20Page'%2C%20href%3A%20'https%3A%2F%2Fdx.plos.org%2F'%20%2B%20doc.id%7D))%3Bvar%20listItem%20%3D%20%24('%3Cli%2F%3E'%2C%20%7Btext%3A%20doc.title%7D).append(%24('%3Cul%2F%3E'%2C%20%7Bclass%3A%20'related-article-links'%7D).append(subLinkItem)).html()%3Breturn%20allowedTypes.indexOf(doc.article_type)%20!%3D%20-1%20%3F%20list%20%2B%20listItem%20%3A%20list%3B%7D%2C%20'')%3Bif%20(listItems%20%3D%3D%20'')%20%7B%20return%20null%3B%20%7D%24('%3Cdiv%2F%3E'%2C%20%7Bclass%3A%20'related-articles-container'%7D).append(%24('%3Ch3%2F%3E'%2C%20%7Btext%3A%20'Similar%20PLOS%20Articles'%7D)).append(%24('%3Cul%2F%3E').html(listItems)).insertAfter('a%5Bdata-target%3D%22crossmark%22%5D')%3B%7D%3Bif%20(%24('.related-articles-container').length%20%3D%3D%200)%20%7B%24.ajax(%7Burl%3A%20'https%3A%2F%2Fapi.plos.org%2Fsearch'%2Cdata%3A%20%7Bwt%3A%20'json'%2C'json.wrf'%3A%20'relatedCallback'%2C'fl'%3A%20'id%2Ctitle%2Carticle_type'%2C'mlt.fl'%3A%20'abstract'%2C'mlt'%3A%20'true'%2Cq%3A%20'id%3A'%20%2B%20relatedDoi%7D%2Ctype%3A%20'GET'%2CdataType%3A%20'jsonp'%7D)%3B%7D%7D)()">Similar Articles Bookmarklet</a>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong>NB: </strong>Actual view numbers can be up to a 48 hours old and don't include PMC. This is just a side project, not a PLOS sanctioned product. SOLR data has been fixed on 11/4/2019 but still under observation for issues.
</div>
<div class="col-md-3" >
<div class="panel panel-default">
<div class="panel-heading">Published last 7 days</div>
<div class="panel-body" id="week"></div>
</div>
</div>
<div class="col-md-3" >
<div class="panel panel-default">
<div class="panel-heading">Published last 30 days</div>
<div class="panel-body" id="month"></div>
</div>
</div>
<div class="col-md-3" >
<div class="panel panel-default">
<div class="panel-heading">Published last 365 days</div>
<div class="panel-body" id="year"></div>
</div>
</div>
<div class="col-md-3" >
<div class="panel panel-default">
<div class="panel-heading">Trending this month</div>
<div class="panel-body" id="trending"></div>
</div>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>