-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path521bib.html
211 lines (187 loc) · 11.1 KB
/
521bib.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="david p. adams phd">
<title>David P. Adams - Courses</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/8734ad67bf.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,700">
<!-- Core theme CSS (includes Bootstrap)-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="/style/style.css">
</head>
<body id="page-top">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check2" viewBox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</symbol>
<symbol id="circle-half" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
</symbol>
<symbol id="moon-stars-fill" viewBox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
</symbol>
<symbol id="sun-fill" viewBox="0 0 16 16">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
</symbol>
</svg>
<main class="content-wrapper">
<!-- nav bar -->
<section>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" aria-label="navigation bar">
<div class="container-fluid">
<a class="navbar-brand" href="https://dadams.io/index.html"><img src="/dadams.png" alt="dadams logo" width="120"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="Navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav me-auto mb-2 mb-sm-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="https://dadams.io/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://hss.fullerton.edu/paj/contact_us/Faculty/d_adams%20.aspx" title="CSUF">CSUF</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://courses.dadams.io" title="Class Resources">Class Resources</a>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Course Syllabi</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/Syllabi/Intro Public Policy/posc_315_2401.pdf">POSC 315</a></li>
<li><a class="dropdown-item" href="/Syllabi/MPA Capstone/new_521_syllabus.pdf">POSC 521</a></li>
</ul>
</li>
</ul>
<div class="dropdown bd-mode-toggle">
<button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
id="bd-theme"
type="button"
aria-expanded="false"
data-bs-toggle="dropdown"
aria-label="Toggle theme (auto)">
<svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
<span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
</button>
<ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
<svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#sun-fill"></use></svg>
Light
<svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
<svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
Dark
<svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
<svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#circle-half"></use></svg>
Auto
<svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
</button>
</li>
</ul>
</div>
</div>
</div>
</nav>
</section>
<!-- header -->
<header>
<div class="container px-4 py-5 my-5">
<i class="fas fa-book fa-3x mb-4"></i>
<h1 class="display-5 fw-bold mb-4 primary-blue">Course Bibliography</h1>
<div class="col-lg-6">
<p class="lead mb-3">
POSC 521 - Public Administration Theory
</p>
<p class="mb-4">
This is the bibliography for additional readings for the course. You can download the
<a href="/521.bib" download="521.bib">BibTeX</a> or the
<a href="521.json" download="521.json">.json</a> files for use with the
<a href="https://www.zotero.org/">Zotero</a> reference manager.</p>
<p class="mb-4">
This page has the most up-to-date verion of my bibliography for POSC 521. It is updated from my Zotero library. You can view the library on my <a href="https://www.zotero.org/dpadams/collections/HM7JAYNC">Zotero 521 library page</a>, where you'll find clickable links to most of the readings.
</p>
<div class="d-grid gap-2 d-sm-flex mb-3">
<a href="https://dadams.io/" class="btn btn-outline-primary btn-lg px-4 gap-3" role="button">dadams.io</a>
<a href="/index.html" class="btn btn-primary btn-lg px-4">Courses Home</a>
</div>
</div>
</div>
</header>
<body>
<div class="container mt-5">
<h1 class="secondary-blue">POSC 521 Readings</h1>
<h2 class="secondary-gray">Updated from my Zotero Library</h2>
<div id="zotero-items">
<!-- The Zotero items will be populated here -->
</div>
<script>
// Replace these with your actual API key and Zotero user ID
const apiKey = "Uxi8spffDheJEvzf5lA3qANL";
const userId = "11414748";
const collectionId = "HM7JAYNC"; // Replace with your actual collection ID
fetch(`https://api.zotero.org/users/${userId}/collections/${collectionId}/items?key=${apiKey}&limit=100`)
.then(response => response.json())
.then(data => {
// Sort by the first author's last name
data.sort((a, b) => {
const getAuthors = (item) => item.data.creators ? item.data.creators.map(creator => creator.lastName || creator.name || '').join(', ') : '';
const authorsA = getAuthors(a);
const authorsB = getAuthors(b);
return authorsA.localeCompare(authorsB);
});
// Your existing code for generating HTML starts here
let output = '<ul>';
data.forEach(item => {
if (item.data.itemType === 'journalArticle' || item.data.itemType === 'book') {
const title = item.data.title || 'No Title';
const authors = item.data.creators ? item.data.creators.map(creator => creator.name || [creator.lastName, creator.firstName].join(', ')).join(', ') : 'Unknown Author';
const publication = item.data.publicationTitle || item.data.publisher || 'Unknown';
const year = item.data.date || 'Unknown';
output += `<li><strong>${title}</strong><br>${authors}<br>${publication}, ${year}</li>`;
}
// Add code here to check for PDFs and Notes
});
output += '</ul>';
document.getElementById('zotero-items').innerHTML = output;
})
.catch(error => {
console.error("Error fetching Zotero data:", error);
});
</script>
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-12 col-md-4 d-flex justify-content-center justify-content-md-start align-items-center flex-column flex-md-row">
<a href="https://dadams.io" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1">
<img src="/dadams.png" alt="David Adams" style="width: 100px; height: auto;" class="img-responsive">
</a>
</div>
<div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
<a href="termsofuse.html" class="secondary-green text-decoration-none lh-1">
Terms of Use
</a>
</div>
<div class="col-12 col-md-4 d-flex justify-content-center justify-content-md-end align-items-center">
<span class="secondary-blue">© 2024 David Prescott Adams</span>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/js/scripts.js"></script>
</body>
</html>