diff --git a/KIKunstKirstenKlöckner/Pages/AiArt.razor b/KIKunstKirstenKlöckner/Pages/AiArt.razor index a2723d6..caa394b 100644 --- a/KIKunstKirstenKlöckner/Pages/AiArt.razor +++ b/KIKunstKirstenKlöckner/Pages/AiArt.razor @@ -11,8 +11,8 @@ AiArt -
-
+
+

Wunschbilder von KI nur für dich

@@ -458,7 +458,7 @@ _imagePromptEnglish = await converse.GetResponseFromChatbotAsync(); _imagePrompt = _imagePromptEnglish; - _imagePrompt += " Watercolor + ink on paper, Pen drawing, wet-on-wet technique, dry-on-dry technique, dabbing technique."; + _imagePrompt += "kkkk Watercolor + ink on paper, Pen drawing, wet-on-wet technique, dry-on-dry technique, dabbing technique. "; converse.AppendUserInput(_imageDescriptionPrompt); _imageDescription = await converse.GetResponseFromChatbotAsync(); diff --git a/KIKunstKirstenKlöckner/Pages/Home.razor b/KIKunstKirstenKlöckner/Pages/Home.razor index e9446c6..c347399 100644 --- a/KIKunstKirstenKlöckner/Pages/Home.razor +++ b/KIKunstKirstenKlöckner/Pages/Home.razor @@ -6,7 +6,7 @@
-
+
@@ -31,7 +31,7 @@
- +
diff --git a/KIKunstKirstenKlöckner/Pages/Wunschbilder.razor b/KIKunstKirstenKlöckner/Pages/Wunschbilder.razor index 4773b5e..90e93a4 100644 --- a/KIKunstKirstenKlöckner/Pages/Wunschbilder.razor +++ b/KIKunstKirstenKlöckner/Pages/Wunschbilder.razor @@ -5,7 +5,7 @@
-
+
@@ -20,38 +20,6 @@
-
-
-
- -
- - Previous - - - Next - -
- -
diff --git a/KIKunstKirstenKlöckner/wwwroot/css/style.css b/KIKunstKirstenKlöckner/wwwroot/css/style.css index a5c3fde..1b82e16 100644 --- a/KIKunstKirstenKlöckner/wwwroot/css/style.css +++ b/KIKunstKirstenKlöckner/wwwroot/css/style.css @@ -134,7 +134,7 @@ a:focus { .navbar-brand img { margin-right: 5px; - width: 35px; + width: 150px; } .navbar-brand span { @@ -216,6 +216,7 @@ a:focus { padding-bottom: 90px; } + .slider_section .row { -webkit-box-align: center; -ms-flex-align: center; diff --git a/KIKunstKirstenKlöckner/wwwroot/css/style.scss b/KIKunstKirstenKlöckner/wwwroot/css/style.scss index 7290178..a88a7f5 100644 --- a/KIKunstKirstenKlöckner/wwwroot/css/style.scss +++ b/KIKunstKirstenKlöckner/wwwroot/css/style.scss @@ -153,19 +153,21 @@ a:focus { } .navbar-brand { - display: flex; - align-items: center; + display: flex; + align-items: center; - img { - margin-right: 5px; - width: 35px; - } - span { - font-size: 22px; - font-weight: 700; - color: $primary1; - } + img { + margin-right: 5px; + width: 70px; + height: 70px; + } + + span { + font-size: 22px; + font-weight: 700; + color: $primary1; + } } .custom_nav-container { @@ -230,91 +232,89 @@ a:focus { /* slider section */ .slider_section { - flex: 1; - display: flex; - align-items: center; - position: relative; - z-index: 2; - color: #3b3a3a; - padding-bottom: 90px; - - .row { + flex: 1; + display: flex; align-items: center; - } + position: relative; + z-index: 2; + color: #3b3a3a; + padding-bottom: 90px; - - - .detail_box { - color: $black; - - h1 { - text-transform: uppercase; - font-weight: bold; + .row { + align-items: center; } - p { - margin-top: 20px; + .detail_box { + color: $black; + + h1 { + text-transform: uppercase; + font-weight: bold; + } + + p { + margin-top: 20px; + } + + a { + @include hero_btn($primary1, $white, 10px, 40px, 35px); + margin-top: 35px; + } } - a { - @include hero_btn($primary1, $white, 10px, 40px, 35px); - margin-top: 35px; - } - } - - .img_container { - border: 7px solid #7b57b2; - border-radius: 100%; - overflow: hidden; - - div#carouselExampleContarols { - width: 100%; - position: unset; + .img_container { + border: 7px solid #7b57b2; + border-radius: 100%; + overflow: hidden; + + div#carouselExampleContarols { + width: 100%; + position: unset; + } + + .img-box { + + img { + width: 100%; + } + } } - .img-box { - img { - width: 100%; - } + .carousel-control-prev, + .carousel-control-next { + top: initial; + left: initial; + bottom: 5%; + right: 10%; + width: 45px; + height: 45px; + border: none; + border-radius: 100%; + opacity: 1; + background-repeat: no-repeat; + background-size: 8px; + background-position: center; } - } + .carousel-control-prev { + background-image: url(../images/prev.png); + background-color: $white; + transform: translate(-85px, 30px); + } - .carousel-control-prev, - .carousel-control-next { - top: initial; - left: initial; - bottom: 5%; - right: 10%; - width: 45px; - height: 45px; - border: none; - border-radius: 100%; - opacity: 1; - background-repeat: no-repeat; - background-size: 8px; - background-position: center; - - } - - .carousel-control-prev { - background-image: url(../images/prev.png); - background-color: $white; - transform: translate(-85px, 30px); - } - - .carousel-control-next { - background-image: url(../images/next.png); - background-color: $primary1; - transform: translate(-45px, 0); - } + .carousel-control-next { + background-image: url(../images/next.png); + background-color: $primary1; + transform: translate(-45px, 0); + } } // end slider section + // service section .service_section { @@ -509,6 +509,7 @@ a:focus { } } + button { border: none; @include hero_btn($primary1, $white, 12px, 45px, 0px); diff --git a/KIKunstKirstenKlöckner/wwwroot/images/118EinfacherFrieden2017.jpg b/KIKunstKirstenKlöckner/wwwroot/images/118EinfacherFrieden2017.jpg new file mode 100644 index 0000000..4ed2579 Binary files /dev/null and b/KIKunstKirstenKlöckner/wwwroot/images/118EinfacherFrieden2017.jpg differ diff --git a/KIKunstKirstenKlöckner/wwwroot/images/5KeineAngstvorFehlern2014.jpeg b/KIKunstKirstenKlöckner/wwwroot/images/5KeineAngstvorFehlern2014.jpeg new file mode 100644 index 0000000..ff7d604 Binary files /dev/null and b/KIKunstKirstenKlöckner/wwwroot/images/5KeineAngstvorFehlern2014.jpeg differ diff --git a/KIKunstKirstenKlöckner/wwwroot/images/Keks.jpg b/KIKunstKirstenKlöckner/wwwroot/images/Keks.jpg new file mode 100644 index 0000000..33c3294 Binary files /dev/null and b/KIKunstKirstenKlöckner/wwwroot/images/Keks.jpg differ diff --git a/KIKunstKirstenKlöckner/wwwroot/images/about4.jpg b/KIKunstKirstenKlöckner/wwwroot/images/about4.jpg index 586b5d5..df1abe3 100644 Binary files a/KIKunstKirstenKlöckner/wwwroot/images/about4.jpg and b/KIKunstKirstenKlöckner/wwwroot/images/about4.jpg differ diff --git a/KIKunstKirstenKlöckner/wwwroot/images/slider-img2.jpg b/KIKunstKirstenKlöckner/wwwroot/images/slider-img2.jpg index a6c2cc7..7cdd2bc 100644 Binary files a/KIKunstKirstenKlöckner/wwwroot/images/slider-img2.jpg and b/KIKunstKirstenKlöckner/wwwroot/images/slider-img2.jpg differ diff --git a/KIKunstKirstenKlöckner/wwwroot/images/slider-img3.jpg b/KIKunstKirstenKlöckner/wwwroot/images/slider-img3.jpg index 75456ee..b4750b0 100644 Binary files a/KIKunstKirstenKlöckner/wwwroot/images/slider-img3.jpg and b/KIKunstKirstenKlöckner/wwwroot/images/slider-img3.jpg differ diff --git a/KIKunstKirstenKlöckner/wwwroot/test_prompt2.txt b/KIKunstKirstenKlöckner/wwwroot/test_prompt2.txt index 7e57850..72f23ea 100644 --- a/KIKunstKirstenKlöckner/wwwroot/test_prompt2.txt +++ b/KIKunstKirstenKlöckner/wwwroot/test_prompt2.txt @@ -7,4 +7,4 @@ Hier findest du Beispiele, wie der Promt aussehen soll: “Painting representing the sound of jazz music, using pale colors and erratic shapes.” Der Promt selber darf auf keinen Fall abstrakt sein, man muss durch den Promt ein genaues Bild vor Augen haben. -Verwende dabei keine fotorealistischen Elemente, sondern Siloutten und Konturen. +Verwende dabei keine fotorealistischen Elemente, sondern Siloutten,Konturen und Formen. Es darf nicht zu viele Details enthalten.