3009594
/
DataStructureVisualizer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implement the feedback page

main
Obai Albek 2025-08-24 22:11:37 +02:00
parent dae72d9b09
commit f993ee2795
5 changed files with 67 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
Projekt_Ordner/css/feedback.css 100644
View File

@ -0,0 +1,42 @@
body {
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #233142;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", Arial;
}
.container{
border: 1px solid black;
background-color:#364A62 ;
height: 700px;
width: 800px;
padding: 20px;
margin: 10px;
text-align: center;
}
.container h1{
color:#00FF6A;
font-family: Roboto;
font-size: 70px;
}
.container p{
color:#ffffff;
font-family: Roboto;
font-size: 40px;
}
.container a{
color:#726FC5;
font-family: Roboto;
font-size: 40px;
text-decoration: none;
padding: 10px;
margin: 20px;
font-weight: bold;
}

4
Projekt_Ordner/html/Homepage.html
View File

@ -7,7 +7,7 @@
<meta name="content-language" content="de" /> <meta name="content-language" content="de" />
<meta name="description" content="An interactive tool to visualize common data structures such as stack, queue, linked list, tree, and graph. Ideal for students and developers learning algorithms." /> <meta name="description" content="An interactive tool to visualize common data structures such as stack, queue, linked list, tree, and graph. Ideal for students and developers learning algorithms." />
<meta name="keywords" content="data structure, visualizer, stack, queue, linked list, binary tree, graph, algorithm, computer science, learn programming" /> <meta name="keywords" content="data structure, visualizer, stack, queue, linked list, binary tree, graph, algorithm, computer science, learn programming" />
<link href="Homepage.css" rel="stylesheet" /> <link href="../css/homepage.css" rel="stylesheet" />
<title>Data Structure Visualizer</title> <title>Data Structure Visualizer</title>
</head> </head>
@ -27,7 +27,7 @@
<p>Learn how stacks, queues and other data structures work through interactive animations.</p> <p>Learn how stacks, queues and other data structures work through interactive animations.</p>
<button class="getStarted">Get Started</button> <button class="getStarted">Get Started</button>
<figure class="hero-figure"> <figure class="hero-figure">
<img src="Data structure.png" alt="Data structure overview" /> <img src="../assets/Data structure.png" alt="Data structure overview" />
</figure> </figure>
</header> </header>
</main> </main>

6
Projekt_Ordner/html/aboutMe.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="aboutMe.css" rel="stylesheet" /> <link href="../css/aboutMe.css" rel="stylesheet" />
<title>About me</title> <title>About me</title>
</head> </head>
<body> <body>
@ -22,7 +22,7 @@
<main class="card"> <main class="card">
<div class="container hero"> <div class="container hero">
<figure class="avatar"> <figure class="avatar">
<img src="Obai_Albek_Bewerbungsfoto.jpeg" alt="Obai Albek"/> <img src="../assets/Obai_Albek_Bewerbungsfoto.jpeg" alt="Obai Albek"/>
</figure> </figure>
<p class="intro"> <p class="intro">
Hi, I'm Obai Albek, a computer science student with a strong passion for data structures, Hi, I'm Obai Albek, a computer science student with a strong passion for data structures,
@ -37,7 +37,7 @@
<div class="container contact"> <div class="container contact">
<section class="contact-form"> <section class="contact-form">
<h2>MESSAGE ME</h2> <h2>MESSAGE ME</h2>
<form method="post" action="contactMe.php"> <form method="post" action="../php/contactMe.php">
<input type="text" name="user_name" placeholder="Name" required /> <input type="text" name="user_name" placeholder="Name" required />
<input type="email" name="user_email" placeholder="Email" required /> <input type="email" name="user_email" placeholder="Email" required />
<input type="text" name="subject" placeholder="Subject" required /> <input type="text" name="subject" placeholder="Subject" required />

18
Projekt_Ordner/html/feedback.html 100644
View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../css/feedback.css" rel="stylesheet">
<title>Feedback</title>
</head>
<body>
<div class="container">
<h1>Thank You</h1>
<p>Your feedback is highly appreciated</p>
<p>Go back:</p>
<a href="homepage.html">HOMEPAGE</a>
</div>
</body>
</html>

4
Projekt_Ordner/php/contactMe.php
View File

@ -34,9 +34,9 @@ if (isset($_POST["send"])) {
$mail->Subject = $subject; $mail->Subject = $subject;
$mail->Body = $message; $mail->Body = $message;
$mail->send(); $mail->send();
echo "Nachricht erfolgreich gesendet!"; header("Location: ../html/feedback.html");
} catch (Exception $e) { } catch (Exception $e) {
echo "Fehler beim Senden: {$mail->ErrorInfo}";
} }
} }
?> ?>