corentin.caillot
/
site_web
generated from Templates_CodeFirst/templateHtmlCss
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TODO

Browse Source
master
cocaillot 3 months ago
parent 0dcab5a1ff
commit b89d07bd87
4 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File

9
httpdocs/form.html
Unescape View File

@ -9,6 +9,7 @@
<title>Contact Form</title> <title>Contact Form</title>
<!-- Tailwind CSS --> <!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<!-- EmailJS SDK --> <!-- EmailJS SDK -->
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script> <script>
@ -17,7 +18,8 @@
})(); })();
</script> </script>
</head> </head>
<body class="bg-gray-50 text-gray-800">
<body>
<header> <header>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar"> <nav class="navbar">
@ -40,7 +42,7 @@
</nav> </nav>
</header> </header>
<!-- Contact Form --> <!-- 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"> <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"> <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> <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> <p id="response-message" class="hidden text-center mt-4 text-white"></p>
<!-- External JS --> <!-- External JS -->
<script src="form-handler.js"></script> <script src="form-handler.js"></script>
<footer> <footer>
<p>© 2025 Corentin Caillot. Tous droits réservés.</p> <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>📧 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> </footer>
</body> </body>
</html> </html>

6
httpdocs/index.html
Unescape View File

@ -1,5 +1,10 @@
<!DOCTYPE html> <!-- Doctype HTML5 --> <!DOCTYPE html> <!-- Doctype HTML5 -->
<html lang="fr"> <html lang="fr">
<!-- TODO : Changes to navbar -->
<!-- Dropdown must be : Skills -> soft / hard -->
<!-- Simple button for projects-->
<!---->
<!-- Underline current page -> CSS-->
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
@ -91,6 +96,7 @@
<div> <div>
<section> <section>
<article> <article>
<!-- TODO : Add images to illustrate -->
<h2>Qui suis-je ?</h2> <h2>Qui suis-je ?</h2>
<p> <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). 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).

2
httpdocs/project.js
Unescape View File

@ -4,6 +4,8 @@
const projectName = urlParams.get("name"); const projectName = urlParams.get("name");
// Simulated "database" of projects // Simulated "database" of projects
//TODO : Add more text to the project descriptions
const projects = { const projects = {
"mastermind": { "mastermind": {
title: "Projet MasterMind", title: "Projet MasterMind",

14
httpdocs/style.css
Unescape View File

@ -59,6 +59,7 @@
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #323438; background-color: #323438;
color: #f1f1f1; color: #f1f1f1;
} }
/* Light Mode Styles */ /* Light Mode Styles */
@ -66,6 +67,7 @@
background-color: #fcf0fa; /* Soft white background */ background-color: #fcf0fa; /* Soft white background */
color: #333333; /* Dark gray text for better readability */ color: #333333; /* Dark gray text for better readability */
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
} }
/* Light mode headings */ /* Light mode headings */
@ -1125,20 +1127,12 @@ body.fade-out {
footer { footer {
width: 100% ; width: 100% ;
text-align: center ; text-align: center ;
padding: 15px ; padding: 15px ;
background: #252323 ; /* Default dark mode */ background: #252323 ; /* Default dark mode */
color: #fff ; color: #fff ;
position: relative ; position: relative;
bottom: 0; bottom: 0;
} }

Write Preview
Loading…
Cancel
Save