diff --git a/src/templates/event.js b/src/templates/event.js index 62746c913..877b5cb49 100644 --- a/src/templates/event.js +++ b/src/templates/event.js @@ -7,6 +7,7 @@ import EventNav from '../components/EventNav'; import HeroText from '../styles/HeroText'; import ImageEventItem from '../components/ImageEventItem'; import WorkHomePage from '../components/WorkHomePage'; +import MarkdownView from 'react-showdown'; import Seo from '../components/Seo/Seo'; import useFixedScroll from '../hooks/useFixedScroll'; import MainContainer from '../styles/MainContainer'; @@ -23,6 +24,18 @@ const EventInfo = styled.div` display: none; } + .description p { + margin: 0 0 1em; + } + + .description a { + display: inline; + width: auto; + margin-top: 0; + font-size: inherit; + line-height: inherit; + } + @media (min-width: 1024px) { a { width: 200px; @@ -83,9 +96,7 @@ const EventTemplate = ({ data }) => { {data.markdownRemark.frontmatter.name} -

- {data.markdownRemark.frontmatter.description} -

+ diff --git a/src/templates/eventdetail.js b/src/templates/eventdetail.js index 5a39ec1cc..1691cc646 100644 --- a/src/templates/eventdetail.js +++ b/src/templates/eventdetail.js @@ -75,6 +75,15 @@ const SummaryText = styled.div` font-size: 1.5rem; margin-top: 24px; + p { + margin: 0; + } + + a { + color: #05b7be; + text-decoration: none; + } + @media (min-width: 1280px) { font-size: 2rem; } @@ -298,7 +307,9 @@ const EventDetailTemplate = ({ data }) => { - {eventdetail.frontmatter.summary} + + +

Context:

diff --git a/src/templates/project.js b/src/templates/project.js index b32c79978..b3612cdc7 100644 --- a/src/templates/project.js +++ b/src/templates/project.js @@ -80,6 +80,15 @@ const SummaryText = styled.div` font-size: 1.5rem; margin-top: 24px; + p { + margin: 0; + } + + a { + color: #05b7be; + text-decoration: none; + } + @media (min-width: 1280px) { font-size: 2rem; } @@ -340,7 +349,9 @@ const ProjectTemplate = ({ data }) => { - {project.frontmatter.summary} + + +

Context:

diff --git a/src/templates/sector.js b/src/templates/sector.js index 83b4ed17e..0398c91d7 100644 --- a/src/templates/sector.js +++ b/src/templates/sector.js @@ -8,6 +8,7 @@ import HeroText from '../styles/HeroText'; import ImageItem from '../components/ImageItem'; import WorkHomePage from '../components/WorkHomePage'; import MiniTeamSection from '../components/MiniTeamSection'; +import MarkdownView from 'react-showdown'; import Seo from '../components/Seo/Seo'; import useFixedScroll from '../hooks/useFixedScroll'; import MainContainer from '../styles/MainContainer'; @@ -25,6 +26,18 @@ const SectorInfo = styled.div` display: none; } + .description p { + margin: 0 0 1em; + } + + .description a { + display: inline; + width: auto; + margin-top: 0; + font-size: inherit; + line-height: inherit; + } + @media (min-width: 1024px) { a { width: 200px; @@ -83,7 +96,7 @@ const SectorTemplate = ({ data }) => { {data.markdownRemark.frontmatter.name} -

{data.markdownRemark.frontmatter.description}

+ {/* View All {data.markdownRemark.frontmatter.name} Case Studies */} diff --git a/static/admin/config.yml b/static/admin/config.yml index 7abe15fbe..91e3648ce 100644 --- a/static/admin/config.yml +++ b/static/admin/config.yml @@ -135,9 +135,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "Twitter", name: "twitter", widget: "string", required: false } @@ -168,9 +168,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "Twitter", name: "twitter", widget: "string", required: false } @@ -199,9 +199,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "Twitter", name: "twitter", widget: "string", required: false } @@ -230,9 +230,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "Twitter", name: "twitter", widget: "string", required: false } @@ -261,9 +261,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "GitHub", name: "github", widget: "string", required: false } @@ -291,9 +291,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "GitHub", name: "github", widget: "string", required: false } @@ -321,9 +321,9 @@ collections: filter: { field: "type", value: "project" } fields: - { label: "Project Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - - { label: "Solution", name: "solution", widget: "text", required: false } + - { label: "Solution", name: "solution", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Website URL", name: "url", widget: "string", required: false } - { label: "GitHub", name: "github", widget: "string", required: false } @@ -351,7 +351,7 @@ collections: filter: { field: "type", value: "eventdetail" } fields: - { label: "Event Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Event Type", name: "eventtype", widget: "hidden", default: "Data Dialogues" } - { label: "Banner Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } @@ -380,7 +380,7 @@ collections: filter: { field: "type", value: "eventdetail" } fields: - { label: "Event Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Event Type", name: "eventtype", widget: "hidden", default: "Climate Dialogues" } - { label: "Banner Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } @@ -409,7 +409,7 @@ collections: filter: { field: "type", value: "eventdetail" } fields: - { label: "Event Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Event Type", name: "eventtype", widget: "hidden", default: "CivicSabha 2.0" } - { label: "Banner Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } @@ -438,7 +438,7 @@ collections: filter: { field: "type", value: "eventdetail" } fields: - { label: "Event Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Event Type", name: "eventtype", widget: "hidden", default: "India AI Impact Summit" } - { label: "Banner Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } @@ -472,7 +472,7 @@ collections: filter: { field: "type", value: "eventdetail" } fields: - { label: "Event Name", name: "name", widget: "string" } - - { label: "Summary", name: "summary", widget: "text", required: false } + - { label: "Summary", name: "summary", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Context", name: "context", widget: "markdown", required: false, buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Date", name: "date", widget: "string", required: false, hint: "YYYY-MM-DD" } - { label: "Banner Image", name: "image", widget: "image", required: false, hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } @@ -500,7 +500,7 @@ collections: file: "content/work/climateaction/index.md" fields: §orFields - { label: "Name", name: "name", widget: "string" } - - { label: "Description", name: "description", widget: "text" } + - { label: "Description", name: "description", widget: "markdown", buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Color", name: "color", widget: "color" } - { label: "Type", name: "type", widget: "hidden", default: "sector" } @@ -538,7 +538,7 @@ collections: file: "content/events/civicsabha-2/index.md" fields: &eventtypeFields - { label: "Name", name: "name", widget: "string" } - - { label: "Description", name: "description", widget: "text" } + - { label: "Description", name: "description", widget: "markdown", buttons: ["bold", "italic", "link", "bulleted-list", "numbered-list"], editor_components: [], hint: "Select text and use the link button to add a hyperlink." } - { label: "Image", name: "image", widget: "image", hint: "JPG, PNG or WebP only (no GIF/SVG). Keep it under 500 KB; larger files fail to save." } - { label: "Color", name: "color", widget: "color" } - { label: "Type", name: "type", widget: "hidden", default: "eventtype" }