Skip to content

Commit 5274d46

Browse files
possumbilitiespossumbilities
authored
change layout of blog-index articles to all be highligh cards, with attribution last
1 parent ce60da7 commit 5274d46

File tree

2 files changed

+223
-72
lines changed

2 files changed

+223
-72
lines changed

‎src/context/blog-index.html‎

Lines changed: 158 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -188,125 +188,228 @@ <h2 class="title"><a href="#">Open Access in Practice: A Conversation with Presi
188188

189189
</article>
190190

191-
<footer>
192-
<article class="attribution-list">
193-
<h2>Images Attribution</h2>
194-
<ul>
195-
<li>
196-
<article>
197-
<figure>
198-
<img src="../imgs/image3.png" />
199-
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
200-
</figure>
201-
</article>
202-
</li>
203-
<li>
204-
<article>
205-
<figure>
206-
<img src="../imgs/image4.png" />
207-
<span class="attribution"><span>"</span><a href="https://www.flickr.com/photos/47691521@N07/8249753855" target="_blank" rel="noopener noreferrer">Creative Commons a vessel ideas</a><span>" by&nbsp;</span><a href="https://www.flickr.com/photos/47691521@N07" target="_blank" rel="noopener noreferrer">opensourceway</a><span>&nbsp;is licensed under&nbsp;</span><a href="https://creativecommons.org/licenses/by-sa/2.0/?ref=openverse" target="_blank" rel="noopener noreferrer">CC BY-SA 2.0</a></span>
208-
</figure>
209-
</article>
210-
</li>
211-
<li>
212-
<article>
213-
<figure>
214-
<img src="../imgs/image3.png" />
215-
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
216-
</figure>
217-
</article>
218-
</li>
219-
<li>
220-
<article>
221-
<figure>
222-
<img src="../imgs/image3.png" />
223-
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
224-
</figure>
225-
</article>
226-
</li>
227-
</ul>
228-
</article>
229-
</footer>
191+
</article>
192+
193+
194+
<article class="stories authored-posts highlight">
195+
196+
<h2>Recent posts</h2>
197+
198+
<article class="story">
199+
<header>
200+
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
201+
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
202+
<span class="categories"><a href=#">Open Culture</a></span>
230203

204+
</header>
231205

206+
<figure>
207+
<img src="../imgs/image3.png" />
208+
209+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
210+
</figure>
211+
212+
</article>
213+
232214

233-
</article>
234215

235-
<article class="stories authored-posts">
236-
<h2>Recent Posts</h2>
237-
238216
<article class="story">
239217
<header>
240-
<h3 class="title"><a href="#">Introducing Our Google Season of Docs 2020 Participants</a></h3>
218+
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
241219
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
242-
<span class="categories"><a href=#">Open Knowledge</a></span>
220+
<span class="categories"><a href=#">Open Culture</a></span>
243221

244222
</header>
245-
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard</p>
223+
224+
<figure>
225+
<img src="../imgs/image3.png" />
226+
227+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
228+
</figure>
229+
246230
</article>
247231

232+
233+
234+
248235
<article class="story">
249236
<header>
250237
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
251238
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
252239
<span class="categories"><a href=#">Open Culture</a></span>
240+
253241
</header>
254-
242+
255243
<figure>
256244
<img src="../imgs/image3.png" />
257245

258-
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
246+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
259247
</figure>
260-
261-
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard</p>
248+
262249
</article>
250+
251+
252+
253+
<article class="story">
254+
<header>
255+
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
256+
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
257+
<span class="categories"><a href=#">Open Culture</a></span>
258+
259+
</header>
263260

261+
<figure>
262+
<img src="../imgs/image3.png" />
263+
264+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
265+
</figure>
266+
267+
</article>
268+
269+
270+
271+
264272
<article class="story">
265273
<header>
266274
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
267275
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
268276
<span class="categories"><a href=#">Open Culture</a></span>
269277

270278
</header>
271-
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard</p>
279+
280+
<figure>
281+
<img src="../imgs/image3.png" />
282+
283+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
284+
</figure>
285+
272286
</article>
273287

288+
289+
290+
274291
<article class="story">
275292
<header>
276293
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
277294
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
278295
<span class="categories"><a href=#">Open Culture</a></span>
279296

280297
</header>
281-
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard</p>
298+
299+
<figure>
300+
<img src="../imgs/image3.png" />
301+
302+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
303+
</figure>
304+
282305
</article>
283306

307+
308+
284309
<article class="story">
285310
<header>
286311
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
287312
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
288313
<span class="categories"><a href=#">Open Culture</a></span>
289314

290315
</header>
291-
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard</p>
316+
317+
<figure>
318+
<img src="../imgs/image3.png" />
319+
320+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
321+
</figure>
322+
292323
</article>
293324

325+
326+
294327
<article class="story">
295328
<header>
296329
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
297330
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
298331
<span class="categories"><a href=#">Open Culture</a></span>
299332

300333
</header>
301-
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access — Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard</p>
334+
335+
<figure>
336+
<img src="../imgs/image3.png" />
337+
338+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
339+
</figure>
340+
302341
</article>
342+
343+
344+
345+
<article class="story">
346+
<header>
347+
<h3 class="title"><a href="#">Open Access in Practice: A Conversation with President Larry Kramer of The Hewlett Foundation</a></h3>
348+
<span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span>
349+
<span class="categories"><a href=#">Open Culture</a></span>
303350

304-
<a class="more" href="#">more posts</a>
351+
</header>
305352

353+
<figure>
354+
<img src="../imgs/image3.png" />
355+
356+
<!-- <span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span> -->
357+
</figure>
358+
359+
</article>
360+
361+
362+
363+
364+
</article>
365+
366+
306367
</article>
307368

308369

370+
<footer>
371+
372+
<a class="more" href="#">more posts</a>
373+
374+
<article class="attribution-list">
375+
<h2>Images Attribution</h2>
376+
<ul>
377+
<li>
378+
<article>
379+
<figure>
380+
<img src="../imgs/image3.png" />
381+
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
382+
</figure>
383+
</article>
384+
</li>
385+
<li>
386+
<article>
387+
<figure>
388+
<img src="../imgs/image4.png" />
389+
<span class="attribution"><span>"</span><a href="https://www.flickr.com/photos/47691521@N07/8249753855" target="_blank" rel="noopener noreferrer">Creative Commons a vessel ideas</a><span>" by&nbsp;</span><a href="https://www.flickr.com/photos/47691521@N07" target="_blank" rel="noopener noreferrer">opensourceway</a><span>&nbsp;is licensed under&nbsp;</span><a href="https://creativecommons.org/licenses/by-sa/2.0/?ref=openverse" target="_blank" rel="noopener noreferrer">CC BY-SA 2.0</a></span>
390+
</figure>
391+
</article>
392+
</li>
393+
<li>
394+
<article>
395+
<figure>
396+
<img src="../imgs/image3.png" />
397+
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
398+
</figure>
399+
</article>
400+
</li>
401+
<li>
402+
<article>
403+
<figure>
404+
<img src="../imgs/image3.png" />
405+
<span class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></span>
406+
</figure>
407+
</article>
408+
</li>
409+
</ul>
410+
</article>
309411

412+
</footer>
310413

311414

312415

0 commit comments

Comments
 (0)