TODO

3 months ago · b89d07bd87
parent 0dcab5a1ff
commit b89d07bd87
4 changed files with 18 additions and 13 deletions
--- a/httpdocs/form.html
+++ b/httpdocs/form.html
@ -9,6 +9,7 @@
        <title>Contact Form</title>
        <!-- Tailwind CSS -->
        <script src="https://cdn.tailwindcss.com"></script>
+        
        <!-- EmailJS SDK -->
        <script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
        <script>
@ -17,7 +18,8 @@
            })();
        </script> 
    </head>
-    <body class="bg-gray-50 text-gray-800">
+    
+    <body>
        <header>
        <!-- Navigation -->
            <nav class="navbar"> 
@ -40,7 +42,7 @@
                </nav>
        </header>
        <!-- Contact Form -->
-        
+        <link type="text/css" rel="stylesheet" href="style.css?v=1.0">  <!-- Css include placed here because for some reason it doesn't work otherwise (still hasn't fixed footer position)-->
        <form id="contact-form" class="container mx-auto mt-10 px-4">
            <div class="max-w-md mx-auto px-8 py-6 bg-gray-800 rounded-lg shadow-lg">
                <h2 class="text-2xl font-semibold text-white mb-4">Contact Us</h2>
@ -66,11 +68,12 @@
        <p id="response-message" class="hidden text-center mt-4 text-white"></p>

        <!-- External JS -->
+         
        <script src="form-handler.js"></script>
        <footer>
            <p>© 2025 Corentin Caillot. Tous droits réservés.</p>
            <p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-                <!--<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>-->
+            <!--<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>-->
        </footer>
    </body>
 </html>
--- a/httpdocs/index.html
+++ b/httpdocs/index.html
@ -1,5 +1,10 @@
 <!DOCTYPE html> <!-- Doctype HTML5 -->
 <html lang="fr">
+	<!-- TODO :  Changes to navbar -->
+	 <!-- Dropdown must be : Skills -> soft / hard -->
+	  <!-- Simple button for projects-->
+	   <!---->
+	   <!-- Underline current page -> CSS-->
 	<head>
 		<meta charset="UTF-8">
 		<link type="text/css" rel="stylesheet" href="style.css">
@ -91,6 +96,7 @@
 			<div>	
 				<section>
 					<article>
+						<!-- TODO : Add images to illustrate -->
 						<h2>Qui suis-je ?</h2>
 						<p>
 							Je m'appelle <strong>Corentin</strong>, j'ai <em>20 ans</em>, et je suis actuellement en <strong>première année de BUT informatique</strong> (pour la deuxième fois).  
--- a/httpdocs/project.js
+++ b/httpdocs/project.js
@ -4,6 +4,8 @@
        const projectName = urlParams.get("name");

        // Simulated "database" of projects
+
+        //TODO : Add more text to the project descriptions 
        const projects = {
            "mastermind": {
                title: "Projet MasterMind",
--- a/httpdocs/style.css
+++ b/httpdocs/style.css
@ -59,6 +59,7 @@
      font-family: Arial, sans-serif;
      background-color: #323438;
      color: #f1f1f1;
+    
  }

  /* Light Mode Styles */
@ -66,6 +67,7 @@
      background-color: #fcf0fa; /* Soft white background */
      color: #333333; /* Dark gray text for better readability */
      font-family: Arial, sans-serif;
+
  }

  /* Light mode headings */
@ -1125,20 +1127,12 @@ body.fade-out {



-
-
-
-
-
-
-
-
 footer {
  width: 100% ;
  text-align: center ;
  padding: 15px ;
  background: #252323  ; /* Default dark mode */
  color: #fff ;
-  position: relative ;
+  position: relative;
  bottom: 0;    
 }