Skip to content

feature/frontend-structure, added navbar, sidenavbar laout, booking, application #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
JohanHiths wants to merge 6 commits into from
Closed

feature/frontend-structure, added navbar, sidenavbar laout, booking, application #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5514942
html
JohanHiths Mar 30, 2026
94fc4e6
code rabbit suggestions
JohanHiths Mar 30, 2026
0422f88
More coderabbits suggestions, avoiding style conflicts fragment mismatch
JohanHiths Mar 30, 2026
1d98a12
More coderabbits suggestions, font style mismatch
JohanHiths Mar 30, 2026
5673775
Merge branch 'main' into feature/frontend-structure
JohanHiths Mar 30, 2026
279f8d8
fixed navbar
JohanHiths Mar 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
152 changes: 80 additions & 72 deletions pom.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,77 +1,85 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>4.0.4</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>team4you</groupId>
<artifactId>team4you</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>team4you</name>
<description>team4you</description>
<url/>
<licenses>
<license/>
</licenses>
<developers>
<developer/>
</developers>
<scm>
<connection/>
<developerConnection/>
<tag/>
<url/>
</scm>
<properties>
<java.version>25</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-webmvc</artifactId>
</dependency>
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>4.0.4</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>team4you</groupId>
<artifactId>team4you</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>team4you</name>
<description>team4you</description>
<url/>
<licenses>
<license/>
</licenses>
<developers>
<developer/>
</developers>
<scm>
<connection/>
<developerConnection/>
<tag/>
<url/>
</scm>
<properties>
<java.version>25</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-webmvc</artifactId>
</dependency>

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-docker-compose</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.postgresql</groupId>
<artifactId>postgresql</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-webmvc-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-flyway</artifactId>
</dependency>
<dependency>
<groupId>org.flywaydb</groupId>
<artifactId>flyway-database-postgresql</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
</dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-docker-compose</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.postgresql</groupId>
<artifactId>postgresql</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-webmvc-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-flyway</artifactId>
</dependency>
<dependency>
<groupId>org.flywaydb</groupId>
<artifactId>flyway-database-postgresql</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>nz.net.ultraq.thymeleaf</groupId>
<artifactId>thymeleaf-layout-dialect</artifactId>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>

</project>
</project>
Empty file added src/main/resources/static/css/admin.css
View file
Open in desktop
Empty file.
59 changes: 59 additions & 0 deletions src/main/resources/static/css/application.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {

background-color: #f0f2f5;
font-family: Poppins, sans-serif;
color: #333;
line-height: 1.6;
}
Comment on lines +7 to +13
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot Mar 30, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Fix Stylelint issues: remove empty line and font-family quotes.

Per static analysis hints:

  • Line 9: Remove the empty line before background-color
  • Line 10: Remove quotes around Poppins (Stylelint expects unquoted generic font-family names unless they contain special characters)
🔧 Proposed fix 
 body {
-
     background-color: `#f0f2f5`;
-    font-family: 'Poppins', sans-serif;
+    font-family: Poppins, sans-serif;
     color: `#333`;
     line-height: 1.6;
 }
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
body {
background-color: #f0f2f5;
font-family: 'Poppins', sans-serif;
color: #333;
line-height: 1.6;
}
body {
background-color: `#f0f2f5`;
font-family: Poppins, sans-serif;
color: `#333`;
line-height: 1.6;
}
🧰 Tools
🪛 Stylelint (17.5.0)

[error] 9-9: Unexpected empty line before declaration (declaration-empty-line-before)

(declaration-empty-line-before)

[error] 10-10: Unexpected quotes around "Poppins" (font-family-name-quotes)

(font-family-name-quotes)

🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@src/main/resources/static/css/application.css` around lines 7 - 13, Remove
the stray blank line inside the body selector and change the font-family
declaration to remove the quotes around Poppins; specifically edit the body rule
(background-color and font-family properties) so there is no empty line before
background-color and font-family reads Poppins, sans-serif (unquoted) to satisfy
Stylelint.


.container {
max-width: 800px;
margin: 40px auto;
padding: 0 20px;
}

.apply-container,
.waiting-decision,
.decided-application {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
text-align: left;
}

h2 {
font-size: 1.4rem;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
color: #1a2b3c;
}

.list-unstyled {
list-style: none;
}

.forth-container, .decision-container {
border: 1px solid #eee;
padding: 15px;
border-radius: 6px;
transition: transform 0.2s;
margin-top: 10px;
}

.forth-container:hover, .decision-container:hover {
border-color: #38bdf8;
background-color: #f8fafc;
cursor: pointer;
}
Comment on lines +54 to +58
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot Mar 30, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

cursor: pointer on .forth-container is misleading without a click handler.

In application.html (lines 17-29), .forth-container is nested inside an <a> tag that has no href attribute. The pointer cursor suggests interactivity, but clicking does nothing. Either add a destination to the anchor or remove the pointer cursor for this element.

🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@src/main/resources/static/css/application.css` around lines 54 - 58, The CSS
rule adding cursor: pointer to .forth-container:hover (and
.decision-container:hover) is misleading because the <a> wrapper in
application.html around .forth-container has no href; either make the anchor a
real link by adding a valid href or role+JS handler, or remove the pointer
affordance by deleting cursor: pointer from the .forth-container:hover rule (or
scope it only to elements that are actually clickable such as
.decision-container). Update the .forth-container:hover rule (or the anchor in
application.html) accordingly so the pointer only appears for genuinely
interactive elements.


28 changes: 28 additions & 0 deletions src/main/resources/static/css/booking.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
.container {
max-width: 800px;
margin: 40px auto;
padding: 0 20px;
}

.card {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}


.section-booking, .section-calling {
margin-top: 20px;
padding: 20px;
border-bottom: 1px solid #eee;
}

.section-calling {
border: 1px solid purple;
}

.section-booking {
border: 1px solid purple;
}
Empty file added src/main/resources/static/css/contact.css
View file
Open in desktop
Empty file.
72 changes: 72 additions & 0 deletions src/main/resources/static/css/home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@


* {
margin:0;
padding:0;
box-sizing: border-box;

}

body{
background: #e4e4e4;
color:white;
}
Comment on lines +10 to +13
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot Mar 30, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

Poor color contrast: white text on light gray background.

color: white on background: #e4e4e4`` (light gray) fails WCAG contrast requirements. White text will be nearly unreadable. Either darken the background significantly or use a dark text color.

🔧 Suggested fix 
 body{
     background: `#e4e4e4`;
-    color:white;
+    color: `#333`;
 }
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
body{
background: #e4e4e4;
color:white;
}
body{
background: `#e4e4e4`;
color: `#333`;
}
🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@src/main/resources/static/css/home.css` around lines 10 - 13, The body
selector currently sets background: `#e4e4e4` and color: white which fails WCAG
contrast; update the body rule (background and/or color) so text meets at least
4.5:1 contrast (e.g., darken the background significantly or switch text to a
dark color) and verify with a contrast checker; modify the body { background:
...; color: ...; } declarations accordingly to restore readable contrast.


.nav{
width:100%;
padding: 1rem 5%;
background: rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(15px);
margin-bottom: 2rem;
}

.logo {
font-size: 2rem;
font-weight: 600;
color: #38bdf8;
letter-spacing: 1px;
}

.nav-links {
list-style: none;
display:flex;
gap: 2rem;
color:black;
}

.li{
font-size: 1.2rem;
font-weight: 500;
color:black;
}

.meny-container{
display: flex;
align-items: center;
gap: 0.5rem;
}
.nav-menu {
color: black;
text-decoration: none;
transition: color 0.3s;
}

.nav-menu:hover {
color: gold;
cursor: pointer;
}
.small-p:hover{
color:gold;
}

.nav-links {
float:right;
}

.search-button {
border-radius: 0;
align-items: center;
text-align: center;
position: relative;
}
Empty file added src/main/resources/static/css/layout.css
View file
Open in desktop
Empty file.
Loading