michael/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-02-02 11:32:30 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #195 from nunocoracao/194-background-homepage-needs-a-max-width

Browse source 
updates to the homepage background setup
This commit is contained in:
Nuno Coração 2022-11-06 00:15:47 +00:00 committed by GitHub
commit 9848ca7b44
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/css/compiled/main.css
View file

@ -1743,6 +1743,10 @@ select {
max-width: 65ch; max-width: 65ch;
} }
.max-w-\[1600px\] {
max-width: 1600px;
}
.max-w-3xl { .max-w-3xl {
max-width: 48rem; max-width: 48rem;
} }
@ -3065,7 +3069,7 @@ body:has(#menu-controller:checked) {
} }
.thumbnail_card { .thumbnail_card {
height: 300px; height: 250px;
background-repeat:no-repeat; background-repeat:no-repeat;
background-size:cover; background-size:cover;
background-position:center; background-position:center;

2
assets/css/main.css
View file

@ -348,7 +348,7 @@ body:has(#menu-controller:checked) {
} }
.thumbnail_card { .thumbnail_card {
height: 300px; height: 250px;
background-repeat:no-repeat; background-repeat:no-repeat;
background-size:cover; background-size:cover;
background-position:center; background-position:center;

2
exampleSite/assets/js/home.js
View file

@ -35,8 +35,8 @@ window.addEventListener("DOMContentLoaded", (event) => {
}); });
var list_config = [ var list_config = [
"CardViewProse",
"CardViewScreenWidth", "CardViewScreenWidth",
"CardViewProse",
"NormalView" "NormalView"
] ]

2
exampleSite/config/_default/params.toml
View file

@ -26,7 +26,7 @@ mainSections = ["docs"]
layout = "custom" # valid options: page, profile, hero, card, background, custom layout = "custom" # valid options: page, profile, hero, card, background, custom
homepageImage = "/img/iceland.jpg" # used in: hero, and card homepageImage = "/img/iceland.jpg" # used in: hero, and card
showRecent = false showRecent = false
showRecentItems = 9 showRecentItems = 10
showMoreLink = true showMoreLink = true
showMoreLinkDest = "docs" showMoreLinkDest = "docs"
cardView = true cardView = true

8
exampleSite/layouts/partials/recent-articles-demo.html
View file

@ -16,7 +16,7 @@
</span> </span>
</div> </div>
<div id="CardViewProse" class=""> <div id="CardViewProse" class="hidden h-full">
<section class="w-full"> <section class="w-full">
<div class="flex flex-wrap"> <div class="flex flex-wrap">
{{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in" {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
@ -28,8 +28,9 @@
</div> </div>
</section> </section>
</div> </div>
<div id="CardViewScreenWidth" class="hidden h-full">
<section class="relative w-screen" style="left: calc(-50vw + 50%);"> <div id="CardViewScreenWidth" class="">
<section class="relative w-screen max-w-[1600px]" style="left: calc(max(-50vw,-800px) + 50%);">
<div class="flex flex-wrap pl-8 pr-8"> <div class="flex flex-wrap pl-8 pr-8">
{{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in" {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
.Site.Params.mainSections)).Pages }} .Site.Params.mainSections)).Pages }}
@ -40,6 +41,7 @@
</div> </div>
</section> </section>
</div> </div>
<div id="NormalView" class="hidden h-full"> <div id="NormalView" class="hidden h-full">
<section class="space-y-10 w-full"> <section class="space-y-10 w-full">
{{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in" {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"

2
layouts/partials/recent-articles.html
View file

@ -8,7 +8,7 @@
{{ if .Site.Params.homepage.cardView | default false }} {{ if .Site.Params.homepage.cardView | default false }}
{{ if .Site.Params.homepage.cardViewScreenWidth | default false }} {{ if .Site.Params.homepage.cardViewScreenWidth | default false }}
<section class="relative w-screen" style="left: calc(-50vw + 50%);"> <section class="relative w-screen max-w-[1600px]" style="left: calc(max(-50vw,-800px) + 50%);">
<div class="flex flex-wrap pl-8 pr-8"> <div class="flex flex-wrap pl-8 pr-8">
{{ else }} {{ else }}
<section class="w-full"> <section class="w-full">