Refactor: Add authors function, add sketchfab icon

gatsby-browser.js

@@ -1,4 +1,5 @@
 // You can delete this file if you're not using it
+
 import "@popperjs/core/dist/umd/popper.min"
 import "bootstrap/dist/css/bootstrap.min.css"
 import "bootstrap/dist/js/bootstrap.min"

gatsby-node.js

@@ -8,45 +8,49 @@ exports.createPages = async ({ actions,graphql }) => {
 
   return graphql(`
      {
-     tagsGroup: allMarkdownRemark(limit: 2000) {
+      tagsGroup: allMarkdownRemark(limit: 2000) {
         group(field: {frontmatter: {tag: SELECT}}) {
           fieldValue
         }
       }
-  blogPosts: allMarkdownRemark(
-    filter: {frontmatter: {type: {eq: "post"}}}
-    sort: {frontmatter: {date: DESC}}
-    limit: 1000
-  ) {
-    edges {
-      node {
-        id
-        frontmatter {
-          date
-          permalink
-          title
+      authorsGroup: allMarkdownRemark(limit: 2000) {
+        group(field: {frontmatter: {author: SELECT}}) {
+          fieldValue
         }
       }
-    }
-  }
-  blogPages: allMarkdownRemark(
-    filter: {frontmatter: {type: {eq: "page"}}}
-    sort: {frontmatter: {date: DESC}}
-    limit: 1000
-  ) {
-    edges {
-      node {
-        id
-        frontmatter {
-          date
-          permalink
-          title
+      blogPosts: allMarkdownRemark(
+        filter: {frontmatter: {type: {eq: "post"}}}
+        sort: {frontmatter: {date: DESC}}
+        limit: 1000
+      ) {
+        edges {
+          node {
+            id
+            frontmatter {
+              date
+              permalink
+              title
+            }
+          }
+        }
+      }
+      blogPages: allMarkdownRemark(
+        filter: {frontmatter: {type: {eq: "page"}}}
+        sort: {frontmatter: {date: DESC}}
+        limit: 1000
+      ) {
+        edges {
+          node {
+            id
+            frontmatter {
+              date
+              permalink
+              title
+            }
+          }
         }
       }
     }
-  }
-}
-
   `).then(result => {
     if (result.errors) {
       return Promise.reject(result.errors)
@@ -84,6 +88,19 @@ exports.createPages = async ({ actions,graphql }) => {
         },
       })
     });
