michael/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-02-02 03:22:33 -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-w-\[1600px\] {
max-width: 1600px;
}
.max-w-3xl {
max-width: 48rem;
}
@ -3065,7 +3069,7 @@ body:has(#menu-controller:checked) {
}
.thumbnail_card {
height: 300px;
height: 250px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;

2
assets/css/main.css
View file

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

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

@ -35,8 +35,8 @@ window.addEventListener("DOMContentLoaded", (event) => {
});
var list_config = [
"CardViewProse",
"CardViewScreenWidth",
"CardViewProse",
"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
homepageImage = "/img/iceland.jpg" # used in: hero, and card
showRecent = false
showRecentItems = 9
showRecentItems = 10
showMoreLink = true
showMoreLinkDest = "docs"
cardView = true

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

@ -16,7 +16,7 @@
</span>
</div>
<div id="CardViewProse" class="">
<div id="CardViewProse" class="hidden h-full">
<section class="w-full">
<div class="flex flex-wrap">
{{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
@ -28,8 +28,9 @@
</div>
</section>
</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">
{{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
.Site.Params.mainSections)).Pages }}
@ -40,6 +41,7 @@
</div>
</section>
</div>
<div id="NormalView" class="hidden h-full">
<section class="space-y-10 w-full">
{{ 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.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">
{{ else }}
<section class="w-full">