From 87f330fbbabe2ac2a6caeac4a8684f9b2ccdafe8 Mon Sep 17 00:00:00 2001 From: Dark Steveneq Date: Mon, 8 Dec 2025 20:48:40 +0100 Subject: [PATCH] =?UTF-8?q?Lekcja=203=20czy=20co=C5=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Header.astro | 10 +++++++--- src/content.config.ts | 14 +++++++++++++ src/content/uslugi/dron.md | 4 ++++ src/content/uslugi/plener.md | 5 +++++ src/content/uslugi/slublne.md | 4 ++++ src/layouts/Layout.astro | 17 ++++++++-------- src/pages/index.astro | 24 +++++++++++++++++++++- src/pages/kontakt/Kafelek.astro | 8 ++++---- src/pages/kontakt/index.astro | 9 +++++---- src/pages/portfolio/Img.astro | 2 +- src/pages/portfolio/index.astro | 2 +- src/pages/uslugi/index.astro | 35 +++++++++++++++++++++++++++++++++ src/styles/global.css | 30 ++++++++++++++++++++++++++++ 13 files changed, 142 insertions(+), 22 deletions(-) create mode 100644 src/content.config.ts create mode 100644 src/content/uslugi/dron.md create mode 100644 src/content/uslugi/plener.md create mode 100644 src/content/uslugi/slublne.md create mode 100644 src/pages/uslugi/index.astro diff --git a/src/components/Header.astro b/src/components/Header.astro index dbe7323..677042a 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,9 +1,9 @@ --- -import { House, Image, Phone } from '@lucide/astro' +import { House, Image, Phone, Table2 } from '@lucide/astro' --- -
@@ -24,6 +24,10 @@ import { House, Image, Phone } from '@lucide/astro' Strona główna + + + Uslugi + Portfolio diff --git a/src/content.config.ts b/src/content.config.ts new file mode 100644 index 0000000..ea6318e --- /dev/null +++ b/src/content.config.ts @@ -0,0 +1,14 @@ +import { defineCollection, z } from 'astro:content'; + +import { glob, file } from 'astro/loaders'; + +const uslugi = defineCollection({ + loader: glob({ pattern: "*.md", base: "./src/content/uslugi" }), + schema: z.object({ + tytul: z.string().default("Domyślny tytuł"), + cena: z.number().default(-1), + jednostka: z.string().optional() + }) +}); + +export const collections = { uslugi }; \ No newline at end of file diff --git a/src/content/uslugi/dron.md b/src/content/uslugi/dron.md new file mode 100644 index 0000000..5856336 --- /dev/null +++ b/src/content/uslugi/dron.md @@ -0,0 +1,4 @@ +--- +tytul: Ujęcia z drona +--- +Nie wiem co tutaj dać \ No newline at end of file diff --git a/src/content/uslugi/plener.md b/src/content/uslugi/plener.md new file mode 100644 index 0000000..5b96d40 --- /dev/null +++ b/src/content/uslugi/plener.md @@ -0,0 +1,5 @@ +--- +tytul: Zdjęcia plenerowe +cena: 30 +--- +Nie wiem co tu dać ale daje tu coś żeby coś było (logika) \ No newline at end of file diff --git a/src/content/uslugi/slublne.md b/src/content/uslugi/slublne.md new file mode 100644 index 0000000..16bee5a --- /dev/null +++ b/src/content/uslugi/slublne.md @@ -0,0 +1,4 @@ +--- +tytul: Zdjęcia ślubne +--- +lorem \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e802c04..4575729 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,6 +1,8 @@ --- import Header from '../components/Header.astro' import '../styles/global.css' + +const { tytul, bezTla } = Astro.props --- @@ -8,23 +10,22 @@ import '../styles/global.css' m-0 w-svw h-svh text-slate-950 bg-slate-200 select-none " lang="pl"> - - Astro Basics + {tytul ? `${tytul} - Jakiś Fotograf` : 'Jakiś Fotograf'} - +
-
+ `>
diff --git a/src/pages/index.astro b/src/pages/index.astro index da422f5..d3aa07b 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -2,5 +2,27 @@ import Layout from '../layouts/Layout.astro'; --- - + +
+ + + +
+

Zdjęcia na zamówienie

+ 
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sunt vero ipsa eaque repellat sequi, repudiandae officiis, temporibus fugiat ducimus officia iure ad voluptate aspernatur dolorum commodi iste, voluptatum voluptatem odio.
+
+ Dostępne usługi +
+
+ +
+

Nie wiem co tu daććććć

+
diff --git a/src/pages/kontakt/Kafelek.astro b/src/pages/kontakt/Kafelek.astro index 96f1d8d..b2083d2 100644 --- a/src/pages/kontakt/Kafelek.astro +++ b/src/pages/kontakt/Kafelek.astro @@ -1,12 +1,12 @@ --- -import { type AstroComponent } from "@lucide/astro" -const { tytul, tresc, ikona } = Astro.props; +const { className, tytul, tresc, ikona } = Astro.props; --- -
+ ${className} +`}>

