diff --git a/resources/scraped/624597010_939421731743639_5613807398092232315_n.jpg b/resources/scraped/624597010_939421731743639_5613807398092232315_n.jpg new file mode 100644 index 0000000..709cd93 Binary files /dev/null and b/resources/scraped/624597010_939421731743639_5613807398092232315_n.jpg differ diff --git a/resources/scraped/624597010_939421731743639_5613807398092232315_n.jpg.xmp b/resources/scraped/624597010_939421731743639_5613807398092232315_n.jpg.xmp new file mode 100644 index 0000000..ea9e4d1 --- /dev/null +++ b/resources/scraped/624597010_939421731743639_5613807398092232315_n.jpg.xmp @@ -0,0 +1,103 @@ + + + + + + + + + + + + + + + + + + + changed + darktable + format + jpg + + + + + darktable|changed + darktable|format|jpg + + + + + diff --git a/templates/styles/wyroby_torty.css b/templates/styles/wyroby_torty.css index f96ccb3..7482bd4 100644 --- a/templates/styles/wyroby_torty.css +++ b/templates/styles/wyroby_torty.css @@ -1,4 +1,4 @@ -#wyroby-torty > section{ +#wyroby-torty > section { padding: 2rem; } @@ -49,25 +49,25 @@ } & > svg { - place-self: center; font-size: 2rem; padding-right: 0; + place-self: center; } & > ul { - grid-column: 1 / -1; - border-radius: var(--small-radius); - border: 1px solid var(--surface-container-highest); - background-color: white; overflow: hidden; + border: 1px solid var(--surface-container-highest); + border-radius: var(--small-radius); + background-color: white; + grid-column: 1 / -1; & > li { padding: 1rem 2rem; &:first-child { - background-color: rgb(from var(--secondary-container) r g b / 30%); font-weight: bold; + background-color: rgb(from var(--secondary-container) r g b / 30%); & > span:last-child { color: black; @@ -88,43 +88,101 @@ display: grid; grid-template-columns: repeat(var(--grid-cols), 1fr); gap: 2rem; + & > header { - grid-column: 1 / -1; text-align: center; + grid-column: 1 / -1; } + + & .offer-card { + padding: 2rem; + border: 1px solid var(--surface-container-highest); + border-radius: var(--border-radius); + background: white; + } + & dl { color: var(--on-surface); + & > * { padding: 0.25rem 0; } + & dt { + font-size: 1.1rem; font-weight: 700; + display: inline-block; + margin-top: 1rem; + color: var(--primary); + border-bottom: 1px dashed var(--outline-variant); } + & dd { font-size: 0.75rem; + font-style: italic; margin: 0; + padding-top: 0.25rem; + color: var(--on-surface-variant); } + + } } #torty-musowe { - background-color: var(--surface-container-highest); - border-radius: var(--border-radius); + border: 1px solid var(--surface-container-highest); + border-radius: var(--border-radius); + background-color: var(--surface-container-low); + + & > div { display: grid; + padding: 2rem; grid-template-columns: auto auto; gap: 2rem; - & > div{ + + & > header { display: grid; - grid-template-columns: 1fr 1fr; - gap : 2rem; + grid-template-rows: auto 1fr; + place-items: center; + + & > div { + overflow: hidden; + width: 60%; + border: 10px solid white; + border-radius: var(--border-radius); + + & > img { + width: 100%; + } + } } - @media (max-width: 786px) { - grid-template-columns: 1fr; & > div { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 2rem; + } + + @media (max-width: 786px) { grid-template-columns: 1fr; + & > div { + grid-template-columns: 1fr; + } + } + + & h4 { + font-family: 'Plus Jakarta Sans', sans-serif; /* Modern font for titles */ + font-weight: 700; + margin-bottom: 0.5rem; + letter-spacing: 1px; + text-transform: uppercase; + color: var(--primary); + } + + & p { + font-size: 0.95rem; + opacity: 0.8; } } } - diff --git a/templates/wyroby_torty.gohtml b/templates/wyroby_torty.gohtml index f92bec7..2374b01 100644 --- a/templates/wyroby_torty.gohtml +++ b/templates/wyroby_torty.gohtml @@ -6,7 +6,7 @@ to powiew naturalnej świeżości