Add more whitespace to bottom of details page

ParkingReformNetwork · Dec 28, 2024 · 8f6f325 · 8f6f325
1 parent 24e2d68
commit 8f6f325
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/scripts/11ty/_includes/style.scss b/scripts/11ty/_includes/style.scss
@@ -169,6 +169,7 @@ main {
   width: min(1000px, 100%);
   margin: 0 auto;
   padding: 0 $spacing-container-edge-spacing;
+  padding-bottom: $spacing-container-edge-spacing;
 }
 
 // -------------------------------------------------------------------------

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/abbottstown-pa.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/abbottstown-pa.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
+    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px;padding-bottom:15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
     <title>Parking reforms in Abbottstown, PA | Parking Reform Network</title>
     <script
       async

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/abilene-tx.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/abilene-tx.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
+    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px;padding-bottom:15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
     <title>Parking reforms in Abilene, TX | Parking Reform Network</title>
     <script
       async

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/auburn-me.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/auburn-me.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
+    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px;padding-bottom:15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
     <title>Parking reforms in Auburn, ME | Parking Reform Network</title>
     <script
       async

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/basalt-co.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/basalt-co.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
+    <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column}button{background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}p{margin:0 0 10px}dl,ol,ul{margin:0;padding:0;padding-inline-start:20px}a,li,p{line-height:1.3}h1{font-size:36px;margin-bottom:10px;font-weight:500;line-height:1.1}h2{font-size:28px;margin-bottom:10px;font-weight:500;line-height:1.15}h3{font-size:24px;margin-bottom:10px;font-weight:500;line-height:1.2}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}.download-link:hover,.external-link:hover{text-decoration:none}.download-link svg,.external-link svg{width:1em;height:1em;vertical-align:-.125em}.external-link svg{transform:rotate(-45deg)}body{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:18px}main{word-break:break-word;width:min(1000px,100%);margin:0 auto;padding:0 15px;padding-bottom:15px}.site-header{background-color:hsl(0,0%,25.88%);font-size:24px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:4px solid #20c9b6}.site-header img{height:75px;cursor:pointer}.site-header-map-link{display:none}@media screen and (min-width:640px){.site-header-map-link{display:block}}.site-header-left{height:75px}.site-header-right ul{list-style:none;padding:0;margin:0;display:flex}.site-header-right a{color:#fff;text-decoration:none;display:flex;height:75px;padding:0 10px;align-items:center}.site-header-right a:hover{background-color:#515151}.place-details{margin-top:15px}.summary{font-size:20px;margin-bottom:15px}dl{display:grid;grid-template-columns:1fr;column-gap:25px;align-items:start;padding-left:0}@media screen and (min-width:640px){dl{grid-template-columns:auto 1fr}}dt{font-weight:500}dd{margin-left:0;margin-bottom:10px}.citation{border:1px solid hsla(0,0%,0%,.4);border-radius:5px;padding:10px 15px;margin:10px 0}.citation[open]>summary{margin-bottom:10px}.citation summary{font-weight:500}.screenshots{list-style:none;padding-left:0;margin-top:10px}.screenshots li{margin-bottom:10px}.screenshots li:last-child{margin-bottom:0}.screenshots img{width:100%;border:1px solid hsla(0,0%,0%,.4);border-radius:5px}</style>
     <title>Parking reforms in Basalt, CO | Parking Reform Network</title>
     <script
       async