Biisl Arsch verspeist

KIKunstKirstenKlöckner/Pages/AiArt.razor

@@ -11,8 +11,8 @@
 
 <PageTitle>AiArt</PageTitle>
 
-<section class="about_section layout_padding">
-<div class="container">
+<section class="about_section layout_padding" style="background-image: url('images/5KeineAngstvorFehlern2014.jpeg'); background-size: cover; background-repeat: no-repeat; background-blend-mode:lighten">
+    <div class="container">
 
     <RadzenStack Orientation="Orientation.Vertical" AlignItems="AlignItems.Center">
         <h1>Wunschbilder von KI nur für dich</h1>
@@ -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();
 

KIKunstKirstenKlöckner/Pages/Home.razor

@@ -6,7 +6,7 @@
   <div class="hero_area">
 
     <!-- slider section -->
-    <section class=" slider_section ">
+    <section class="slider_section" style="background-image: url('images/118EinfacherFrieden2017.jpg'); background-size: cover; background-repeat: no-repeat; background-blend-mode:lighten">
       <div class="container">
         <div class="row">
           <div class="col-md-6 ">
@@ -31,7 +31,7 @@
                   <div class="carousel-inner">
                     <div class="carousel-item active">
                       <div class="img-box">
-                        <img src="images/slider-img1.jpg" alt="">
+                        <img src="images/keks.jpg" alt="">
                       </div>
                     </div>
                     <div class="carousel-item">

KIKunstKirstenKlöckner/Pages/Wunschbilder.razor

@@ -5,7 +5,7 @@
 <div class="hero_area">
 
     <!-- slider section -->
-    <section class=" slider_section ">
+    <section class="slider_section" style="background-image: url('images/118EinfacherFrieden2017.jpg'); background-size: cover; background-repeat: no-repeat; background-blend-mode:lighten;">
         <div class="container">
             <div class="row">
                 <div class="col-md-6 ">
@@ -20,38 +20,6 @@
 
                     </div>
                 </div>
-                <div class="col-lg-5 col-md-6 offset-lg-1">
-                    <div class="img_content">
-                        <div class="img_container">
-                            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
-                                <div class="carousel-inner">
-                                    <div class="carousel-item active">
-                                        <div class="img-box">
-                                            <img src="images/slider-img1.jpg" alt="">
-                                        </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <div class="img-box">
-                                            <img src="images/slider-img2.jpg" alt="">
-                                        </div>
-                                    </div>
-                                    <div class="carousel-item">
-                                        <div class="img-box">
-                                            <img src="images/slider-img3.jpg" alt="">
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
-                            <span class="sr-only">Previous</span>
-                        </a>
-                        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
-                            <span class="sr-only">Next</span>
-                        </a>
-                    </div>
-
-                </div>
             </div>
         </div>
     </section>

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;

KIKunstKirstenKlöckner/wwwroot/css/style.scss

@@ -156,9 +156,11 @@ a:focus {
     display: flex;
     align-items: center;
 
+
     img {
         margin-right: 5px;
-    width: 35px;
+        width: 70px;
+        height: 70px;
     }
 
     span {
@@ -242,8 +244,6 @@ a:focus {
         align-items: center;
     }
 
-
-
     .detail_box {
         color: $black;
 
@@ -262,6 +262,8 @@ a:focus {
         }
     }
 
+
+
     .img_container {
         border: 7px solid #7b57b2;
         border-radius: 100%;
@@ -270,8 +272,6 @@ a:focus {
         div#carouselExampleContarols {
             width: 100%;
             position: unset;
-
-
         }
 
         .img-box {
@@ -297,7 +297,6 @@ a:focus {
         background-repeat: no-repeat;
         background-size: 8px;
         background-position: center;
-
     }
 
     .carousel-control-prev {
@@ -315,6 +314,7 @@ a:focus {
 
 // end slider section
 
+
 // service section
 
 .service_section {
@@ -509,6 +509,7 @@ a:focus {
     }
   }
 
+
   button {
     border: none;
     @include hero_btn($primary1, $white, 12px, 45px, 0px);

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.