Continued working with frontPage

cathrkri · Mar 10, 2026 · d5c7fd5 · d5c7fd5
1 parent b24af6c
commit d5c7fd5
Show file tree

Hide file tree

Showing 2 changed files with 76 additions and 7 deletions.
diff --git a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/Main.java b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/Main.java
@@ -13,6 +13,10 @@ public void start(Stage stage) throws Exception {
     Scene scene = new Scene(fxmlLoader.load());
     stage.setTitle("Help Me Help");
     stage.setScene(scene);
+
+    stage.setMinHeight(700);
+    stage.setMinWidth(1100);
+
     stage.show();
   }
 

diff --git a/helpmehelpapplication/src/main/resources/fxml/frontPage.fxml b/helpmehelpapplication/src/main/resources/fxml/frontPage.fxml
@@ -2,16 +2,19 @@
 
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
 <?import javafx.scene.control.CheckBox?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.Separator?>
 <?import javafx.scene.control.TextField?>
+<?import javafx.scene.effect.Blend?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
@@ -150,15 +153,77 @@
                   </VBox>
                </children>
             </HBox>
-            <HBox layoutX="10.0" layoutY="10.0" prefHeight="100.0" prefWidth="200.0">
+            <StackPane prefHeight="150.0" prefWidth="1850.0" style="-fx-background-color: rgba(47, 143, 139, 0.5); -fx-background-radius: 35; -fx-border-color: #3f8f90; -fx-border-radius: 35; -fx-border-width: 2; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.25), 10, 0.2, 0, 4);">
+               <VBox.margin>
+                  <Insets left="20.0" right="20.0" />
+               </VBox.margin>
                <children>
-                  <Rectangle arcHeight="45.0" arcWidth="45.0" fill="#2f8f8b" height="110.0" stroke="BLACK" strokeType="INSIDE" width="800.0">
-                     <HBox.margin>
-                        <Insets bottom="5.0" left="20.0" right="20.0" top="5.0" />
-                     </HBox.margin>
-                  </Rectangle>
+                  <HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0" spacing="40.0" StackPane.alignment="CENTER_LEFT">
+                     <padding>
+                        <Insets bottom="20.0" left="30.0" right="30.0" top="20.0" />
+                     </padding>
+                     <children>
+                        <Button mnemonicParsing="false" style="-fx-background-color: transparent; -fx-font-size: 42; -fx-text-fill: black;" text="&lt;">
+                           <font>
+                              <Font size="42.0" />
+                           </font>
+                        </Button>
+                        <Region prefHeight="200.0" prefWidth="200.0" HBox.hgrow="ALWAYS" />
+                        <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" />
+                        <StackPane prefHeight="220.0" prefWidth="370.0">
+                           <children>
+                              <VBox fillWidth="false" spacing="20.0" StackPane.alignment="CENTER_LEFT">
+                                 <children>
+                                    <Label text="Organisasjon" textFill="WHITE" VBox.vgrow="ALWAYS">
+                                       <font>
+                                          <Font size="36.0" />
+                                       </font>
+                                    </Label>
+                                    <Label maxWidth="500.0" text="Beskrivelse" textFill="WHITE" wrapText="true" VBox.vgrow="ALWAYS">
+                                       <font>
+                                          <Font size="22.0" />
+                                       </font>
+                                    </Label>
+                                    <HBox prefHeight="50.0" prefWidth="150.0" style="-fx-background-color: rgba(47, 143, 139, 1); -fx-background-radius: 30; -fx-padding: 10 18 10 18;">
+                                       <children>
+                                          <Label text="✓" textFill="LIME">
+                                             <font>
+                                                <Font size="16.0" />
+                                             </font>
+                                          </Label>
+                                          <Label text="Verified by IK" textFill="WHITE">
+                                             <font>
+                                                <Font size="16.0" />
+                                             </font>
+                                             <HBox.margin>
+                                                <Insets left="5.0" />
+                                             </HBox.margin>
+                                          </Label>
+                                       </children>
+                                    </HBox>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </StackPane>
+                        <Region prefHeight="200.0" prefWidth="200.0" HBox.hgrow="ALWAYS" />
+                        <VBox alignment="CENTER" prefHeight="152.0" prefWidth="301.0" spacing="18.0">
+                           <children>
+                              <Button mnemonicParsing="false" style="-fx-background-color: #2E7D32; -fx-text-fill: white; -fx-font-size: 16; -fx-font-weight: bold; -fx-background-radius: 30; -fx-padding: 15 35 15 35; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 8, 0.2, 0, 3);" text="Donate Now" />
+                              <Button mnemonicParsing="false" style="-fx-background-color: #163AA8; -fx-text-fill: white; -fx-font-size: 16; -fx-font-weight: bold; -fx-background-radius: 30; -fx-padding: 15 35 15 35; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 8, 0.2, 0, 3);" text="View details" />
+                           </children>
+                        </VBox>
+                        <Button alignment="CENTER_RIGHT" contentDisplay="RIGHT" mnemonicParsing="false" prefHeight="58.0" prefWidth="82.0" style="-fx-background-color: transparent; -fx-font-size: 42; -fx-text-fill: black;" text="&gt;">
+                           <font>
+                              <Font size="42.0" />
+                           </font>
+                        </Button>
+                     </children>
+                     <effect>
+                        <Blend />
+                     </effect>
+                  </HBox>
                </children>
-            </HBox>
+            </StackPane>
             <HBox layoutX="10.0" layoutY="10.0" prefWidth="1000.0">
                <children>
                   <VBox prefHeight="300.0" prefWidth="150.0" style="-fx-background-color: transparent; -fx-border-color: #2F8F8B; -fx-background-radius: 10; -fx-border-radius: 10; -fx-border-width: 2;">