No more articles to show
- )}
+
+ {!reachedEnd ? (
+
+ ) : (
+
);
}
diff --git a/src/components/ArticleRow.tsx b/src/components/ArticleRow.tsx
index 3a0e328..3b03b14 100644
--- a/src/components/ArticleRow.tsx
+++ b/src/components/ArticleRow.tsx
@@ -26,9 +26,11 @@ export default function ArticleRow({
No more articles to show
+ )}
+
-
diff --git a/src/components/InitiativeColumn.tsx b/src/components/InitiativeColumn.tsx
index 9993bf5..6862fe5 100644
--- a/src/components/InitiativeColumn.tsx
+++ b/src/components/InitiativeColumn.tsx
@@ -1,6 +1,6 @@
-import React from 'react';
import BlockContent from '@sanity/block-content-to-react';
import imageUrl from '../imageUrl';
+import '../css/initiative.css';
export default function InitiativeColumn({ name, thumbnail, content }) {
let thumbUrl: string | null = null;
@@ -9,12 +9,14 @@ export default function InitiativeColumn({ name, thumbnail, content }) {
}
return (
- {article.title}
+{article.title}
- {article.publish_date} + + {article.publish_date} - {article.author || 'No author'} +
- 
: null}
-
+
{initiatives.map((initiative) => {
return
- {name} -
- {thumbUrl ?
+
+ ) : null}
+
);
}
diff --git a/src/components/InitiativeList.tsx b/src/components/InitiativeList.tsx
index 90af11a..44e699c 100644
--- a/src/components/InitiativeList.tsx
+++ b/src/components/InitiativeList.tsx
@@ -12,7 +12,7 @@ export default function InitiativeList() {
}
return (
- {name}
+ {thumbUrl ? ( +
+
-
diff --git a/src/components/Segment.tsx b/src/components/Segment.tsx
new file mode 100644
index 0000000..656f275
--- /dev/null
+++ b/src/components/Segment.tsx
@@ -0,0 +1,15 @@
+import { Link } from 'react-router-dom';
+import '../css/segment.css';
+
+export default function InfoColumn({ title, content, imageURL, infoURL }) {
+ return (
+ {initiative.name}
++ {initiative.name} +
+ 
+
+ );
+}
diff --git a/src/components/SegmentGroup.tsx b/src/components/SegmentGroup.tsx
new file mode 100644
index 0000000..d2e0ac4
--- /dev/null
+++ b/src/components/SegmentGroup.tsx
@@ -0,0 +1,26 @@
+import Segment from './Segment';
+
+export default function InfoColumnGroup() {
+ return (
+ {title}
+{content}
+ + MORE INFO + +
+
+ );
+}
diff --git a/src/css/initiative.css b/src/css/initiative.css
index 0eefbca..df4ade6 100644
--- a/src/css/initiative.css
+++ b/src/css/initiative.css
@@ -1,3 +1,12 @@
.initiative-row {
display: flex;
}
+
+.initiative-img {
+ padding: 0.5rem;
+}
+
+.initiative-summary {
+ padding: 0.5rem;
+ font-size: 1.5rem;
+}
\ No newline at end of file
diff --git a/src/css/segment.css b/src/css/segment.css
new file mode 100644
index 0000000..eb1311d
--- /dev/null
+++ b/src/css/segment.css
@@ -0,0 +1,20 @@
+.segment {
+ padding: 0px 17px;
+}
+
+.segment-body {
+ color: #444;
+ font-size: 22px;
+ line-height: 33px;
+ font-weight: 300;
+}
+
+.segment-button {
+ text-transform: uppercase;
+ padding: 13px 23px;
+ border-width: 2px;
+ border-radius: 0.25rem;
+ border-style: solid;
+ border-color: #38A3BD;
+ color: #38A3BD;
+}
diff --git a/src/index.css b/src/index.css
index ec2585e..e9b593a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,3 +11,17 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
+
+* {
+ box-sizing: border-box;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:visited {
+ color: inherit;
+ text-decoration: none;
+}
diff --git a/src/index.d.ts b/src/index.d.ts
index 63c392d..11a1b93 100644
--- a/src/index.d.ts
+++ b/src/index.d.ts
@@ -10,6 +10,8 @@ declare namespace SGA {
title: string;
thumbnail: {};
content: any[];
+ author: string;
+ summary: string;
publish_date: string;
_id: string;
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index e81cec1..345b94f 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,17 +1,20 @@
import React from 'react';
import Hero from '../components/Hero';
+import SegmentGroup from '../components/SegmentGroup';
-import InitiativeList from '../components/InitiativeList';
import Mission from '../components/Mission';
const IndexPage = () => {
return (
<>
{/* Hero image */}
-
- Published: {article.publish_date}
+
+
+ {article.publish_date} - {article.author || 'No author'}
+
Go to all news articles
Go to all news articles