diff --git a/src/Elastic.Markdown/Assets/archive.css b/src/Elastic.Markdown/Assets/archive.css new file mode 100644 index 000000000..bdc0120bc --- /dev/null +++ b/src/Elastic.Markdown/Assets/archive.css @@ -0,0 +1,31 @@ +#delorean { + transition: transform 1500ms linear; /* Use transform translate */ +} + +.screen-flash { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + pointer-events: none; + opacity: 0; + transition: opacity 0.2s ease-out; + z-index: 15; +} + +.screen-flash.show { + opacity: 1; +} + +@keyframes flash-colors { + 0% { + background-color: rgba(255, 255, 255, 0.8); + } + 50% { + background-color: rgb(255, 255, 0, 0.9); + } + 100% { + background-color: rgba(255, 255, 255, 0.8); + } +} diff --git a/src/Elastic.Markdown/Assets/styles.css b/src/Elastic.Markdown/Assets/styles.css index 12b7a0c48..894cbf335 100644 --- a/src/Elastic.Markdown/Assets/styles.css +++ b/src/Elastic.Markdown/Assets/styles.css @@ -12,6 +12,7 @@ @import './markdown/definition-list.css'; @import './markdown/images.css'; @import './modal.css'; +@import './archive.css'; :root { --outline-size: max(2px, 0.08em); @@ -188,6 +189,7 @@ } body { + min-height: 100vh; display: grid; grid-template-rows: auto auto 1fr auto; } diff --git a/src/Elastic.Markdown/Slices/Layout/_Archive.cshtml b/src/Elastic.Markdown/Slices/Layout/_Archive.cshtml index 2978d25b2..d78b028d4 100644 --- a/src/Elastic.Markdown/Slices/Layout/_Archive.cshtml +++ b/src/Elastic.Markdown/Slices/Layout/_Archive.cshtml @@ -1,5 +1,4 @@ @inherits RazorSlice -
Documentation archive

@@ -11,7 +10,7 @@
-
+
@@ -329,3 +328,37 @@
+ diff --git a/src/Elastic.Markdown/Slices/_Layout.cshtml b/src/Elastic.Markdown/Slices/_Layout.cshtml index 0222f2fa7..32fcc64b5 100644 --- a/src/Elastic.Markdown/Slices/_Layout.cshtml +++ b/src/Elastic.Markdown/Slices/_Layout.cshtml @@ -3,6 +3,11 @@ @await RenderPartialAsync(_Head.Create(Model)) + +@{ + var layout = Model.CurrentDocument.YamlFrontMatter?.Layout; +} + } } - @switch (Model.CurrentDocument.YamlFrontMatter?.Layout) + @switch (layout) { case LayoutName.NotFound: await RenderPartialAsync(_NotFound.Create(Model));