{title}
-
{children || description}
+ {(children || description) && (
+
{children || description}
+ )}
{tags && (
{tags.map((tag, idx) => (
diff --git a/src/components/CardGroup.tsx b/src/components/CardGroup.tsx
index 608b7fafc9..54f34dc9f3 100644
--- a/src/components/CardGroup.tsx
+++ b/src/components/CardGroup.tsx
@@ -16,6 +16,7 @@ export const CardGroup: React.FunctionComponent = ({
colGap,
rowGap,
equalHeightRows,
+ stacked,
children,
}) => {
return (
@@ -24,6 +25,7 @@ export const CardGroup: React.FunctionComponent = ({
gap={gap}
colGap={colGap}
rowGap={rowGap}
+ stacked={stacked}
equalHeightRows={equalHeightRows}
>
{React.Children.map(children || null, (child: JSX.Element, idx) => (
diff --git a/src/components/Grid.module.css b/src/components/Grid.module.css
index ce3f8eb56e..abe4d3710c 100644
--- a/src/components/Grid.module.css
+++ b/src/components/Grid.module.css
@@ -31,13 +31,13 @@
}
@media only screen and (max-width: 1280px) {
- .grid {
+ .grid:not(.col1) {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 640px) {
- .grid {
+ .grid:not(.col1) {
grid-template-columns: repeat(1, 1fr);
}
}
diff --git a/src/css/custom.css b/src/css/custom.css
index 428181e8aa..b4e28457fb 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -69,6 +69,13 @@ main {
margin-top: 2em;
}
+/* Constrain pages without a TOC to same width */
+@media only screen and (min-width: 997px) {
+ aside + main [class="col"]:only-child {
+ max-width: 75% !important;
+ }
+}
+
/* IMAGES & CAPTIONS */
p > img:not(.no-zoom) {
@@ -211,15 +218,41 @@ html[data-theme="dark"] aside {
font-weight: 600;
}
-/* Special styles for top level guide titles */
-.menu__list-item-collapsible a:not(.menu__link--sublist) {
+/* Special styles for top level guide titles. This selects a top-level
+ category which uses the category-index pattern (is selectable) and
+ is either the only or last of exactly two items in the sidebar
+ (the other of which could be a back button.)
+ */
+li.theme-doc-sidebar-item-category-level-1:last-child:nth-child(1)
+ > *:first-child,
+li.theme-doc-sidebar-item-category-level-1:last-child:nth-child(2)
+ > *:first-child {
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 0.05rem;
}
+.back-button {
+ margin-bottom: 1rem;
+ font-size: 15px;
+ font-weight: bold;
+ justify-content: left;
+}
+
+.back-button a {
+ justify-content: left;
+}
+
+.back-button > a:before {
+ content: "←";
+ margin-right: 0.5rem;
+}
+
/* Hide disclosure carats on top level of guides */
-.menu__list-item-collapsible a:not(.menu__link--sublist) + button {
+li.theme-doc-sidebar-item-category-level-1
+ > div
+ > a:not(.menu__link--sublist)
+ + button {
display: none;
}
@@ -233,15 +266,13 @@ html[data-theme="dark"] aside {
background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem;
}
-html[data-theme="light"] .menu__link--sublist {
- color: black;
+html[data-theme="light"] .menu__link--sublist:not(.menu__link--active),
+html[data-theme="light"]
+ .menu__list-item-collapsible
+ a:not(.menu__link--active) {
color: #33376d;
}
-html[data-theme="dark"] .menu__link--sublist {
- color: white;
-}
-
/* TOC */
.table-of-contents {
@@ -320,16 +351,18 @@ html[data-theme="dark"] .menu__link--sublist {
}
}
-#more_dropdown {
+#more_dropdown,
+#more_dropdown + ul {
display: none;
}
-@media only screen and (max-width: 1280px) and (min-width: 996px) {
+@media only screen and (max-width: 1280px) and (min-width: 997px) {
.navbar__items--right > a {
display: none;
}
- #more_dropdown {
+ #more_dropdown,
+ #more_dropdown + ul {
display: block;
}
}
@@ -338,4 +371,8 @@ html[data-theme="dark"] .menu__link--sublist {
.navbar__brand {
border-right: none;
}
+
+ .navbar-sidebar__brand .navbar__brand {
+ display: none;
+ }
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 60201861f2..7d18d4855c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -46,7 +46,7 @@ export default function Home(): JSX.Element {
Bought a Reference Architecture? Get your new infrastructure up
@@ -54,7 +54,7 @@ export default function Home(): JSX.Element {
Follow our tutorials and learn how to deploy Gruntwork services
diff --git a/static/img/guides/reference-architecture/gruntwork-pipelines-architecture.png b/static/img/guides/reference-architecture/example-usage-guide/gruntwork-pipelines-architecture.png
similarity index 100%
rename from static/img/guides/reference-architecture/gruntwork-pipelines-architecture.png
rename to static/img/guides/reference-architecture/example-usage-guide/gruntwork-pipelines-architecture.png
diff --git a/static/img/guides/reference-architecture/landing-zone-ref-arch.png b/static/img/guides/reference-architecture/example-usage-guide/landing-zone-ref-arch.png
similarity index 100%
rename from static/img/guides/reference-architecture/landing-zone-ref-arch.png
rename to static/img/guides/reference-architecture/example-usage-guide/landing-zone-ref-arch.png
diff --git a/static/img/guides/reference-architecture/secrets.png b/static/img/guides/reference-architecture/example-usage-guide/secrets.png
similarity index 100%
rename from static/img/guides/reference-architecture/secrets.png
rename to static/img/guides/reference-architecture/example-usage-guide/secrets.png
diff --git a/static/img/guides/reference-architecture/slack-workflow-1.png b/static/img/guides/reference-architecture/example-usage-guide/slack-workflow-1.png
similarity index 100%
rename from static/img/guides/reference-architecture/slack-workflow-1.png
rename to static/img/guides/reference-architecture/example-usage-guide/slack-workflow-1.png
diff --git a/static/img/guides/reference-architecture/slack-workflow-2.png b/static/img/guides/reference-architecture/example-usage-guide/slack-workflow-2.png
similarity index 100%
rename from static/img/guides/reference-architecture/slack-workflow-2.png
rename to static/img/guides/reference-architecture/example-usage-guide/slack-workflow-2.png
diff --git a/static/img/guides/reference-architecture/slack-workflow-3.png b/static/img/guides/reference-architecture/example-usage-guide/slack-workflow-3.png
similarity index 100%
rename from static/img/guides/reference-architecture/slack-workflow-3.png
rename to static/img/guides/reference-architecture/example-usage-guide/slack-workflow-3.png
diff --git a/static/img/guides/reference-architecture/slack-workflow-4.png b/static/img/guides/reference-architecture/example-usage-guide/slack-workflow-4.png
similarity index 100%
rename from static/img/guides/reference-architecture/slack-workflow-4.png
rename to static/img/guides/reference-architecture/example-usage-guide/slack-workflow-4.png
diff --git a/static/img/guides/reference-architecture/slack-workflow-5.png b/static/img/guides/reference-architecture/example-usage-guide/slack-workflow-5.png
similarity index 100%
rename from static/img/guides/reference-architecture/slack-workflow-5.png
rename to static/img/guides/reference-architecture/example-usage-guide/slack-workflow-5.png