+    const author = result.data.authorsGroup.group
+    const authorTemplate = require.resolve("./src/templates/authors.js")
+    // Make tag pages
+    author.forEach(author => {
+      createPage({
+        path: `/authors/${_.kebabCase(author.fieldValue)}/`,
+        component: authorTemplate,
+        context: {
+          author: author.fieldValue,
+        },
+      })
+    });
+
 
     paginate({
       createPage: createPage,

src/components/icon.js

@@ -0,0 +1,15 @@
+import React from "react";
+import Icons from "../images/sketchfab-logo-white.svg";
+import PropTypes from 'prop-types';
+  const Icon = ({ color, size }) => (
+  <svg className={`icon`} fill={color} width={size} height={size}>
+    <use xlinkHref={`${Icons}`} />
+  </svg>
+);
+
+Icon.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.number
+};
+
+export default Icon;

src/components/structure/authors.js

@@ -0,0 +1,26 @@
+import React from "react"
+import {kebabCase, startCase} from "lodash";
+import PropTypes from "prop-types"
+import {Col, Row} from "react-bootstrap";
+import {Link} from "gatsby";
+
+const Authors = ({author}) => (
+  <Row>
+        {author && <Col md={12} className="mb-2">
+          {author.map((item, i) => (
+            <Link to={`/authors/${kebabCase(item)}/`} className="btn btn-dark mx-1 my-1 p-2 text-white"
+                  key={i}>{startCase(item)}</Link>
+          ))}
+        </Col>}
+  </Row>
+)
+
+Authors.propTypes = {
+  author: PropTypes.array
+}
+
+Authors.defaultProps = {
+  author: ``,
+}
+
+export default Authors;

src/components/structure/logos.js

@@ -43,7 +43,7 @@ const Logos = () => {
         <Col md={2} sm={2} className="mx-auto">
           <a href="https://ahrc.ukri.org/">
             <StaticImage src={"../../images/logos/AHRC_new.jpg"} alt={"\"AHRC logo"} className="img-fluid mx-auto"
-                         height={100} placeholder={'NONE'}/>
+                         height={100} placeholder={'NONE'} />
           </a>
         </Col>
       </Container>

src/content/page/about-the-project.md

@@ -3,9 +3,10 @@ title: 'About the project'
 date: '2013-10-18T14:43:58+01:00'
 status: publish
 permalink: /about-the-project
-excerpt: ''
 type: page
 id: 26
+author: 
+    - Chiara Bonacchi
 ---
 This project will be using the [MicroPasts](http://micropasts.org/ "Micropasts platform") platform and crowd-sourcing methods to allow traditional academics and other communities in archaeology to co-produce innovative open datasets, and thereafter pioneers a novel participatory model in which these same groups co-design and micro-fund follow-up research.
 

src/content/page/about.md

@@ -3,9 +3,10 @@ title: About
 date: '2014-04-08T16:17:44+01:00'
 status: publish
 permalink: /about
-excerpt: ''
 type: page
 id: 341
+author: 
+    - Daniel Pett
 ---
 **MicroPasts** is a web platform that brings together full-time academic researchers, volunteer archaeological and historical societies and other interested members of the public to collaborate on new kinds of research about archaeology, history and heritage. It is a place where enthusiasts (of any background) can not only create high-quality research data together, but also collaboratively design and fund entirely new research projects. In particular, we want to improve how people traditionally distinguished as ‘academics’, ‘professionals’ and ‘volunteers’ cooperate with one another (as well as with other people out there who as yet have no more than a passing interest).
 

src/content/page/data-centre.md

@@ -3,7 +3,8 @@ title: 'Data Centre'
 date: '2014-04-08T16:19:16+01:00'
 status: publish
 permalink: /data-centre
-excerpt: ''
+author: 
+  - Chiara Bonacchi
 type: page
 id: 345
 ---

src/content/page/learning.md

@@ -3,9 +3,10 @@ title: 'Learning Resources'
 date: '2014-04-28T11:06:57+01:00'
 status: publish
 permalink: /learning
-excerpt: ''
-type: page
+stype: page
 id: 398
+author:
+    - Daniel Pett
 ---
 
 While contributing to MicroPasts, you may have wondered about (a) the ultimate purpose of specific data collection exercises, (b) how certain archives, objects, etc. fit into the wider archaeology or history of the period/region, and (c) how you might further make use of newly created data or explore certain kinds of methods offline.

src/content/page/people.md

@@ -3,9 +3,10 @@ title: People
 date: '2013-10-18T14:29:29+01:00'
 status: publish
 permalink: /people
-excerpt: ''
 type: page
 id: 16
+author: 
+    - Chiara Bonacchi
 ---
 **Project team**
 

src/content/post/2013/10/22/crowd-sourcing-crowd-funding-and-archaeology.md

@@ -6,7 +6,7 @@ permalink: /2013/10/22/crowd-sourcing-crowd-funding-and-archaeology
 excerpt: ''
 featuredImage: ../../../../uploads/2013/10/MP_SOCIALMEDIA.jpg
 author: 
- - Chiara Bonnachi
+ - Chiara Bonacchi
  - Daniel Pett
 type: post
 id: 91

src/content/post/2013/11/05/what-is-the-value-of-crowd-sourcing-archaeology.md

@@ -5,17 +5,16 @@ status: publish
 permalink: /2013/11/05/what-is-the-value-of-crowd-sourcing-archaeology
 featuredImage: ../../../../uploads/2013/11/3501625083_99f1091857_c.jpg
 author:
-  - Chiara Bonnachi
-excerpt: ''
+  - Chiara Bonacchi
 type: post
 id: 144
 tag:
     - crowd-funding
     - crowd-sourcing
-    - 'Cultural Heritage'
-    - 'Digital Humanities'
+    - Cultural Heritage
+    - Digital Humanities
     - MicroPasts
-    - 'Public Archaeology'
+    - Public Archaeology
 ---
 Hello,
 

src/content/post/2013/12/09/public-archaeology-in-response-to-the-crisis.md

@@ -5,19 +5,18 @@ status: publish
 permalink: /2013/12/09/public-archaeology-in-response-to-the-crisis
 featuredImage: ../../../../uploads/2013/12/unnamed.jpg
 author: 
-    - Chiara Bonnachi
-excerpt: ''
+    - Chiara Bonacchi
 type: post
 id: 337
 tag:
     - archaeology
-    - 'Archeologia Pubblica'
+    - Archeologia Pubblica
     - crowd-funding
     - crowd-sourcing
-    - 'economic crisis'
+    - economic crisis
     - financing
-    - 'Public Archaeology'
-    - 'public engagement'
+    - Public Archaeology
+    - public engagement
 ---
 Hello,
 

src/content/post/2014/01/29/british-museum-presentation.md

@@ -11,6 +11,10 @@ category:
 tag:
     - presentation
     - 'British Museum'
+    - 'Digital Humanities'
+    - 'Public Archaeology'
+    - 'open data'
+    - 'open source'
 author:
     - Daniel Pett
 ---

src/content/post/2014/01/31/hello-micropasts-thrilled-to-meet-you.md

@@ -9,23 +9,23 @@ id: 443
 author:
     - Adi Keinan-Schoonbaert
 tag:
-    - '3D modelling'
+    - 3D modelling
     - archaeology
     - archives
-    - 'citizen science'
+    - citizen science
     - co-design
     - co-production
     - Communities
     - crowd-funding
     - crowd-sourcing
-    - 'Cultural Heritage'
+    - Cultural Heritage
     - databases
-    - 'Digital Humanities'
+    - Digital Humanities
     - history
     - MicroPasts
-    - 'open data'
+    - open data
     - photography
-    - SfM
+    - SFM
     - transcription
 ---
 My name is Adi, and I’m a research associate at the [UCL Institute of Archaeology](https://www.ucl.ac.uk/archaeology/). Earlier this month I joined the [MicroPasts team](https://blog.micropasts.org/people/) – and I’m especially excited about this project as it feeds into my background and interests in so many ways. Before coming to London I was an archaeologist and academic back home in Israel. A few years ago, I created the [West Bank and East Jerusalem Archaeological Database (WBEJAD)](http://digitallibrary.usc.edu/cdm/landingpage/collection/p15799coll74), an inventory of archaeological sites excavated or surveyed by Israeli archaeologists since the occupation of the West Bank in 1967. Archaeological databases in the Occupied Territories were also later on the subject of my PhD dissertation. So, I’m passionate about topics such as documentation, recording, and the management of archaeological and heritage data. Now, let me tell you why I’m so enthusiastic about MicroPasts.

src/content/post/2014/04/27/micropastsgoestoparis.md

@@ -10,7 +10,6 @@ author:
     - Daniel Pett
 tag:
     - archaeology
-    - Austin
     - Co-creation
     - co-design
     - Communities

src/content/post/2014/04/30/preparing-the-index.md

@@ -13,15 +13,13 @@ tag:
     - Benin
     - 'Bronze Age collection curator'
     - Crowdsourcing
-    - 'Daniel Lombraña González'
-    - 'Daniel Pett'
+    - pybossa
+    - scifabric
     - Flickr
-    - 'Jennifer Wexler'
-    - 'Neil Wilkin'
 ---
 Since late 2013, the MicroPasts team has been preparing the [British Museum](http://britishmuseum.org)‘s (BM) Bronze Age Index to be the first offering on our [crowd-sourcing platform](http://crowdsourced.micropasts.org "The MicroPasts crowd sourcing platform"). This corpus consists of around 30,000 (roughly A4 sized) cards (holding information going back to as early as 1913). The majority of these are double sided and generally have text on the front and a line drawing on the reverse (there are many variants that have been discovered, such as large fold out shield plans.)
 
-![MicroPasts    Application  British Museum Bronze Age Index Drawer B16 · Contribute](../../../../uploads/2014/04/MicroPasts-·-Application-British-Museum-Bronze-Age-Index-Drawer-B16-·-Contribute.png)
+![MicroPasts Application  British Museum Bronze Age Index Drawer B16 · Contribute](../../../../uploads/2014/04/MicroPasts-·-Application-British-Museum-Bronze-Age-Index-Drawer-B16-·-Contribute.png)
 
 Over the last few years, several curators have mooted exercises ([Ben Roberts](https://www.dur.ac.uk/archaeology/staff/?id=10573), now at Durham University attempted to turn the transcription into an AHRC funded collaborative Doctoral Award) to turn this amazing resource into a digital archive, but this had not come to fruition until the advent of the MicroPasts project. Internal discussions had been raging on how best to deal with these cards for a number of years, and it was felt that this project could perhaps be the ideal solution and provide museum and public interaction of a new type, which the BM had not explored previously.
 
@@ -33,7 +31,7 @@ The equipment needed for this is relatively straight forward, the BM has acquire
 
 The first drawer scanned is known as A9 ([this application](http://crowdsourced.micropasts.org/app/drawA9/ "Application A9") on the platform), and this was done by the Bronze Age Curator Neil Wilkin ([@nwilkinBM](https://twitter.com/NWilkinBM "neil on Twitter") on Twitter) over a few weeks whilst dispensing with his other duties. Once Jennifer returned, scanning started in earnest! These high resolution images were then stored in various places to facilitate good data preservation (on an external 4TB hard drive, the Portable Antiquities Scheme server cluster and onto Amazon S3) and they were then stitched together by Daniel Pett ([@portableant](http://twitter.com/portableant) on Twitter), as composite images using a [simple python script](https://github.com/findsorguk/MicroPasts-Scripts/blob/master/imageStitch.py "Github script for image stitching") and then uploaded to Flickr (for example see [this set](https://www.flickr.com/photos/micropasts/sets/72157641305131374/ "Flickr set")) for the crowd-sourcing platform to access and then present them as tasks for our audience to assist with. All of these images have been released under the most liberal licence that Flickr permits (we would have ideally liked to make them CC0, but this option does not exist) and so they are served up under a CC-BY licence. The data that will be transcribed, will also be made available for download and reuse by anyone, under a CC0 licence. The embedded tweet below, shows an example of one of the stitched cards:
 
-> Playing with Python scripts to merge Bronze Age Palstave images together for [@MicroPasts](https://twitter.com/MicroPasts?ref_src=twsrc%5Etfw) An example image attached. [pic.twitter.com/Xe0Rdb7prz](http://t.co/Xe0Rdb7prz)<
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Playing with Python scripts to merge Bronze Age Palstave images together for <a href="https://twitter.com/MicroPasts?ref_src=twsrc%5Etfw">@MicroPasts</a> An example image attached. <a href="http://t.co/Xe0Rdb7prz">pic.twitter.com/Xe0Rdb7prz</a></p>&mdash; Daniel Pett (@DEJPett) <a href="https://twitter.com/DEJPett/status/436817767983890432?ref_src=twsrc%5Etfw">February 21, 2014</a></blockquote>
 
 The platform that we’re using for serving up the crowd sourcing tasks has been created by Daniel Lombraña González (lead developer – [@teleyinex](https://twitter.com/teleyinex "Daniel's twitter profile") on Twitter) and the [Pybossa](http://pybossa.com "Pybossa site") team, and it is a departure from the usual technology stack that the project team has used previously. Installation of the platform is straightforward and it was deployed on to [Portable Antiquities Scheme](http://finds.org.uk) hardware in around 15 minutes. We then employed Daniel to assist with building the transcription application skeleton (in conjunction with project lead Andy Bevan (not on Twitter!) and Daniel Pett) that would be used for each drawer, whilst we also developed our own look and feel to give MicroPasts some visual identity. If you’re interested, the code is available on [GitHub](http://github.com/findsorguk) and if you have suggestions from improvements, you could either fork the code or comment on our [community forum](http://community.micropasts,org).
 
@@ -43,15 +41,11 @@ For the last few months, building up to launch, lots of debugging and user testi
 
 And then we launched and tasks are ongoing:
 
-> [@MicroPasts](https://twitter.com/MicroPasts?ref_src=twsrc%5Etfw) Launches today!Help us discover the lost secrets of the Bronze Age Index at the BM:<http://t.co/T1nErnWVbi> [pic.twitter.com/nyTdUwjCyA](http://t.co/nyTdUwjCyA)>
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/MicroPasts?ref_src=twsrc%5Etfw">@MicroPasts</a> Launches today!Help us discover the lost secrets of the Bronze Age Index at the BM:<a href="http://t.co/T1nErnWVbi">http://t.co/T1nErnWVbi</a> <a href="http://t.co/nyTdUwjCyA">pic.twitter.com/nyTdUwjCyA</a></p>&mdash; Dr Jennifer Wexler (@JWexlerBM) <a href="https://twitter.com/JWexlerBM/status/456467924920721408?ref_src=twsrc%5Etfw">April 16, 2014</a></blockquote> 
 
 
 This project is very exciting for the BM and especially for our curatorial staff. It could unlock new opportunities and Neil sums up very succinctly, why we are doing this public archaeology project, so we’ll leave it to him:
 
-> Opening the treasures of the Bronze Age to the widest public is why I get up, I would love your help: <http://t.co/q7eWlIrD9j>
-> 
-> — Neil Wilkin (@NWilkinBM) [April 16, 2014](https://twitter.com/NWilkinBM/status/456421634237140992?ref_src=twsrc%5Etfw)
-
-<script async="" charset="utf-8" src="https://platform.twitter.com/widgets.js"></script>
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Opening the treasures of the Bronze Age to the widest public is why I get up, I would love your help: <a href="http://t.co/q7eWlIrD9j">http://t.co/q7eWlIrD9j</a></p>&mdash; Neil Wilkin (@NWilkinBM) <a href="https://twitter.com/NWilkinBM/status/456421634237140992?ref_src=twsrc%5Etfw">April 16, 2014</a></blockquote> 
 
 Thank you for participating!

src/content/post/2014/05/30/3d-modelling-of-the-arreton-down-hoard.md

@@ -20,6 +20,7 @@ tag:
     - metalwork
     - 'Society of Antiquaries of London'
     - 'Stuart Needham'
+    - 3D modelling
 
 ---
 We are in the process of adding a new photo-masking application to the MicroPasts site. This is going to be a bit of a ‘pop-up shop’ as it will only include one Bronze Age British hoard, although it is one of considerable importance.

src/content/post/2014/06/05/crowd-sourcing.md

@@ -14,7 +14,6 @@ tag:
     - Crowdsourcing
     - GitHub
     - 'Jeff Howe'
-    - large
     - MicroPasts
     - Sourcing
     - 'transcription applications'