finished project section

1BlauNitrox · Mar 6, 2024 · 5595e98 · 5595e98
1 parent a0fa3cd
commit 5595e98
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 33 deletions.
diff --git a/index.css b/index.css
@@ -729,8 +729,25 @@ body {
         top: 2rem;
         z-index: 2;
     }
-
+}
+
+@media screen and (max-width: 470px) {
+    .project-images img {
+        width: 55%;
+        max-width: 200px;
+        max-height: 120px;
+    }
 
+    .project-images img:nth-child(1) {
+        left: 0rem;
+        top: 0rem;
+    }
+
+    .project-images img:nth-child(2) {
+        right: 0rem;
+        top: 2rem;
+        z-index: 2;
+    }
 }
 
 /**  CONTACT */

diff --git a/index.html b/index.html
@@ -195,7 +195,7 @@ <h3 class="reveal">Me</h3>
                   <div class="project-description">
                      <h3>Lyrotopia</h3>
                      <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Eget nullam non nisi est. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Netus et malesuada fames ac turpis egestas maecenas pharetra convallis. Egestas diam in arcu cursus euismod quis viverra nibh. Vitae et leo duis ut diam. Sit amet est placerat in egestas. Tortor id aliquet lectus proin nibh nisl condimentum id. Quis lectus nulla at volutpat diam ut venenatis tellus. Eget duis at tellus at urna condimentum mattis. Placerat in egestas erat imperdiet sed euismod. Facilisi etiam dignissim diam quis enim lobortis scelerisque. Penatibus et magnis dis parturient montes nascetur.</h5>
-                     <a href="" class="btn btn-outline-reverse">View Project</a>
+                     <a href="https://lyrotopia.net/" target="_blank" class="btn btn-outline-reverse">View Project</a>
                   </div>
                </div>
                <div class="project project-reverse reveal">
@@ -207,7 +207,19 @@ <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temp
                   <div class="project-description">
                      <h3>Projektkurs</h3>
                      <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Eget nullam non nisi est. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Netus et malesuada fames ac turpis egestas maecenas pharetra convallis. Egestas diam in arcu cursus euismod quis viverra nibh. Vitae et leo duis ut diam. Sit amet est placerat in egestas. Tortor id aliquet lectus proin nibh nisl condimentum id. Quis lectus nulla at volutpat diam ut venenatis tellus. Eget duis at tellus at urna condimentum mattis. Placerat in egestas erat imperdiet sed euismod. Facilisi etiam dignissim diam quis enim lobortis scelerisque. Penatibus et magnis dis parturient montes nascetur.</h5>
-                     <a href="" class="btn btn-outline-reverse">View Project</a>
+                     <a href="projects/achieve/Projektkurs/Q2/beruflicheshandeln/index.html" target="_blank" class="btn btn-outline-reverse">View Project</a>
+                  </div>
+               </div>
+               <div class="project reveal">
+                  <div class="project-images">
+                     <img src="images/20240219_184308.jpg" alt="">
+                     <img src="images/20240219_184308.jpg" alt="">
+                     <img src="images/20240219_184308.jpg" alt="">
+                  </div>
+                  <div class="project-description">
+                     <h3>Scripzy</h3>
+                     <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Eget nullam non nisi est. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Netus et malesuada fames ac turpis egestas maecenas pharetra convallis. Egestas diam in arcu cursus euismod quis viverra nibh. Vitae et leo duis ut diam. Sit amet est placerat in egestas. Tortor id aliquet lectus proin nibh nisl condimentum id. Quis lectus nulla at volutpat diam ut venenatis tellus. Eget duis at tellus at urna condimentum mattis. Placerat in egestas erat imperdiet sed euismod. Facilisi etiam dignissim diam quis enim lobortis scelerisque. Penatibus et magnis dis parturient montes nascetur.</h5>
+                     <a href="" target="_blank" class="btn btn-outline-reverse">View Project</a>
                   </div>
                </div>
             </div>

diff --git a/projects/achieve/Projektkurs/.htaccess b/projects/achieve/Projektkurs/.htaccess
diff --git a/...ojektkurs/Q2/beruflicheshandeln/index.php → ...jektkurs/Q2/beruflicheshandeln/index.html b/...ojektkurs/Q2/beruflicheshandeln/index.php → ...jektkurs/Q2/beruflicheshandeln/index.html
@@ -9,7 +9,7 @@
         <link rel="stylesheet" href="../../css/global.css">
         <link rel="stylesheet" href="../../css/index.css">
 
-        <title>Projektkurs | Home</title>
+        <title>Archieve | Projektkurs</title>
 
         <!-- Icons -->
         <script src="https://kit.fontawesome.com/b5259bc025.js" crossorigin="anonymous"></script>
@@ -22,8 +22,8 @@
                 <img src="../../img/Projektkurs_Logo.png" alt="Icon" id="icon">
             </div>
             <ul class="nav-items">
-                <li class="nav-item" id="project"><a id="nav-project" href="index.php"><i class="fas fa-regular fa-diagram-project" id="nav-icon"></i>Projekt</a></li>
-                <li class="nav-item" id="survey"><a id="nav-survey"  href="survey.php"><i class="fa-solid fa-square-poll-vertical" id="nav-icon"></i>Umfrage</a></li>
+                <li class="nav-item" id="project"><a id="nav-project" href="index.html"><i class="fas fa-regular fa-diagram-project" id="nav-icon"></i>Projekt</a></li>
+                <li class="nav-item" id="survey"><a id="nav-survey"  href="survey.html"><i class="fa-solid fa-square-poll-vertical" id="nav-icon"></i>Umfrage</a></li>
             </ul>
         </nav>
 
@@ -32,8 +32,8 @@
             <img src="../../img/Projektkurs_Logo.png" alt="Icon" class="nav-icon-collapsed" id="icon">
             <hr class="nav-hr-collapsed">
             <ul class="nav-items-collapsed">
-                <li class="nav-item-collapsed" id="project-collapsed"><a id="nav-project-collapsed" href="index.php"><i class="fas fa-regular fa-diagram-project" id="nav-icon-collapsed"></i>Projekt</a></li>
-                <li class="nav-item-collapsed" id="survey-collapsed"><a id="nav-survey-collapsed" href="survey.php"><i class="fa-solid fa-square-poll-vertical" id="nav-icon-collapsed"></i></i>Umfrage</a></li>
+                <li class="nav-item-collapsed" id="project-collapsed"><a id="nav-project-collapsed" href="index.html"><i class="fas fa-regular fa-diagram-project" id="nav-icon-collapsed"></i>Projekt</a></li>
+                <li class="nav-item-collapsed" id="survey-collapsed"><a id="nav-survey-collapsed" href="survey.html"><i class="fa-solid fa-square-poll-vertical" id="nav-icon-collapsed"></i></i>Umfrage</a></li>
             </ul>
         </nav>
 
@@ -119,7 +119,7 @@
                 <div class="survery-image">
                     <img src="../../img/survey.png" alt="Umfrage" id="survey-image">
                     <div class="fading-container">
-                        <a href="survey.php">Zur gesamten Umfrage</a>
+                        <a href="survey.html">Zur gesamten Umfrage</a>
                     </div>
                 </div>
             </div>

diff --git a/...jektkurs/Q2/beruflicheshandeln/survey.php → ...ektkurs/Q2/beruflicheshandeln/survey.html b/...jektkurs/Q2/beruflicheshandeln/survey.php → ...ektkurs/Q2/beruflicheshandeln/survey.html
@@ -1,12 +1,3 @@
-<?php
-include_once '../../include/functions.php';
-sec_session_start();
-
-if(login_check() == false) { 
-    header("location: login.php");
-}
-?>
-
 <!DOCTYPE html>
 <html lang="de">
     <head>
@@ -17,15 +8,15 @@
         <link rel="stylesheet" href="../../css/global.css">
         <link rel="stylesheet" href="../../css/survey.css">
 
-        <title>Projektkurs | Umfrage</title>
+        <title>Archieve | Projektkurs</title>
 
         <!-- Icons -->
         <script src="https://kit.fontawesome.com/b5259bc025.js" crossorigin="anonymous"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
 
     </head>
     <body>
-        <a class="back" href="index.php">
+        <a class="back" href="index.html">
             <i class="fa-solid fa-arrow-left-long"></i>
         </a>
 

diff --git a/projects/achieve/Projektkurs/index.php b/projects/achieve/Projektkurs/index.php