From 08013379808566dc805a97f7626f27e1a5677bfc Mon Sep 17 00:00:00 2001
From: cathrkri <cathrkri@stud.ntnu.com>
Date: Wed, 11 Mar 2026 15:08:23 +0100
Subject: [PATCH] feat: charityPage scene builder

---
 .../src/main/resources/fxml/charityPage.fxml  | 304 +++++++++++++++++-
 .../src/main/resources/fxml/donationPage.fxml |  27 +-
 2 files changed, 308 insertions(+), 23 deletions(-)

diff --git a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
index e46d3ce..e9c2001 100644
--- a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
@@ -1,10 +1,302 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.TextField?>
+<?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.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
 
+<GridPane hgap="0.0"
+          prefHeight="900.0"
+          prefWidth="1200.0"
+          vgap="0.0"
+          xmlns="http://javafx.com/javafx/17.0.12"
+          xmlns:fx="http://javafx.com/fxml/1"
+          fx:controller="ntnu.systemutvikling.team6.controller.CharityPageController">
 
-<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="1509.0" prefWidth="1440.0" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1">
-   <top>
-      <HBox prefHeight="80.0" prefWidth="586.0" style="-fx-background-color: #2F8F8B;" BorderPane.alignment="CENTER" />
-   </top>
-</BorderPane>
+    <columnConstraints>
+        <ColumnConstraints percentWidth="100.0" />
+    </columnConstraints>
+
+    <rowConstraints>
+        <RowConstraints prefHeight="92.0" />
+        <RowConstraints vgrow="ALWAYS" />
+        <RowConstraints prefHeight="180.0" />
+    </rowConstraints>
+
+    <children>
+
+        <!-- NAVBAR -->
+        <GridPane prefHeight="92.0"
+                  prefWidth="1200.0"
+                  style="-fx-background-color: #5F9895;"
+                  GridPane.columnIndex="0"
+                  GridPane.rowIndex="0">
+
+            <padding>
+                <Insets top="10.0" right="20.0" bottom="10.0" left="20.0" />
+            </padding>
+
+            <columnConstraints>
+                <ColumnConstraints percentWidth="8.0" />
+                <ColumnConstraints percentWidth="24.0" />
+                <ColumnConstraints percentWidth="43.0" />
+                <ColumnConstraints percentWidth="25.0" />
+            </columnConstraints>
+
+            <rowConstraints>
+                <RowConstraints prefHeight="72.0" />
+            </rowConstraints>
+
+            <children>
+
+                <ImageView fitHeight="58.0"
+                           fitWidth="58.0"
+                           pickOnBounds="true"
+                           preserveRatio="true"
+                           GridPane.columnIndex="0"
+                           GridPane.rowIndex="0">
+                    <image>
+                        <Image url="@../images/Logo.png" />
+                    </image>
+                    <cursor>
+                        <Cursor fx:constant="HAND" />
+                    </cursor>
+                </ImageView>
+
+                <HBox alignment="CENTER_LEFT"
+                      spacing="0.0"
+                      GridPane.columnIndex="1"
+                      GridPane.rowIndex="0">
+                    <children>
+                        <Label text="Help" textFill="WHITE">
+                            <font>
+                                <Font name="System Bold" size="28.0" />
+                            </font>
+                        </Label>
+
+                        <Label text="Me" textFill="#C8E6C9">
+                            <font>
+                                <Font name="System Bold" size="28.0" />
+                            </font>
+                        </Label>
+
+                        <Label text="Help" textFill="WHITE">
+                            <font>
+                                <Font name="System Bold" size="28.0" />
+                            </font>
+                        </Label>
+                    </children>
+                </HBox>
+
+                <HBox alignment="CENTER"
+                      GridPane.columnIndex="2"
+                      GridPane.rowIndex="0">
+                    <children>
+                        <TextField promptText="Search"
+                                   prefHeight="48.0"
+                                   prefWidth="430.0"
+                                   maxWidth="430.0"
+                                   style="-fx-background-radius: 24; -fx-border-radius: 24; -fx-font-size: 16px; -fx-padding: 0 0 0 16;" />
+                    </children>
+                </HBox>
+
+                <HBox alignment="CENTER_RIGHT"
+                      GridPane.columnIndex="3"
+                      GridPane.rowIndex="0">
+                    <children>
+                        <Button text="Login"
+                                prefHeight="48.0"
+                                prefWidth="180.0"
+                                style="-fx-background-color: #4453D9; -fx-background-radius: 24; -fx-text-fill: white; -fx-font-size: 16px; -fx-font-weight: bold;">
+                            <cursor>
+                                <Cursor fx:constant="HAND" />
+                            </cursor>
+                        </Button>
+                    </children>
+                </HBox>
+
+            </children>
+        </GridPane>
+
+        <!-- MAIN CONTENT -->
+        <GridPane prefHeight="628.0"
+                  prefWidth="1200.0"
+                  style="-fx-background-color: white;"
+                  GridPane.columnIndex="0"
+                  GridPane.rowIndex="1">
+
+            <columnConstraints>
+                <ColumnConstraints percentWidth="25.0" />
+                <ColumnConstraints percentWidth="75.0" />
+            </columnConstraints>
+
+            <rowConstraints>
+                <RowConstraints vgrow="ALWAYS" />
+            </rowConstraints>
+
+            <children>
+
+                <GridPane prefWidth="300.0"
+                          style="-fx-background-color: #F5F5F5;"
+                          GridPane.columnIndex="0"
+                          GridPane.rowIndex="0" />
+
+                <GridPane prefWidth="900.0"
+                          style="-fx-background-color: #FFFFFF;"
+                          GridPane.columnIndex="1"
+                          GridPane.rowIndex="0" />
+
+            </children>
+        </GridPane>
+
+        <!-- FOOTER -->
+        <HBox alignment="BOTTOM_CENTER"
+              prefHeight="180.0"
+              prefWidth="1200.0"
+              style="-fx-background-color: #5F9895;"
+              GridPane.columnIndex="0"
+              GridPane.rowIndex="2">
+
+            <children>
+                <GridPane HBox.hgrow="ALWAYS"
+                          prefHeight="180.0"
+                          prefWidth="1200.0">
+
+                    <columnConstraints>
+                        <ColumnConstraints percentWidth="60.0" />
+                        <ColumnConstraints percentWidth="40.0" />
+                    </columnConstraints>
+
+                    <rowConstraints>
+                        <RowConstraints prefHeight="180.0" />
+                    </rowConstraints>
+
+                    <children>
+
+                        <!-- LEFT FOOTER SIDE -->
+                        <StackPane prefHeight="180.0"
+                                   prefWidth="720.0"
+                                   GridPane.columnIndex="0"
+                                   GridPane.rowIndex="0">
+
+                            <children>
+
+                                <HBox alignment="CENTER_LEFT"
+                                      spacing="0.0"
+                                      translateX="60.0">
+                                    <children>
+                                        <Label text="Help" textFill="WHITE">
+                                            <font>
+                                                <Font name="System Bold" size="36.0" />
+                                            </font>
+                                        </Label>
+
+                                        <Label text="Me" textFill="#C8E6C9">
+                                            <font>
+                                                <Font name="System Bold" size="36.0" />
+                                            </font>
+                                        </Label>
+
+                                        <Label text="Help" textFill="WHITE">
+                                            <font>
+                                                <Font name="System Bold" size="36.0" />
+                                            </font>
+                                        </Label>
+                                    </children>
+                                </HBox>
+
+                                <Rectangle fill="WHITE"
+                                           height="90.0"
+                                           width="2.0"
+                                           translateX="-20.0" />
+
+                                <VBox alignment="CENTER"
+                                      spacing="5.0"
+                                      translateX="120.0">
+                                    <children>
+                                        <Label text="About us" textFill="WHITE">
+                                            <font>
+                                                <Font name="System Bold" size="18.0" />
+                                            </font>
+                                            <cursor>
+                                                <Cursor fx:constant="HAND" />
+                                            </cursor>
+                                        </Label>
+
+                                        <Label text="Something else" textFill="WHITE">
+                                            <font>
+                                                <Font name="System Bold" size="18.0" />
+                                            </font>
+                                            <cursor>
+                                                <Cursor fx:constant="HAND" />
+                                            </cursor>
+                                        </Label>
+
+                                        <Label text="Third Link" textFill="WHITE">
+                                            <font>
+                                                <Font name="System Bold" size="18.0" />
+                                            </font>
+                                            <cursor>
+                                                <Cursor fx:constant="HAND" />
+                                            </cursor>
+                                        </Label>
+                                    </children>
+                                </VBox>
+
+                            </children>
+                        </StackPane>
+
+                        <!-- RIGHT FOOTER SIDE -->
+                        <StackPane alignment="CENTER"
+                                   prefHeight="180.0"
+                                   prefWidth="480.0"
+                                   GridPane.columnIndex="1"
+                                   GridPane.rowIndex="0">
+
+                            <children>
+
+                                <VBox alignment="CENTER"
+                                      spacing="10.0">
+                                    <children>
+                                        <ImageView fitHeight="80.0"
+                                                   fitWidth="150.0"
+                                                   pickOnBounds="true"
+                                                   preserveRatio="true">
+                                            <image>
+                                                <Image url="@../images/img.png" />
+                                            </image>
+                                        </ImageView>
+
+                                        <Label maxWidth="250.0"
+                                               text="All data is consistently updated and reverified"
+                                               textAlignment="CENTER"
+                                               textFill="WHITE"
+                                               wrapText="true">
+                                            <font>
+                                                <Font name="System Bold" size="17.0" />
+                                            </font>
+                                        </Label>
+                                    </children>
+                                </VBox>
+
+                            </children>
+                        </StackPane>
+
+                    </children>
+                </GridPane>
+            </children>
+        </HBox>
+
+    </children>
+</GridPane>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/main/resources/fxml/donationPage.fxml b/helpmehelpapplication/src/main/resources/fxml/donationPage.fxml
index a42224b..7171520 100644
--- a/helpmehelpapplication/src/main/resources/fxml/donationPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/donationPage.fxml
@@ -1,23 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.Insets?>
-<?import javafx.scene.Cursor?>
-<?import javafx.scene.control.Label?>
-<?import javafx.scene.control.TextField?>
-<?import javafx.scene.effect.DropShadow?>
-<?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.RowConstraints?>
-<?import javafx.scene.layout.StackPane?>
-<?import javafx.scene.layout.VBox?>
-<?import javafx.scene.paint.Color?>
-<?import javafx.scene.shape.Rectangle?>
-<?import javafx.scene.text.Font?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.effect.*?>
+<?import javafx.scene.image.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.paint.*?>
+<?import javafx.scene.shape.*?>
+<?import javafx.scene.text.*?>
 
-<GridPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1">
+<GridPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1">
   <columnConstraints>
     <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
   </columnConstraints>