Lekcja 1

2025-11-25 09:37:22 +01:00
parent d5d3402cd6
commit 4a73c7e990
13 changed files with 2157 additions and 23 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,11 +1,6 @@
 ---
-import Welcome from '../components/Welcome.astro';
 import Layout from '../layouts/Layout.astro';
-
-// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
-// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
 ---

 <Layout>
-	<Welcome />
 </Layout>
--- a/src/pages/kontakt/Kafelek.astro
+++ b/src/pages/kontakt/Kafelek.astro
@@ -0,0 +1,13 @@
+---
+import { type AstroComponent } from "@lucide/astro"
+const { tytul, tresc, ikona } = Astro.props;
+---
+
+<div class="
+    rounded-md size-36 flex flex-col text-center p-1.5
+    bg-slate-100 drop-shadow-md drop-shadow-slate-400
+">
+    <slot/>
+    <h3>{tytul}</h3>
+    <h4 class="text-sm text-slate-700">{tresc}</h4>
+</div>
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -0,0 +1,20 @@
+---
+import Layout from "../../layouts/Layout.astro"
+import { Phone, Mail } from "@lucide/astro"
+import Kafelek from "./Kafelek.astro"
+---
+
+<Layout>
+    <h2 class="text-xl mb-1">Kontakt</h2>
+    <hr>
+    <div class="
+        flex flex-row flex-wrap m-3 gap-5
+    ">
+        <Kafelek tytul="Telefon" tresc="+48 123 456 789">
+            <Phone class="grow m-auto" stroke-width={1} width={32}/>
+        </Kafelek>
+        <Kafelek tytul="E-mail" tresc="ja@jakisfotograf.xd">
+            <Mail class="grow m-auto" stroke-width={1} width={32}/>
+        </Kafelek>
+    </div>
+</Layout>
--- a/src/pages/portfolio/Img.astro
+++ b/src/pages/portfolio/Img.astro
@@ -0,0 +1,7 @@
+---
+const { src } = Astro.props
+---
+
+<div class="inline-block w-full">
+    <img class="block w-full rounded-md" src={src}>
+</div>
--- a/src/pages/portfolio/index.astro
+++ b/src/pages/portfolio/index.astro
@@ -0,0 +1,29 @@
+---
+import Layout from "../../layouts/Layout.astro"
+import Img from "./Img.astro"
+---
+
+<Layout>
+    <h2 class="text-2xl mb-1">Portfolio</h2>
+    <hr>
+    Przejrzyj galerie ze zdjęciami które dotychczas zrobiłem
+    <div class="
+        colsumns-1 md:columns-2 lg:columns-3 xl:columns-4
+        m-3 gap-4
+    ">
+        <Img src="https://imgs.search.brave.com/8YYU56naky-TjpomrB5iAuhWlvTb-q4N7QYgQHinfv4/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly91cGxv/YWQud2lraW1lZGlh/Lm9yZy93aWtpcGVk/aWEvZW4vMi8yNy9C/bGlzc18lMjhXaW5k/b3dzX1hQJTI5LnBu/Zw"/>
+        <Img src="https://imgs.search.brave.com/r-aB-UsArTvThNH2tXuCsgwSm-jEIBLECvEHw9dCbi0/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly91cGxv/YWQud2lraW1lZGlh/Lm9yZy93aWtpcGVk/aWEvY29tbW9ucy90/aHVtYi8xLzFmL0lj/ZWxhbmRpY19MYW5k/c2NhcGVfbmVhcl9O/ZXNrYXVwc3RhJUMz/JUIwdXJfSnVseV8y/MDE0LkpQRy8xMjAw/cHgtSWNlbGFuZGlj/X0xhbmRzY2FwZV9u/ZWFyX05lc2thdXBz/dGElQzMlQjB1cl9K/dWx5XzIwMTQuSlBH"/>
+        <Img src="https://imgs.search.brave.com/ZI-ORD-HU-_TuXBGTmqAOAVZUyh9e-bBqSK6oK3dwZs/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9iLnRo/dW1icy5yZWRkaXRt/ZWRpYS5jb20vT2hF/aEktMEx6d3RMQzZp/bVFSSFdmYVVaZ2Jz/YXhveUg5SWNLcm55/WmFrdy5qcGc"/>
+        <Img src="https://imgs.search.brave.com/fxGiKcqAc3oSddpzN1F0SQZ7-csq5u37J6_N6zk_0eQ/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9zdGF0/aWMud2ViY2FtZXJh/LnBsL2NhbXNiaWcv/NjAwL2JpZWxza28t/YmlhbGEtcGxhYy1y/YXR1c3pvd3kud2Vi/cD9uYz0xNzYzNzE5/Njg5"/>
+        <Img src="https://imgs.search.brave.com/omDZo67t1Ymr67yw32t0JYwfuqDKFFnHdkldYkJbUP8/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS5pc3RvY2twaG90/by5jb20vaWQvMTQ0/NjA1NzM2MS9wbC96/ZGolQzQlOTljaWUv/d2Fyc3phd2EuanBn/P3M9NjEyeDYxMiZ3/PTAmaz0yMCZjPVAw/MWJDQk0yTUNpcjFh/T1FyUWVkZHBMTk9k/LTU4VUlUWE82ZnZr/bXVCd0U9"/>
+        <Img src="https://imgs.search.brave.com/keIsyc1p9oQuWxtZDXasHj8qqV19euhUwSUWrDHTYfI/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly9tZWRp/YS5pc3RvY2twaG90/by5jb20vaWQvNDU4/MzAwMzE3L3Bob3Rv/L2Nsb3NlLXVwLW9m/LWEtcmFzcGJlcnJ5/LXBpLmpwZz9zPTYx/Mng2MTImdz0wJms9/MjAmYz1udDNwZUxE/RUpCbFRsZWsxb0do/VmE2bzZYa2hMZ01M/bXh5NGRUeWhhT0V3/PQ"/>
+        <Img src="https://imgs.search.brave.com/_kixBt5x36HXgLISJqbePsgi4GyNYCIfSQYFU2QJ0iU/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9pLnBp/bmltZy5jb20vb3Jp/Z2luYWxzLzE0LzRm/L2E2LzE0NGZhNmQy/YmYwNDdhMTkzNGYw/ZjBlNzc4ZDg4ZGJi/LmpwZw"/>
+        <Img src="https://upload.wikimedia.org/wikipedia/commons/1/10/00635_Schlafender_Mann_auf_einer_Bank_an_einer_Bushaltestelle_in_Sanok_%282012%29.JPG"/>
+        <Img src="https://upload.wikimedia.org/wikipedia/commons/a/a1/Extreme_programming_in_action.jpg"/>
+        <Img src="https://nonsa.pl/images/thumb/3/3d/Nonsensopedia_Dyskietka_Edition.jpg/1920px-Nonsensopedia_Dyskietka_Edition.jpg"/>
+        <Img src="https://nonsa.pl/images/b/ba/Admin-na-wakacjach.jpg"/>
+        <Img src="https://nonsa.pl/images/thumb/3/3d/Kumulacja.jpg/200px-Kumulacja.jpg"/>
+        <Img src="https://imgs.search.brave.com/S0wGUqEkPFtxyEAEOcCe4bJ-CIhKBWtJEH2dEhZfzAo/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS5nZXR0eWltYWdl/cy5jb20vaWQvOTcz/Mjk3NjgvcGhvdG8v/d29ybGQtdHJhZGUt/Y2VudGVyLXRlcnJv/cmlzdC1hdHRhY2st/c21va2UtYmlsbG93/cy1mcm9tLTItd29y/bGQtdHJhZGUtY2Vu/dGVyLWFmdGVyLWl0/LXdhcy1zdHJ1Y2su/anBnP3M9NjEyeDYx/MiZ3PTAmaz0yMCZj/PVJuem9GMHFtMUJK/MXRGTXhac09oLWpo/a2ZUdUExUXJiRFJQ/RVFWaWNfcFE9"/>
+        <Img src="https://crapbox.nonamesoft.xyz/f/6894ab26-da59-43a0-9b54-ffede925657f.png" />
+    </div>
+</Layout>