Merge branch 'master' of https://github.com/COVID19Tracking/website

HaydnCCI · Apr 2, 2020 · d986bfb · d986bfb
2 parents 4db5b1a + 6a36242
commit d986bfb
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 5 deletions.
diff --git a/src/components/common/press-list.js b/src/components/common/press-list.js
@@ -1,15 +1,18 @@
 import React from 'react'
 import '../../scss/components/common/press-list.scss'
+import '../../scss/components/common/publication-formatting.scss'
 import DetailText from './detail-text'
 
 export default ({ items }) => {
   return (
     <ul className="press-list">
       {items.map(({ node }) => (
         <li key={`homepage-press-${node.id}`}>
-          <a href={node.url}>{node.title}</a>
+          <cite className="publication-title">
+            <a href={node.url}>{node.title}</a>
+          </cite>
           <DetailText>
-            {node.publication}
+            <span className="publication-source">{node.publication}</span>
             <span className="dot-separator">•</span>
             {node.publishDate}
           </DetailText>

diff --git a/src/components/pages/homepage/visualization.js b/src/components/pages/homepage/visualization.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Box } from '../../common/flexbox'
 import DetailText from '../../common/detail-text'
+import '../../../scss/components/common/publication-formatting.scss'
 
 const Visualization = ({
   image,
@@ -12,9 +13,13 @@ const Visualization = ({
   <Box width={[1, 1, 1 / 3]} px={[0, '0.5rem']}>
     <img src={image} alt={altText} />
     <p>
-      <a href={sourceLink}>{sourceTitle}</a>
+      <cite className="publication-title">
+        <a href={sourceLink}>{sourceTitle}</a>
+      </cite>
     </p>
-    <DetailText>Source: {publicationName}</DetailText>
+    <DetailText>
+      Source: <span className="publication-source">{publicationName}</span>
+    </DetailText>
   </Box>
 )
 

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -18,7 +18,6 @@ export default ({ data }) => (
     <SkipNavigation />
     <Header siteTitle="The COVID Tracking Project" noMargin hasHero />
     <h1 className="a11y-only">The COVID Tracking Project</h1>
-
     <div className="homepage-press-logos-wrapper">
       <Container>
         <h2>Our data has been cited by</h2>

diff --git a/src/scss/components/common/publication-formatting.scss b/src/scss/components/common/publication-formatting.scss
@@ -0,0 +1,6 @@
+.publication-source {
+	font-style:italic;
+}
+cite.publication-title {
+	font-style:normal;
+}