{tytul}

{tresc}

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro index 716e420..f38b631 100644 --- a/src/pages/kontakt/index.astro +++ b/src/pages/kontakt/index.astro @@ -4,16 +4,17 @@ import { Phone, Mail } from "@lucide/astro" import Kafelek from "./Kafelek.astro" --- - +

Kontakt

+ Sposoby kontaktu ze mną
- + - +
diff --git a/src/pages/portfolio/Img.astro b/src/pages/portfolio/Img.astro index 00ba725..6556fe3 100644 --- a/src/pages/portfolio/Img.astro +++ b/src/pages/portfolio/Img.astro @@ -2,6 +2,6 @@ const { src } = Astro.props --- -
+
\ No newline at end of file diff --git a/src/pages/portfolio/index.astro b/src/pages/portfolio/index.astro index 973c06d..ebbaaba 100644 --- a/src/pages/portfolio/index.astro +++ b/src/pages/portfolio/index.astro @@ -3,7 +3,7 @@ import Layout from "../../layouts/Layout.astro" import Img from "./Img.astro" --- - +

Portfolio

Przejrzyj galerie ze zdjęciami które dotychczas zrobiłem diff --git a/src/pages/uslugi/index.astro b/src/pages/uslugi/index.astro new file mode 100644 index 0000000..f7d66e0 --- /dev/null +++ b/src/pages/uslugi/index.astro @@ -0,0 +1,35 @@ +--- +import Layout from "../../layouts/Layout.astro" +import { getCollection, render } from 'astro:content'; +const uslugi = await getCollection('uslugi'); +--- + + +

Usługi

+
+
+ Lista udzielanych przezemnie usług + {uslugi.map(async (usluga, indeks) => { + const { Content } = await render(usluga); + return ( +
+
+ [coś] +
+
+

{usluga.data.tytul}

+
+

Cena: {usluga.data.cena} zł

+ +
+
+
+ ) + })} +
+ \ No newline at end of file diff --git a/src/styles/global.css b/src/styles/global.css index 28988ae..340ada2 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -3,4 +3,34 @@ @theme { --default-font-family: "Montserrat" +} + +@keyframes wsun { + 0% { + opacity: 40%; + transform: translate(0px, 4rem); + } + 100% { + opacity: 100%; + transform: translate(0px, 0px); + } +} + +@keyframes odwroc { + 0% { + opacity: 40%; + scale: 0.85; + transform: rotateY(165deg); + } + 100% { + opacity: 100%; + scale: 1; + transform: rotateY(0deg); + } +} + +p { + font-family: var(--font-serif); + font-size: var(--text-lg); + line-height: var(--tw-leading), var(--text-lg--line-height); } \ No newline at end of file