diff --git a/.gitignore b/.gitignore index b4fbf87..2fbba04 100644 --- a/.gitignore +++ b/.gitignore @@ -11,3 +11,4 @@ node_modules/ dist/css/style.min.css dist/js/scripts.min.js dist/js/cookies.min.js +dist/css/home.min.css diff --git a/dist/css/home.min.css b/dist/css/home.min.css deleted file mode 100644 index 4ff59bf..0000000 --- a/dist/css/home.min.css +++ /dev/null @@ -1 +0,0 @@ -.hmain{display:flex;flex-wrap:wrap;gap:3.75rem 1.875rem;margin-inline:max(clamp(.938rem,calc(.268rem + 3.348vw),1.875rem),((100% - 73.125rem) / 2))}.home-fatl,.home-about,.home-pres,.home-fc{flex-basis:100%}.home-fatl-cards{display:grid;gap:1.25rem 1.875rem;margin-top:1rem}.fatl-card{display:grid;grid-template-columns:1fr 5rem;gap:.75rem 1.25rem;align-items:center}.fatl-card1{grid-template:9.375rem auto / var(--pad) 1fr 0 var(--pad);gap:0;--pad: clamp(15px, 5vw, 50px)}.fatl-card1~*{padding-top:1.25rem}.fatl-card2~*{border-top:1px solid var(--neutral100)}.fatl-card1>a{grid-area:1 / 1 / -1 / -1;height:100%}.fatl-card img{display:block;object-fit:cover;width:100%;height:100%;border-radius:.375rem}.fatl-card-content{grid-area:1 / 1}.fatl-card1 .fatl-card-content{grid-area:2 / 2;gap:.75rem;align-self:end;padding:1.5rem;border-radius:.375rem .375rem 0 0;background-color:var(--white)}.fatlc-title{font-weight:700}.fatlc-title:not(:hover){text-decoration:none}.fatl-card1 .fatlc-title{font-size:1.75rem;line-height:1.21}.fatlc-excerpt{margin-top:.5rem}.fatl-card1 .fatlc-excerpt{margin-top:0}.fatl-card-content .post-cat{margin-top:1rem}.home-nae{flex-grow:1;flex-basis:18.75rem}.home-nae-cards{margin-top:.5rem;padding-block:1rem;border:1px solid var(--neutral200);border-radius:.5rem;background:var(--neutral50)}.nae-card{display:grid;grid-template-columns:1fr 3.75rem;gap:1.25rem;padding-inline:1rem;font-size:.875rem;line-height:1.29}.nae-card>a{grid-area:1 / 2}.nae-card img{object-fit:cover;width:100%;height:100%}.nae-card+.nae-card{margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--neutral200)}.nae-card-content{margin-top:.5rem}.nae-card-content:only-child{grid-column:1 / -1}.nae-card a{aspect-ratio:1;font-weight:700}.nae-card a:not(:hover){text-decoration:none}.nae-excerpt{margin-top:.25rem}.home-ftb{container:homeblogcards / inline-size;flex-grow:9999;flex-basis:21.875rem;min-width:100%}.home-ftb-cards{display:grid;margin-top:.75rem}.home-about{border:1px solid var(--primary600);border-radius:.375rem;color:#fff;background-color:var(--primary600);background-image:url(../../images/bghomeabout.svg);background-position:calc(100% + 35px) -42px;background-repeat:no-repeat}.habout-inner{max-width:54.375rem;margin-inline:auto;padding:3.75rem .9375rem}.habout-inner h2{margin-top:1rem}.home-pres{display:grid;gap:1.875rem;padding:var(--padding);padding-bottom:0;border:1px solid var(--neutral300);border-radius:.375rem;background-color:var(--neutral50);--padding: .9375rem}.home-pres iframe{aspect-ratio:16 / 9;width:100%;height:auto}.home-pres iframe[data-cookieblock-src]{display:none}.home-pres h2{margin-top:1rem;font-weight:700}.home-pres a:not(:hover){text-decoration:none}.home-pres:after{aspect-ratio:343 / 220;width:clamp(15rem,45vw,100% - 2.5rem);margin-top:1rem;margin-inline:auto;background-image:url(../../images/bg404mobile.svg);background-position:center bottom;background-repeat:no-repeat;background-size:cover;content:""}.pres-card{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem}.pres-card .fa-youtube{color:red}.pres-card img{display:block;object-fit:cover;width:100%;border-radius:.375rem;filter:brightness(.6)}.home-fc-cards{display:grid;gap:2rem;container:fccard / inline-size;margin-top:1rem}.fc-card{display:grid;gap:.75rem 1.25rem;align-items:center}.fc-card1{grid-template:9.375rem auto / var(--pad) 1fr var(--pad);gap:0;--pad: clamp(15px, 5vw, 50px)}.fc-card1>a{grid-area:1 / 1 / -1 / -1;height:100%}.fc-card img{display:block;object-fit:cover;width:100%;height:100%;border-radius:.375rem}.fc-card-content{display:grid;gap:.5rem}.fc-card1 .fc-card-content{grid-area:2 / 2;gap:.75rem;align-self:end;padding:1.5rem;border-radius:.375rem .375rem 0 0;background-color:var(--white)}.fc-title{font-weight:700}.fc-title:not(:hover){text-decoration:none}.fc-card1 .fc-title{font-size:1.75rem;line-height:1.21}.fc-excerpt{margin-top:.5rem}.fc-card1 .fc-excerpt{margin-top:0}@container homeblogcards (min-width: 37.5em){.home-ftb-cards{grid-template-columns:1fr 1fr 1fr;gap:.9375rem}.home-ftb-cards .blog-card{grid-template:auto 1fr / 1fr}.home-ftb-cards .post-details{align-self:start}}@media (min-width: 40em){.home-about{background-position:center -35px}}@container fccard (min-width: 44.25em){.fc-card1~*{grid-template-columns:1fr 166px}.fc-card1~*>a{grid-area:1 / 2}}@media (min-width: 48em){.home-fatl-cards{grid-template:auto auto auto auto / 1fr 300px}.fatl-card1{grid-row:1 / -1}.fatl-card2{padding-top:0}.home-about{background-position:center;background-size:378px}.habout-inner{display:grid;grid-template:auto auto / 1fr 1fr;gap:1.875rem}.habout-inner h2{grid-area:2 / 1;margin-top:0}.habout-inner a:hover{color:#fff}.habout-copy{grid-row:1 / -1}.home-pres{grid-template:auto auto / 4fr 3fr;gap:3.75rem;--padding: 1.875rem}.home-pres iframe{grid-column:1 / -1}.hpres-content{padding-bottom:3.75rem}.home-pres:after{place-self:end;margin-inline:0}}@media (min-width: 62em){.fatl-card1{grid-template-columns:var(--pad) 27.5rem 1fr var(--pad)}.home-ftb{min-width:0}.home-pres{grid-template:auto / 1fr 1fr;overflow-x:hidden;padding:3.75rem 1.875rem;background-image:url(../../images/bghomepresentations.svg);background-position:calc(100% + clamp(.313rem,1.389rem + -1.736vw,0rem)) center;background-repeat:no-repeat}.home-pres:has(.yt-no-consent){padding:.5rem 1rem}.home-pres>*{grid-row:1}.home-pres iframe,.pres-card{grid-column:1}.hpres-content{align-self:center;max-width:20rem;padding-bottom:0}.home-pres:after{content:none}.home-fc-cards{grid-template:auto auto auto / 1fr 1fr;row-gap:1.25rem}.fc-card1{grid-area:1 / 1 / -1 / 2}.fc-card1>a{height:100%}.fc-card2~.fc-card{padding-top:1.25rem;border-top:1px solid var(--neutral100)}} diff --git a/front-page.php b/front-page.php index 60cd58c..ddfc8d8 100644 --- a/front-page.php +++ b/front-page.php @@ -23,7 +23,7 @@
- +
- +
diff --git a/package.json b/package.json index 135793c..902dd9f 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "type": "module", "scripts": { "watch": "node watch_build.js", - "build": "esbuild src/js/scripts.js --minify --outfile=dist/js/scripts.min.js && esbuild src/js/cookies.js --minify --outfile=dist/js/cookies.min.js && esbuild src/css/style.css --minify --outfile=dist/css/style.min.css" + "build": "esbuild src/js/scripts.js --minify --outfile=dist/js/scripts.min.js && esbuild src/js/cookies.js --minify --outfile=dist/js/cookies.min.js && esbuild src/css/style.css --minify --outfile=dist/css/style.min.css && esbuild src/css/home.css --minify --outfile=dist/css/home.min.css" }, "repository": { "type": "git", diff --git a/src/css/home.css b/src/css/home.css index 2da6bdb..85202d2 100644 --- a/src/css/home.css +++ b/src/css/home.css @@ -116,9 +116,11 @@ grid-column: 1 / -1; } .nae-card a { - aspect-ratio: 1; font-weight: 700; } +.nae-card a:has(img) { + aspect-ratio: 1; +} .nae-card a:not(:hover) { text-decoration: none; } @@ -180,6 +182,9 @@ margin-top: 1rem; font-weight: 700; } +.home-pres h2 a { + display: inline-block; +} .home-pres a:not(:hover) { text-decoration: none; } diff --git a/src/css/style.css b/src/css/style.css index 39a7e4c..c87e0a6 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -778,6 +778,9 @@ hathi-website-footer { color: var(--white); background-color: var(--primary); } +.post-title a { + display: inline-block; +} .post-title:not(:first-child) { margin-top: 1rem; }