gribse/recettes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
gribse 2025-10-06 19:21:06 +02:00
parent 2fe0c9a830
commit 7b9c07b83e
1444 changed files with 11476 additions and 42112 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/css/extended/blank.css Executable file
View file

@ -0,0 +1,5 @@
/*
This is just a placeholder blank stylesheet so as to support adding custom styles budled with theme's default styles
Read https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#bundling-custom-css-with-themes-assets for more info
*/

27
assets/css/extended/custom-font.css Executable file
View file

@ -0,0 +1,27 @@
/* Custom font definition */
@font-face {
font-family: 'tt2020';
src: url('/fonts/TT2020StyleE-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap; /* Improves loading performance */
}
/* Optional: if you have multiple weights/styles */
/*
@font-face {
font-family: 'CustomFont';
src: url('/fonts/your-font-file-bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'CustomFont';
src: url('/fonts/your-font-file-italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
*/

0
assets/css/extended/custom-underlines.css Executable file
View file

78
assets/css/extended/gallery-custom.css Executable file
View file

@ -0,0 +1,78 @@
/* Custom styling for gallery figcaptions */
.gallery figcaption,
.fancy-figure figcaption {
background: rgba(0, 0, 0, 0.5);
color: var(--primary);
padding: 2px 5px;
margin: 0;
text-align: center;
}
/* Style for h4 inside figcaption */
.gallery figcaption h4,
.fancy-figure figcaption h4 {
margin: 0;
padding: 0;
font-size: 0.9em;
color: var(--tertiary);
}
/* Fix for dark mode */
.dark .gallery figcaption h4,
.dark .fancy-figure figcaption h4 {
color: var(--secondary);
}
/* Specific styling for standalone box figures */
.post-content .box:not(.gallery .box) figcaption,
.post-content > figure figcaption {
padding: 2px 5px;
margin: 0;
text-align: center;
background: transparent;
}
/* Specific styling for standalone figure h4 captions (not in a gallery) */
.post-content > figure figcaption h4,
.post-content .box:not(.gallery .box) figcaption h4 {
margin: 0;
padding: 0;
font-size: 0.9em;
color: var(--content);
}
.dark .post-content > figure figcaption h4,
.dark .post-content .box:not(.gallery .box) figcaption h4 {
color: var(--content);
}
/* Override margin for paragraphs inside figcaption */
/* Gallery figcaption paragraphs */
.post-content .gallery figcaption p,
.post-content .fancy-figure figcaption p {
margin: 0;
padding: 0;
font-size: 0.8em;
color: var(--tertiary);
}
/* Standalone figure figcaption paragraphs */
.post-content > figure figcaption p,
.post-content .box:not(.gallery .box) figcaption p {
margin: 0;
padding: 0;
font-size: 0.8em;
color: var(--content);
}
/* Dark mode gallery figcaption paragraphs */
.dark .post-content .gallery figcaption p,
.dark .post-content .fancy-figure figcaption p {
color: var(--secondary);
}
/* Dark mode standalone figure figcaption paragraphs */
.dark .post-content > figure figcaption p,
.dark .post-content .box:not(.gallery .box) figcaption p {
color: var(--content);
}

134
assets/css/extended/home.css Executable file
View file

@ -0,0 +1,134 @@
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center; /* Center the main-screen horizontally */
align-items: stretch; /* Ensure full height */
min-height: 100vh; /* Ensure the body takes up the full viewport height */
}
.main-screen {
display: flex;
flex-direction: row;
justify-content: space-between; /* Ensure side-screens are adjacent to main-content */
width: auto; /* Allow the width to adjust based on content */
max-width: 100%; /* Prevent overflow */
gap: 0;
text-align: left;
}
.side-screen {
height: 100vh;
overflow-y: auto; /* Allow scrolling if content overflows */
flex: 0 0 280; /* Fixed width of 400px */
}
.main-content {
display: flex;
flex-direction: column;
flex-grow: 1; /* Take up the remaining space between side-screens */
max-width: 900px; /* Optional: Limit max width */
margin: 0 25px;
}
.header {
display: flex;
justify-content: space-between; /* Space between the title and navigation */
align-items: center; /* Align items vertically in the center */
width: 100%;
padding-right: 0px; /* Dont make room for hamburger icon since the menu is displayed no matter what */
}
.title-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
align-items: center;
}
.site-title {
flex-grow: 0;
flex-shrink: 1;
margin: 0;
font-size: 2.5rem;
word-break: normal;
}
.site-logo {
flex-grow: 0; /* Change from 1 to 0 */
flex-shrink: 0;
display: flex;
justify-content: center;
}
.site-logo img {
height: 50px;
}
.navigation {
flex-grow: 3;
display: flex;
}
.presentation, .side-content-column > * {
background-color: var(--entry);
padding: 10px;
border-radius: var(--radius);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.center-content, .side-content-column {
display: flex;
flex-grow: 1; /* Allow it to grow */
gap: 20px; /* Optional: Add spacing between child elements */
}
.presentation, .side-content-column {
flex: 1; /* Make both elements take up equal width */
}
.presentation {
max-width: 100%; /* Ensure it doesn't exceed its container */
}
.presentation a {
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
.side-content-column {
max-width: 100%; /* Ensure it doesn't exceed its container */
flex-direction: column;
}
.excerpt {
display: flex;
align-items: center; /* Align items vertically in the center */
gap: 10px; /* Add spacing between text and image */
}
.excerpt-text {
flex: 1; /* Allow text to take up remaining space */
}
.excerpt img {
flex-shrink: 0; /* Prevent the image from shrinking */
max-width: 150px; /* Ensure the image doesn't exceed its intended size */
height: auto; /* Maintain aspect ratio */
border-radius: var(--radius);
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 1400px) {
.side-screen {
display: none; /* Hide side-screens on smaller screens */
}
.main-screen {
justify-content: center; /* Center main-content when side-screens are hidden */
}
}
/* Media query for when main-content is less than 700px wide */
@media (max-width: 700px) {
.center-content, .header{
flex-direction: column; /* Stack elements vertically */
}
.presentation, .side-content-column, .site-title, .navigation{
flex: none; /* Reset flex property */
width: 100%; /* Make them take full width */
}
.header {
padding: 10px 0; /* Reduce padding on mobile */
}
.title-wrapper {
width: 100%;
justify-content: space-between; /* Change from space-between to flex-start */
}
.site-title {
font-size: 2.5rem; /* Reduce title size on mobile */
max-width: 65%; /* Further limit width on mobile */
}
}

160
assets/css/extended/hugo-easy-gallery.css Executable file
View file

@ -0,0 +1,160 @@
/*
Hugo Easy Gallery - from static/css/hugo-easy-gallery.css
Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
*/
/*
Grid Layout Styles
*/
.gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px;
max-width: 100%;
}
.gallery .box {
position: relative;
flex: 1 1 calc(33.333% - 10px); /* Default: 3 items per row on PC */
aspect-ratio: 1; /* Maintains square aspect ratio */
min-width: 200px; /* Minimum width before wrapping */
}
/* Responsive breakpoints */
@media (max-width: 768px) {
.gallery .box {
flex: 1 1 calc(50% - 10px); /* 2 items per row on tablets */
}
}
@media (max-width: 480px) {
.gallery .box {
flex: 1 1 100%; /* 1 item per row on mobile */
}
}
/*
Transition styles
*/
.gallery.hover-transition figure,
.gallery.hover-effect-zoom .img,
.gallery:not(.caption-effect-appear) figcaption,
.fancy-figure:not(.caption-effect-appear) figcaption {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*
Figure styles
*/
figure {
position: relative; /* purely to allow absolution positioning of figcaption */
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.gallery figure {
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
}
.gallery.hover-effect-grow figure:hover {
transform: scale(1.05);
}
.gallery.hover-effect-shrink figure:hover {
transform: scale(0.95);
}
.gallery.hover-effect-slidedown figure:hover {
transform: translateY(5px);
}
.gallery.hover-effect-slideup figure:hover {
transform: translateY(-5px);
}
/*
img / a styles
*/
.gallery .img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.gallery figure {
border-radius: var(--radius);
box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.gallery.hover-effect-zoom figure:hover {
transform: scale(1.03);
}
.gallery img {
display: none; /* only show the img if not inside a gallery */
}
figure a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
figure img {
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
}
/*
figcaption styles
*/
.gallery figcaption,
.fancy-figure figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #000;
color: #FFF;
text-align: center;
font-size: 100%; /* change this if you want bigger text */
background: rgba(0, 0, 0, 0.5);
opacity: 1;
cursor: pointer;
}
.gallery.caption-position-none figcaption,
.fancy-figure.caption-position-none figcaption {
display: none;
}
.gallery.caption-position-center figcaption,
.fancy-figure.caption-position-center figcaption {
top: 0;
padding: 40% 5px;
}
.gallery.caption-position-bottom figcaption,
.fancy-figure.caption-position-bottom figcaption {
padding: 5px;
}
.gallery.caption-effect-fade figure:not(:hover) figcaption,
.gallery.caption-effect-appear figure:not(:hover) figcaption,
.fancy-figure.caption-effect-fade figure:not(:hover) figcaption,
.fancy-figure.caption-effect-appear figure:not(:hover) figcaption {
background: rgba(0, 0, 0, 0);
opacity: 0;
}
.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption,
.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption {
margin-bottom: -100%;
}
.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption,
.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption {
top: 100%;
}
.post-content figure figcaption p,
.post-content .gallery figcaption p,
.post-content .fancy-figure figcaption p {
margin: 0px 0px 0px 0px; /* override style in theme */
font-size: 0.8em;
}