Skip to content
Snippets Groups Projects
Commit d93c9179 authored by Karsch Lukas's avatar Karsch Lukas
Browse files

Merge branch '58-change-head' into 'main' 

Change head: logo, document title. slight adjustments to home page 

Closes #58

See merge request !56
parents 979eb898 6bc192c9
No related branches found
No related tags found
1 merge request!56Resolve "Change <head>"
Pipeline #58477 passed
Stage: build
    Stage: test
      Hide whitespace changes
      Inline Side-by-side
      growbros-frontend/index.html
      + 3
      − 3
      View file @ d93c9179
      <!doctype html> <!doctype html>
      <html lang="en"> <html lang="de">
      <head> <head>
      <meta charset="UTF-8"/> <meta charset="UTF-8"/>
      <link rel="icon" type="image/svg+xml" href="/vite.svg"/> <link rel="icon" type="image/png" href="/recources/growbros_logo.png"/>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <title>Vite + React + TS</title> <title>GrowBros - Manage your garden</title>
      </head> </head>
      <body> <body>
      <div id="root"></div> <div id="root"></div>
      ......
      growbros-frontend/public/recources/growbros_logo.png 0 → 100644
      + 0
      − 0
      View file @ d93c9179
      growbros-frontend/public/recources/growbros_logo.png

      48.4 KiB

      growbros-frontend/src/pages/BackendConnectorTestInterface.tsx
      + 5
      − 3
      View file @ d93c9179
      ...@@ -5,8 +5,10 @@ const bc = new BackendConnectorImpl("http://localhost:8080/api/v1"); ...@@ -5,8 +5,10 @@ const bc = new BackendConnectorImpl("http://localhost:8080/api/v1");
      export function BackendConnectorTestInterface() { export function BackendConnectorTestInterface() {
      return <div style={{padding: "1rem"}}> return <div style={{padding: "1rem"}}>
      <h2>Backend connector test</h2> <h2>Backend connector test</h2>
      <p>Achtung: das ist / war ausschließlich zum Testen von meinen geschriebenen fetch-methoden. Benutzt das auf <p><b>Achtung:</b> das ist / war ausschließlich zum Testen von meinen geschriebenen fetch-methoden. Benutzt das
      keinen Fall in euren components... lg lukas</p> auf
      keinen Fall in euren components... lg lukas
      </p>
      <h3>Plants controller</h3> <h3>Plants controller</h3>
      <ul style={{display: "block", listStyleType: "initial"}}> <ul style={{display: "block", listStyleType: "initial"}}>
      <li onClick={async () => console.log(await bc.getSinglePlant(1101))}>Get single plant</li> <li onClick={async () => console.log(await bc.getSinglePlant(1101))}>Get single plant</li>
      ...@@ -19,7 +21,7 @@ export function BackendConnectorTestInterface() { ...@@ -19,7 +21,7 @@ export function BackendConnectorTestInterface() {
      <li onClick={async () => console.log(await bc.getGardenEntries())}>Get garden</li> <li onClick={async () => console.log(await bc.getGardenEntries())}>Get garden</li>
      <li onClick={async () => console.log(await bc.addToGarden(1000))}>Add plant to garden</li> <li onClick={async () => console.log(await bc.addToGarden(1000))}>Add plant to garden</li>
      <li onClick={async () => console.log(await bc.getGardenSize())}>garden size</li> <li onClick={async () => console.log(await bc.getGardenSize())}>garden size</li>
      <li onClick={async () => console.log(await bc.removeEntryFromGarden(3))}>remove entry</li> <li onClick={async () => console.log(await bc.removeFromGarden(3))}>remove entry</li>
      <li onClick={async () => console.log(await bc.clearGarden())}>clear garden</li> <li onClick={async () => console.log(await bc.clearGarden())}>clear garden</li>
      </ul> </ul>
      <h3>Wishlist controller</h3> <h3>Wishlist controller</h3>
      ......
      growbros-frontend/src/pages/Home.tsx
      + 78
      − 78
      View file @ d93c9179
      import { useState } from "react"; import {useState} from "react";
      import "../stylesheets/Home.css"; import "../stylesheets/Home.css";
      import { NavLink } from "react-router-dom"; import {NavLink} from "react-router-dom";
      import { checkJwtStatus } from "../jwt/Cookies"; import {checkJwtStatus} from "../jwt/Cookies";
      function Home() { function Home() {
      return ( return (
      <main> <main>
      <div className="hero"> <div className="hero">
      <img <img
      src="../../public/recources/images/Vegetables.jpeg" src="../../public/recources/images/Vegetables.jpeg"
      className="mainPicture" className="mainPicture"
      ></img> alt="fresh plants"/>
      <div className="descriptionAside"> <div className="descriptionAside">
      <h1 className="header1">GrowBros</h1> <h1 className="header1">GrowBros</h1>
      <h2 className="header2">Keep your plants alive</h2> <h2 className="header2">Keep your plants alive</h2>
      <p className="text"> <p>
      "Mit GrowBros wird Gärtnern zum Kinderspiel! Finde die perfekten "Mit GrowBros wird Gärtnern zum Kinderspiel! Finde die perfekten
      Pflanzen für deinen Garten, erhalte nützliche Informationen und Pflanzen für deinen Garten, erhalte nützliche Informationen und
      verwalte sie mühelos. Starte noch heute und lass deinen Garten in verwalte sie mühelos. Starte noch heute und lass deinen Garten in
      voller Blüte erstrahlen!" voller Blüte erstrahlen!"
      </p> </p>
      <StartNowLink></StartNowLink> <StartNowLink/>
      </div> </div>
      </div> </div>
      <div className="secondDiv"> <div className="secondDiv">
      Fange noch heute an dir deinen Traumgarten zusammenzustellen und ernte Fange noch heute an, dir deinen Traumgarten zusammenzustellen und ernte
      bald die Früchte deiner Arbeit. bald die Früchte deiner Arbeit.
      </div> </div>
      <div style={{ display: "flex" }}> <div style={{display: "flex"}}>
      <div className="smallDiv" style={{ width: "60%" }}> <div className="smallDiv" style={{width: "60%"}}>
      <h2>Unsere Vorteile...</h2> <h2>Unsere Vorteile...</h2>
      <p> <p>
      Entdecke neue Pflanzen und erhalte wertvolle Informationen für Entdecke neue Pflanzen und erhalte wertvolle Informationen für
      deinen Garten. Erfasse sie mühelos und erhalte Erinnerungen für Deinen Garten. Erfasse sie mühelos und erhalte Erinnerungen für
      Pflege und Ernte. Pflege und Ernte.
      </p> </p>
      </div> </div>
      <img <img
      className="smallPicture" className="smallPicture"
      src="../../public/recources/images/Broccoli.webp" src="../../public/recources/images/Broccoli.webp"
      ></img> alt="broccoli"></img>
      </div> </div>
      <div style={{ display: "flex" }}> <div style={{display: "flex"}}>
      <img <img
      className="smallPicture" className="smallPicture"
      src="../../public/recources/images/Red_Vegetable.webp" src="../../public/recources/images/Red_Vegetable.webp"
      ></img> alt="red vegetables"></img>
      <div className="smallDiv"> <div className="smallDiv">
      <p> <p>
      Organisiere deinen Garten besser. Verfolge den Fortschritt deiner Organisiere deinen Garten besser. Verfolge den Fortschritt deiner
      Pflanzen und erhalte Anleitungen, um sie gesund und glücklich zu Pflanzen und erhalte Anleitungen, um sie gesund und glücklich zu
      halten. halten.
      </p> </p>
      </div> </div>
      </div> </div>
      <div style={{ display: "flex" }}> <div style={{display: "flex"}}>
      <div className="smallDiv"> <div className="smallDiv">
      <p> <p>
      Maximiere deine Ernte. Unsere App hilft dir, den optimalen Zeitpunkt Maximiere Deine Ernte. Unsere App hilft dir, den optimalen Zeitpunkt
      für die Ernte deiner Pflanzen zu finden und sorgt so für eine reiche für die Ernte deiner Pflanzen zu finden und sorgt so für eine reiche
      Belohnung. Belohnung.
      </p> </p>
      </div> </div>
      <img <img
      className="smallPicture" className="smallPicture"
      src="../../public/recources/images/Cucumber.webp" src="../../public/recources/images/Cucumber.webp"
      ></img> alt="cucumber"></img>
      </div> </div>
      </main> </main>
      ); );
      } }
      function StartNowLink() { function StartNowLink() {
      const [isLoggedIn, setIsLoggedIn] = useState<boolean>(false); const [isLoggedIn, setIsLoggedIn] = useState<boolean>(false);
      checkJwtStatus(setIsLoggedIn); checkJwtStatus(setIsLoggedIn);
      return ( return (
      <div className="link"> <div className="link">
      <NavLink to={isLoggedIn ? "/suchen" : "/login"}> <NavLink to={isLoggedIn ? "/suchen" : "/login"}>
      <h3> Starte hier</h3> <h3>Starte hier</h3>
      <p>und füge Pflanzen zu deinem Garten hinzu</p> <p>und füge Pflanzen zu deinem Garten hinzu</p>
      </NavLink> </NavLink>
      </div> </div>
      ); );
      } }
      export default Home; export default Home;
      growbros-frontend/src/stylesheets/Home.css
      + 8
      − 7
      View file @ d93c9179
      ...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
      } }
      .descriptionAside p { .descriptionAside p {
      font-size: 1.25rem;
      padding-top: 20px; padding-top: 20px;
      font-family: Century Gothic, sans-serif; font-family: Century Gothic, sans-serif;
      } }
      ...@@ -37,6 +38,8 @@ ...@@ -37,6 +38,8 @@
      font-size: 1.5rem; font-size: 1.5rem;
      font-weight: 500; font-weight: 500;
      font-family: Century Gothic, sans-serif; font-family: Century Gothic, sans-serif;
      text-align: center;
      text-wrap: pretty; /*ja, das funktioniert, auch wenns rot unterstrichen ist (keine einzelnen wörter in der letzten zeile)*/
      } }
      .smallDiv { .smallDiv {
      ...@@ -57,20 +60,18 @@ ...@@ -57,20 +60,18 @@
      .link a { .link a {
      color: #4d5927; color: #4d5927;
      font-size: 1.3rem;
      } }
      .link p { .link p {
      font-size: 1rem;
      padding-top: 5px; padding-top: 5px;
      } }
      .link{ .link {
      margin-top: 30px; margin-top: 30px;
      transition: transform 0.25s ease-in-out; font-size: 1.25rem;
      transition: transform 0.15s ease-in-out;
      } }
      .link:hover{ .link:hover {
      transform: scale(1.025); transform: scale(1.025);
      } }
      \ No newline at end of file
      0% or .
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment