diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..80a3ca2 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,8 @@ +{ + "endOfLine": "lf", + "semi": true, + "singleQuote": false, + "tabWidth": 2, + "trailingComma": "es5", + "bracketSpacing": true + } \ No newline at end of file diff --git a/front-end/content/index/hero.md b/front-end/content/index/hero.md index 7296455..0305146 100644 --- a/front-end/content/index/hero.md +++ b/front-end/content/index/hero.md @@ -1,6 +1,7 @@ --- id: hero alt: true +imgClickUrl: ../../gov-au_observatory-funtional-behaviour.png imgUrl: ../../hero-jellyfish--white.png imgAlt: A network graph of 38 nodes showing the connections of government web sites and services. imgCaption: "The Jelly Fish: Graphic visualisation of two weeks of user traffic across 38 gov.au websites from May 2019." diff --git a/front-end/src/components/layouts/hero.tsx b/front-end/src/components/layouts/hero.tsx index f7ab369..73164d8 100644 --- a/front-end/src/components/layouts/hero.tsx +++ b/front-end/src/components/layouts/hero.tsx @@ -3,6 +3,7 @@ import React from "react"; interface Props { children: React.ReactElement; alt?: Boolean; + imgClickUrl: string; imgUrl: string; imgAlt: string; imgCaption: string; @@ -10,6 +11,7 @@ interface Props { const Hero: React.FC = ({ children, + imgClickUrl, imgUrl, imgAlt, imgCaption, @@ -25,11 +27,13 @@ const Hero: React.FC = ({
- {imgAlt} + + {imgAlt} +
{imgCaption}
diff --git a/front-end/src/pages/index.tsx b/front-end/src/pages/index.tsx index 04dc858..00a518d 100644 --- a/front-end/src/pages/index.tsx +++ b/front-end/src/pages/index.tsx @@ -20,6 +20,7 @@ const IndexPage = () => { frontmatter { id alt + imgClickUrl imgUrl imgAlt imgCaption @@ -49,6 +50,7 @@ const IndexPage = () => { diff --git a/front-end/static/gov-au_observatory-funtional-behaviour.png b/front-end/static/gov-au_observatory-funtional-behaviour.png new file mode 100644 index 0000000..ab50501 Binary files /dev/null and b/front-end/static/gov-au_observatory-funtional-behaviour.png differ