From fd1420d2091fdd5e706c1f421f36f078d49d15cf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= Date: Sat, 5 Nov 2022 21:48:45 +0000 Subject: [PATCH] improvements to background component in homepage and articles --- assets/css/compiled/main.css | 28 ++++++++++++++---- exampleSite/assets/js/home.js | 2 +- exampleSite/content/_index.md | 2 +- exampleSite/layouts/partials/home/custom.html | 4 +-- ...ce18317fa7_5037509_2000x0_resize_box_3.png | Bin 0 -> 4772442 bytes ...4d4783f7807_634706_2000x0_resize_box_3.png | Bin 0 -> 1080794 bytes layouts/_default/single.html | 16 ++-------- layouts/partials/article-link-card.html | 2 +- layouts/partials/article-link.html | 2 +- layouts/partials/hero/background.html | 17 +++++++---- layouts/partials/home/background.html | 6 ++-- 11 files changed, 46 insertions(+), 33 deletions(-) create mode 100644 exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_2000x0_resize_box_3.png create mode 100644 exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_2000x0_resize_box_3.png diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 704b7337..3b896996 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1651,8 +1651,12 @@ select { height: 2rem; } -.h-\[300px\] { - height: 300px; +.h-\[200px\] { + height: 200px; +} + +.h-\[700px\] { + height: 700px; } .h-36 { @@ -2006,6 +2010,10 @@ select { --tw-gradient-to: transparent; } +.to-neutral { + --tw-gradient-to: rgba(var(--color-neutral), 1); +} + .to-secondary-700 { --tw-gradient-to: rgba(var(--color-secondary-700), 1); } @@ -2332,6 +2340,14 @@ select { opacity: 0; } +.opacity-30 { + opacity: 0.3; +} + +.opacity-70 { + opacity: 0.7; +} + .mix-blend-normal { mix-blend-mode: normal; } @@ -3408,8 +3424,8 @@ body:has(#menu-controller:checked) { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.dark .dark\:to-neutral-300 { - --tw-gradient-to: rgba(var(--color-neutral-300), 1); +.dark .dark\:to-neutral-800 { + --tw-gradient-to: rgba(var(--color-neutral-800), 1); } .dark .dark\:to-secondary-800 { @@ -3488,8 +3504,8 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); } -.dark .dark\:mix-blend-multiply { - mix-blend-mode: multiply; +.dark .dark\:opacity-60 { + opacity: 0.6; } .dark .dark\:hover\:bg-primary-900:hover { diff --git a/exampleSite/assets/js/home.js b/exampleSite/assets/js/home.js index 7e3918be..89f0fdcd 100644 --- a/exampleSite/assets/js/home.js +++ b/exampleSite/assets/js/home.js @@ -1,7 +1,7 @@ var layouts = [ - "profile", "background", "hero", + "profile", "page", "card" ] diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index 704d3ec1..46fc8aea 100755 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -10,7 +10,7 @@ This is a demo site built entirely using Blowfish. It also contains a complete s {{< icon "triangle-exclamation" >}} - This is a demo of the profile layout. + This is a demo of the background layout.