From d809a4c247b1465bbd9573e61fa4f03066e1b08b Mon Sep 17 00:00:00 2001
From: Artur <kusartur@gmail.com>
Date: Sun, 13 Oct 2024 23:29:30 +0200
Subject: [PATCH] Start work with chatgpt

---
 src/app/about-me/about-me.component.html |  8 +++++++-
 src/app/app.component.html               |  4 ++++
 src/app/chat-gpt/chat-gpt.component.html | 21 +++++++++++++++++++--
 src/styles.css                           |  4 ++++
 4 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/app/about-me/about-me.component.html b/src/app/about-me/about-me.component.html
index efc31d7..22f54bb 100644
--- a/src/app/about-me/about-me.component.html
+++ b/src/app/about-me/about-me.component.html
@@ -11,11 +11,17 @@
 		padding: 20px; /* Odstęp wewnętrzny */
 		background-color: #f8f9fa; /* Tło formularza */
 	}
+	.photo img {
+		width: 100%;
+		border-radius: 50%;
+	}
+}
+
 </style>\
 <div class="container frame">
 
 	<div class="card" style="width: 18rem;">
-		<img src="ARTI-1.jpg" class="card-img-top" alt="Ja">
+		<img src="ARTI-1.jpg" class="card-img-to" alt="Ja">
 		<div class="card-body">
 			<h5 class="card-title">Wrocław</h5>
 			<div class="col-auto">
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 09ef841..7ae6905 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -5,5 +5,9 @@
   |  <a class="navbar-brand" href="/chat-gpt">ChatGPT</a>
  </nav> 
 
+<div class="container">
+</div>
+
+
   <router-outlet />
 `
\ No newline at end of file
diff --git a/src/app/chat-gpt/chat-gpt.component.html b/src/app/chat-gpt/chat-gpt.component.html
index 62272f6..447fe32 100644
--- a/src/app/chat-gpt/chat-gpt.component.html
+++ b/src/app/chat-gpt/chat-gpt.component.html
@@ -1,4 +1,21 @@
-<div class="container align-center mt-5">
-<h1><p>Witam!</p><p> Prace z toku.</p> </h1>
+<style>
+    .frame {
+        border: 2px solid gray; /* Kolor ramki */
+        border-radius: 8px; /* Zaokrąglenie krawędzi */
+        padding: 20px; /* Odstęp wewnętrzny */
+        background-color: #f8f9fa; /* Tło formularza */
+    }
+    .frame2 {
+        border: 2px solid rgb(225, 228, 86); /* Kolor ramki */
+        border-radius: 8px; /* Zaokrąglenie krawędzi */
+        padding: 20px; /* Odstęp wewnętrzny */
+        background-color: #f8f9fa; /* Tło formularza */
+    }
+</style>
 
+<div class="container mt-5 ">
+<h2><p> Prace z toku...</p> </h2>
+    <div class="row frame2">
+         <input type="text" placeholder="Wyślij zapytanie do ChatGPT" >
+    </div>
 </div>
diff --git a/src/styles.css b/src/styles.css
index 90d4ee0..2989bfe 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
+main {
+	width:21cm;
+	height: 29.7cm;
+}