Obisidian vault auto-backup: 12-01-2026 15:36:42 on . 8 files edited

This commit is contained in:
Félix MARQUET
2026-01-12 15:36:42 +01:00
parent 5b4e825c7e
commit 98dd6c41e9
8 changed files with 122 additions and 41 deletions

View File

@@ -206,6 +206,8 @@
},
"active": "622da1d4e0ba0f73",
"lastOpenFiles": [
"ISEN/Web/CIPA 4/TP/TP1/chat.html~",
"ISEN/Web/CIPA 4/TP/TP2/style.css",
"ISEN/Cloud Computing/CIPA4/TP Ansible/playbook-role-https.yml",
"ISEN/Cloud Computing/CIPA4/TP Ansible/roles/nginx_proxy_https/handlers/main.yml",
"ISEN/Cloud Computing/CIPA4/TP Ansible/roles/nginx_proxy_https/handlers",
@@ -216,8 +218,6 @@
"ISEN/Cloud Computing/CIPA4/TP Ansible/roles/nginx_proxy_https/tasks",
"ISEN/Cloud Computing/CIPA4/TP Ansible/roles/nginx_proxy_https",
"ISEN/Cloud Computing/CIPA4/TP 4 Ansible.md",
"ISEN/Cloud Computing/CIPA4/TP Ansible/templates/nginx.conf.j2",
"ISEN/Cloud Computing/CIPA4/TP Ansible/templates",
"ISEN/Cloud Computing/CIPA4/Cloud Computing Cours 1.md",
"ISEN/Cloud Computing/CIPA4/TP 3 Ansible.md",
"ISEN/Cloud Computing/CIPA4/TP 2 Ansible.md",

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<title>Chat</title>
<link rel="stylesheet" href="style.css">
</head>
<body bgcolor="#c0c0c0" text="#000000" link="#0000EE" vlink="#551A8B">
<header>

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<title>Authentification</title>
<link rel="stylesheet" href="style.css">
</head>
<body bgcolor="#c0c0c0" text="#000000" link="#0000EE" vlink="#551A8B">
<header>

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<title>Chat</title>
<link rel="stylesheet" href="style.css">
</head>
<body bgcolor="#c0c0c0" text="#000000" link="#0000EE" vlink="#551A8B">
<header>

View File

@@ -3,23 +3,26 @@
<head>
<meta charset="UTF-8">
<title>Chat</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Marko+One&display=swap" rel="stylesheet">
</head>
<body bgcolor="#c0c0c0" text="#000000" link="#0000EE" vlink="#551A8B">
<body>
<header>
<center><font face="Courier New, monospace" size="6">Chat en ligne</font></center>
<h1>Chat en ligne</h1>
<nav>
<center>
<a href="accueil.html">Accueil</a> |
<a href="chat.html">Chat</a> |
<a href="https://isen-nantes.fr" target="_blank"><img src="images/ISEN_Logo.png" alt="logo isen" border="0" height="50" width="auto"></a>
</center>
<ul>
<li class="active"><a href="accueil.html">Accueil</a></li>
<li><a href="chat.html">Chat</a></li>
<li><a href="https://isen-nantes.fr" target="_blank"><img class="logo" src="images/ISEN_Logo.png" alt="logo isen"></a></li>
</ul>
</nav>
<hr>
</header>
<section>
<div class="table">
<table border="1" cellpadding="6" cellspacing="0" width="100%">
<caption><font face="Arial, Helvetica, sans-serif" size="4">Bienvenue dans le Chat en ligne des étudiants de l'ISEN</font></caption>
<caption class="page-title">Bienvenue dans le Chat en ligne des étudiants de l'ISEN</caption>
<thead>
<tr>
<th rowspan="2" bgcolor="#e0e0e0">Jour</th>

View File

@@ -3,27 +3,26 @@
<head>
<meta charset="UTF-8">
<title>Authentification</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Marko+One&display=swap" rel="stylesheet">
</head>
<body bgcolor="#c0c0c0" text="#000000" link="#0000EE" vlink="#551A8B">
<body>
<header>
<center><font face="Courier New, monospace" size="6">Chat en ligne</font></center>
<h1>Chat en ligne</h1>
<nav>
<center>
<a href="accueil.html">Accueil</a> |
<a href="chat.html">Chat</a> |
<a href="https://isen-nantes.fr" target="_blank"><img src="images/ISEN_Logo.png" alt="logo isen" border="0" height="50" width="auto"></a>
</center>
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li class="active"><a href="chat.html">Chat</a></li>
<li><a href="https://isen-nantes.fr" target="_blank"><img class="logo" src="images/ISEN_Logo.png" alt="logo isen"></a></li>
</ul>
</nav>
<hr>
</header>
<section>
<table width="100%" border="0" cellpadding="4" cellspacing="0">
<tr>
<td>
<center><font face="Arial, Helvetica, sans-serif" size="4">Authentification</font></center>
</td>
</tr>
</table>
<div class="table">
<h2 class="page-title">Authentification</h2>
</div>
<form action="chat.html" method="get">
<label for="username">Nom d'utilisateur:</label>
<input type="text" id="username" name="username" required>

View File

@@ -3,27 +3,26 @@
<head>
<meta charset="UTF-8">
<title>Chat</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Marko+One&display=swap" rel="stylesheet">
</head>
<body bgcolor="#c0c0c0" text="#000000" link="#0000EE" vlink="#551A8B">
<body>
<header>
<center><font face="Courier New, monospace" size="6">Chat en ligne</font></center>
<h1>Chat en ligne</h1>
<nav>
<center>
<a href="accueil.html">Accueil</a> |
<a href="chat.html">Chat</a> |
<a href="https://isen-nantes.fr" target="_blank"><img src="images/ISEN_Logo.png" alt="logo isen" border="0" height="50" width="auto"></a>
</center>
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li class="active"><a href="chat.html">Chat</a></li>
<li><a href="https://isen-nantes.fr" target="_blank"><img class="logo" src="images/ISEN_Logo.png" alt="logo isen"></a></li>
</ul>
</nav>
<hr>
</header>
<section>
<table width="100%" border="0" cellpadding="4" cellspacing="0">
<tr>
<td>
<center><font face="Arial, Helvetica, sans-serif" size="4">Chat</font></center>
</td>
</tr>
</table>
<div class="table">
<h2 class="page-title">Chat</h2>
</div>
<form>
<div id="channel-refresh">
<label for="channel-select">Canaux: </label>

View File

@@ -0,0 +1,77 @@
body {
background-color: #EADDC4;
font-family: Verdana, sans-serif;
text-align: center;
font-size: 16px;
margin: 0;
}
table {
margin-left: auto;
margin-right: auto;
}
/* Header Title "Chat en ligne" */
h1 {
font-size: 3em; /* 48px */
font-weight: bold;
font-family: 'Marko One', Georgia, serif;
color: #CC6600;
text-shadow: 0.2em 0.2em #D3D3D3;
text-transform: uppercase;
letter-spacing: 0.5em;
}
/* Footer style */
footer {
background-color: #783F27;
color: #EADDC4;
font-size: 0.8em;
padding: 0.5em;
}
/* Logo */
.logo {
height: 100px;
width: 50px;
}
/* Menu Navigation */
nav ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
nav ul li {
display: block;
background-color: #783F27;
border: 1px solid black;
border-radius: 0.5em;
margin: 0.5em; /* External margin */
padding: 0.5em 1em 0.5em 1em; /* Top Right Bottom Left */
}
nav ul li a {
text-decoration: none;
color: #DC6903;
}
nav ul li a:hover {
color: #F9AB33;
}
/* Active menu item state */
nav ul li.active {
background-color: #EADDC4;
}
/* Specific Page Titles */
.page-title {
text-transform: uppercase;
color: #7A0002;
letter-spacing: 0.2em;
}