From f0b08ddccf4f314fb52cd1abcf98bf0680ee4ac4 Mon Sep 17 00:00:00 2001 From: rdrew Date: Thu, 30 Oct 2025 14:38:24 -0300 Subject: [PATCH] lp changes --- css/base/base.css | 4 +- css/components/footer.css | 60 +++++++++- css/components/landing_page.css | 199 ++++---------------------------- 3 files changed, 82 insertions(+), 181 deletions(-) diff --git a/css/base/base.css b/css/base/base.css index 9b0b2c2..35a0ee7 100755 --- a/css/base/base.css +++ b/css/base/base.css @@ -27,8 +27,8 @@ html { body { margin: 0; color: var(--color-text-neutral-medium); - /*background-color: var(--color--gray-100);*/ - background-color: #ece8e3; + background-color: var(--color--gray-100); + /*background-color: #ece8e3;*/ /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/ /*background-position: top left; [> LTR <]*/ } diff --git a/css/components/footer.css b/css/components/footer.css index b7bafc3..7b3095e 100755 --- a/css/components/footer.css +++ b/css/components/footer.css @@ -13,8 +13,13 @@ .site-footer { position: relative; /* stack above left social bar */ color: var(--color--gray-65); - /*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/ - background: #33210D; + background: linear-gradient( + 180deg, + var(--color--gray-5) 0%, + var(--color--gray-10) 100% + ); + /*background: #33210D;*/ + background: #574938; } .site-footer .menu { @@ -41,6 +46,55 @@ @media ((((min-width: 60rem)))) { body:not(.is-always-mobile-nav) .site-footer { - border-inline-start: solid var(--content-left) var(--color--black); + border-inline-start: solid var(--content-left) #382f24; } } + +footer svg { + width: 100%; + height: auto; +} + +footer svg * { + fill: #f6dbbb; +} + +footer svg * #Oval, +footer svg * #Oval use { + stroke: #f6dbbb; +} +.footer-logo svg { + width: 9rem; + /* stroke: aqua; */ + /* color: bisque; */ +} + +#prov_govt { + text-align: center; +} + +#museum { + text-align: center; +} + +#upei_logo svg { + padding-top: 1rem; + width: 11rem; +} +div#upei_logo { + display: flex; + justify-content: space-around; +} +.subfooter { + color: #f6dbbb !important; + display: flex; + justify-content: space-between; + font-family: var(--font-sans); + font-size:.8em; + align-items:center; + border-top: 4px double #f6dbbb; + padding-top: 1em; +} +.subfooter__image { + width: 300px; +} diff --git a/css/components/landing_page.css b/css/components/landing_page.css index f64f90e..de4d736 100755 --- a/css/components/landing_page.css +++ b/css/components/landing_page.css @@ -1,9 +1,18 @@ -figure.logo--ilivespostcards { - background: none; - width: 24em; - margin: 0 auto; - height: 300px; - display: flex; +.site-header { + /* Necessary to keep the content from jumping up when header transitions to fixed. */ + border-block-end: 0 !important; /* Will show in Windows high contrast mode. */ +} +.logo--olivespostcards { + text-align: center; + h1, + h2 { + margin: 0; +color: #352E25; + text-shadow: 1px 1px #dec19d; + } + h1 { + font-size: 3.5em; + } } .page-node-type-landing-page #block-views-block-media-display-blocks-source { @@ -14,185 +23,23 @@ article.node.node--type-landing-page h2 { text-align: center; } .hero-section { - border: 10px solid #d0bca4; - /*height:300px;*/ } .hero--wrapper { - background: #e1dbbf; + background: #a88f71; + height: 240px; + border: 4px double #333; + display: flex; + align-items: center; + /*height: 300px;*/ + justify-content: center; } .logo-wrapper { - background: #3333335c; + /*background: #3333335c;*/ } .path-frontpage .region--content { margin-bottom: 0; } -#block-olivespostcards-views-block-front-page-featured-books-block-2 - .view-content, -#block-olivespostcards-views-block-front-page-featured-books-block-1 - .view-content { - /*display: none;*/ - .node__title { - font-size: 1.1rem; - font-weight: bold; - border-bottom: 1px solid #6e563a; - /*margin: 0;*/ - a { - color: #6e563a; - } - } - .node__content { - img { - min-width: 100%; - border: 1px solid #ccc; - background: #fff; - padding: 1rem; - } - } - .views-field-did-image { - float: none; - max-width: 100%; - margin: 0; - height: 100%; - } - .views-row { - padding: 15px; - background: #ece8e3; - border: 1px solid #ccc; - display: flex; - flex-direction: column; - .views-field-title h4 { - margin: 0; - /*margin-bottom: 1rem;*/ - a { - text-decoration: none; - } - } - .views-field img { - width: 100%; - } - } - .node__title a { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; - overflow: hidden; - } -} -/*clean up titles on lp figure block*/ -div#block-olivespostcards-views-block-front-page-featured-books-block-2 - .node__title { - margin: 0; -} -div#block-olivespostcards-views-block-front-page-featured-books-block-2 - .node__title - a { - line-height: 1.4; -} -div#block-olivespostcards-views-block-front-page-featured-books-block-2 - .view-eva - .views-row { - padding: 0 !important; - margin-top: 1em; -} -@media (min-width: 43.75rem) { - #block-olivespostcards-views-block-front-page-featured-books-block-1 - .view-content { - .views-field.views-field-title { - height: 7em; - } - display: flex; - justify-content: space-between; - .views-row { - width: 32%; - /*justify-content: space-around;*/ - } - } -} -@media (min-width: 43.75rem) { - .region--content-below { - display: flex; - flex-wrap: wrap; - } - - .region--content-below - #block-olivespostcards-views-block-front-page-featured-books-block-1 { - flex-basis: calc(72% - (var(--grid-gap) / 2)); - flex-grow: 1; - flex-shrink: 0; - margin-inline-end: var(--grid-gap); - } - .region--content-below - #block-olivespostcards-views-block-front-page-featured-books-block-2 { - flex-basis: calc(25% - (var(--grid-gap) / 2)); - flex-grow: 1; - flex-shrink: 0; - margin-inline-end: var(--grid-gap); - } - - .region--content-below > *:nth-child(2n), - .region--content-below > *:last-child { - margin-inline-end: 0; - } -} -#block-olivespostcards-maparchiveslpblock, -#block-olivespostcards-learnmorelpblock { - .block__content { - border: 1px solid #ccc; - img { - width: 100%; - } - } -} -.card-section { - background: #f6f8f8; - padding: 1rem; - img { - width: 100%; - } - display: flex; - .left { - margin-right: 3rem; - } - h4 { - margin: 0; - margin-top: 1rem; - font-size: 1.4rem; - } - ul { - margin: 0; - list-style-type: none; - margin-left: 0.5rem; - } - a { - text-decoration: none !important; - font-size: 1.1rem; - } -} - -.page-node-type-landing-page .node__content { - padding: 0; -} -.page-node-type-landing-page .main-content__container { - padding-top: 1rem; -} -/*icons*/ -#block-olivespostcards-learnmorelpblock .block__title, -#block-olivespostcards-maparchiveslpblock .block__title { - position: relative; /* Optional: for positioning adjustments */ - font-size: 1.8rem; - svg { - /*width: 30px;*/ - } - &::before { - display: inline-block; - width: 40px; /* Adjust the size as needed */ - height: 40px; /* Adjust the size as needed */ - margin-right: 8px; /* Space between icon and text */ - vertical-align: middle; /* Aligns icon with text */ - } -} - #block-olivespostcards-learnmorelpblock .block__title::before { content: url("../../images/telescope.svg"); /* Path to your SVG file */ }