diff --git a/src/components/Accordion/Item.tsx b/src/components/Accordion/Item.tsx index d410351c..c1405e76 100644 --- a/src/components/Accordion/Item.tsx +++ b/src/components/Accordion/Item.tsx @@ -25,7 +25,7 @@ const AccordionItem = ({ summary, open, children }: AccordionItemProps) => { > {summary} + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/LatestNews/index.tsx b/src/components/LatestNews/index.tsx new file mode 100644 index 00000000..73e1441e --- /dev/null +++ b/src/components/LatestNews/index.tsx @@ -0,0 +1,36 @@ +import React from "react"; +import Logo from "./big-logo.svg"; + +export default function LatestNews() { + return ( +
+
+

+ Latest News +

+
+
+ +
+
+ Aug 25, 2023 +

+ OpenTF Announces Fork of Terraform +

+

+ Two weeks ago, HashiCorp announced they are changing the license + to all their core products, including Terraform, to the Business + Source License (BSL). +

+ + Read More + +
+
+
+
+ ); +} diff --git a/src/css/custom.css b/src/css/custom.css index 5cae70c0..4a150bba 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -12,8 +12,13 @@ html[data-theme="dark"] { --ifm-color-primary-light: #c698ff; --ifm-color-primary-lighter: #d0aaff; --ifm-color-primary-lightest: #efe2ff; - --ifm-background-color: #21252b; - --ifm-navbar-background-color: #2c3036; + --ifm-background-color: theme("colors.dark1"); + --ifm-navbar-background-color: transparent; + --ifm-heading-font-family: theme("fontFamily.sans"); +} + +.list-none::-webkit-details-marker { + display: none; } .navbar { @@ -22,7 +27,8 @@ html[data-theme="dark"] { } .navbar__logo { - height: 42px; + width: 123px; + height: 48px; } .header-github-link::before { diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 2f9da21d..400bc097 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -3,6 +3,7 @@ import Layout from "@theme/Layout"; import FAQ from "../components/FAQ"; import HowToSupport from "../components/HowToSupport"; import HowToContribute from "../components/HowToContribute"; +import LatestNews from "../components/LatestNews"; export default function Home() { return ( @@ -10,6 +11,7 @@ export default function Home() { + ); }