-
Notifications
You must be signed in to change notification settings - Fork 0
/
paper.html
147 lines (138 loc) · 7.33 KB
/
paper.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>WeavePub: A decentralized academic publishing portal</title>
<meta name="description" content="A decentralized academic publishing portal.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS Dependencies -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/shards.css">
<link rel="stylesheet" href="css/shards-extras.min.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body class="shards-app-promo-page--1">
<!-- NAVBAR -->
<div class="welcome d-flex justify-content-center flex-column">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark pt-4 px-0">
<a class="navbar-brand mr-5" href="#">
<img src="images/logo.svg" class="mr-2 nav-brand" alt="Shards - Agency Landing Page">
Weavepub
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Browse
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">By author</a>
<a class="dropdown-item" href="#">By subject</a>
<a class="dropdown-item" href="#">By publisher</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Advanced search</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Recent</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">My papers</a>
</li>
</ul>
<div class="form-inline ml-auto">
<button class="btn btn-light my-2 my-sm-0" type="button" data-toggle="modal"
data-target="#exampleModal">Log
in</button>
</div>
</div>
</nav>
</div>
</div>
<!-- /NAVBAR -->
<!-- Paper section -->
<div class="blog section section-invert py-4">
<div class="row">
<div class="col-md-3">
<div class="mx-3">
<h4 class="card-title">Improved Learning in a Large-Enrollment Physics Class</h4>
<p class="card-authors">Louis Deslauriers, Carl Wieman</p>
<p class="card-text">We compared the amounts of learning achieved using two different instructional
approaches
under controlled conditions. We measured the learning of a specific set of topics and
objectives when taught by 3 hours of traditional lecture given by an experienced highly rated
instructor and 3 hours of instruction given by a trained but inexperienced instructor using
instruction based on research in cognitive psychology and physics education. The comparison
was made between two large sections (N = 267 and N = 271) of an introductory undergraduate
physics course. We found increased student attendance, higher engagement, and more than
twice the learning in the section taught using research-based instruction.</p>
</div>
</div>
<div class="col-md-9">
<object class="paper-pdf" data="example.pdf" type="application/pdf">
<embed src="example.pdf" type="application/pdf" />
</object>
</div>
</div>
</div>
<!-- / Our Blog Section -->
<!-- MODAL -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Log in</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="mb-3">Please upload your Arweave keyfile to sign in.</div>
<div class="custom-file mb-3">
<input type="file" class="custom-file-input" id="customFile">
<label class="custom-file-label" for="customFile">Upload keyfile</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">No thanks</button>
</div>
</div>
</div>
</div>
<!-- /modal -->
<!-- Footer Section -->
<footer>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">WeavePub</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
</footer>
<!-- / Footer Section -->
<!-- JavaScript Dependencies -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>