diff --git a/src/css/custom.css b/src/css/custom.css new file mode 100644 index 0000000..76b4767 --- /dev/null +++ b/src/css/custom.css @@ -0,0 +1,16 @@ +@import url("observablehq:default.css"); +@import url("observablehq:theme-air.css"); +@import url("observablehq:theme-alt.css"); +@import url("observablehq:theme-wide.css"); + +#observablehq-main { + min-height: calc(100vh - 15rem); +} + +#observablehq-footer { + margin: 1rem auto; +} + +#observablehq-footer nav { + max-width: none; +} diff --git a/src/css/index.css b/src/css/index.css index 5b4ec1b..fe9fada 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -1,5 +1,15 @@ @import url("observablehq:default.css"); @import url("observablehq:theme-air.css"); +@import url("observablehq:theme-alt.css"); +@import url("observablehq:theme-wide.css"); + +#observablehq-footer { + margin: 1rem auto; +} + +#observablehq-footer nav { + max-width: none; +} .hero { display: flex; diff --git a/src/css/mapbox.css b/src/css/mapbox.css index 34402cd..f057f19 100644 --- a/src/css/mapbox.css +++ b/src/css/mapbox.css @@ -1,5 +1,7 @@ @import url("observablehq:default.css"); @import url("observablehq:theme-air.css"); +@import url("observablehq:theme-alt.css"); +@import url("observablehq:theme-wide.css"); #observablehq-main { margin: 0 0; diff --git a/src/css/onemit2018.css b/src/css/onemit2018.css index b98b294..93a9c2f 100644 --- a/src/css/onemit2018.css +++ b/src/css/onemit2018.css @@ -1,5 +1,15 @@ @import url("observablehq:default.css"); @import url("observablehq:theme-air.css"); +@import url("observablehq:theme-alt.css"); +@import url("observablehq:theme-wide.css"); + +#observablehq-footer { + margin: 1rem auto; +} + +#observablehq-footer nav { + max-width: none; +} .svg-container img { position: absolute; diff --git a/src/design-process.md b/src/design-process.md index 1fe5355..b268fc4 100644 --- a/src/design-process.md +++ b/src/design-process.md @@ -2,6 +2,7 @@ title: Design Process toc: false theme: [air, alt, wide] +style: css/custom.css ---