BreizhHardware/cours-ISEN-MD
1
0
Fork 0
mirror of https://github.com/BreizhHardware/cours-ISEN-MD.git synced 2026-01-18 16:47:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Obisidian vault auto-backup: 12-01-2026 15:46:45 on . 5 files edited

Browse Source
This commit is contained in:
Félix MARQUET
2026-01-12 15:46:45 +01:00
parent 98dd6c41e9
commit 3f350cbfcd
5 changed files with 110 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.obsidian/workspace.json vendored
View File

@@ -206,6 +206,7 @@
},
"active": "622da1d4e0ba0f73",
"lastOpenFiles": [
"ISEN/Web/CIPA 4/TP/TP2/authentification.html~",
"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",
@@ -216,7 +217,6 @@
"ISEN/Cloud Computing/CIPA4/TP Ansible/roles/nginx_proxy_https/templates",
"ISEN/Cloud Computing/CIPA4/TP Ansible/roles/nginx_proxy_https/tasks/main.yml",
"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/Cloud Computing Cours 1.md",
"ISEN/Cloud Computing/CIPA4/TP 3 Ansible.md",

2
ISEN/Web/CIPA 4/TP/TP2/accueil.html
View File

@@ -8,7 +8,7 @@
<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>
<body class="home-page">
<header>
<h1>Chat en ligne</h1>
<nav>

16
ISEN/Web/CIPA 4/TP/TP2/authentification.html
View File

@@ -8,7 +8,7 @@
<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>
<body class="auth-page">
<header>
<h1>Chat en ligne</h1>
<nav>
@@ -19,21 +19,21 @@
</ul>
</nav>
</header>
<section>
<section class="frame">
<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>
<br><br>
<label for="password">Mot de passe:</label>
<input type="password" id="password" name="password" required>
<br><br>
<input type="submit" value="Se connecter">
<input type="reset" value="Effacer">
<label for="remember-me">Rester connecté</label>
<input type="checkbox" id="remember-me" name="remember-me">
<div id="form-buttons">
<input type="submit" value="Se connecter">
<input type="reset" value="Effacer">
<label for="remember-me">Rester connecté</label>
<input type="checkbox" id="remember-me" name="remember-me">
</div>
</form>
</section>
<footer>

4
ISEN/Web/CIPA 4/TP/TP2/chat.html
View File

@@ -8,7 +8,7 @@
<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>
<body class="chat-page">
<header>
<h1>Chat en ligne</h1>
<nav>
@@ -19,7 +19,7 @@
</ul>
</nav>
</header>
<section>
<section class="frame">
<div class="table">
<h2 class="page-title">Chat</h2>
</div>

100
ISEN/Web/CIPA 4/TP/TP2/style.css
View File

@@ -32,8 +32,8 @@ footer {
/* Logo */
.logo {
height: 100px;
width: 50px;
height: 50px;
width: 100px;
}
/* Menu Navigation */
@@ -75,3 +75,99 @@ nav ul li.active {
letter-spacing: 0.2em;
}
/* Common Frame for Auth and Chat pages */
.frame {
border: 6px double #783F27;
border-radius: 25px;
margin: 2.5%;
padding: 1em;
}
/* Authentication Page Styles */
.auth-page form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
justify-items: start;
align-items: center;
max-width: 600px;
margin: 0 auto;
}
.auth-page label {
justify-self: end;
}
.auth-page input[type="text"],
.auth-page input[type="password"] {
border: 2px solid #ccc; /* Default border to start */
border-radius: 8px;
font-size: 18px;
padding: 4px 20px 0 20px; /* Top Right Bottom Left */
}
.auth-page input[type="submit"],
.auth-page input[type="reset"],
.auth-page button, /* Generic buttons if any */
.chat-page button {
background-color: #783F27;
border-radius: 12px;
border: none;
height: 30px;
margin-top: 10px;
color: #D3D3D3;
cursor: grab;
}
.auth-page input[type="checkbox"] {
width: 1.15em;
height: 1.15em;
justify-self: start;
}
#form-buttons {
grid-column: 1 / span 2;
justify-self: center;
display: flex;
gap: 1em;
}
/* Chat Page Styles */
.chat-page section.frame {
display: grid;
grid-template-rows: auto auto auto;
grid-row-gap: 1em;
}
.chat-page #channel-select {
width: 190px;
height: 30px;
color: #783F27;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 4px 4px #d2cece;
}
.chat-page input[type="number"],
.chat-page input[type="text"] {
/* "Même style que les champs de texte de la page authentification.html" */
border: 2px solid #ccc; /* implicit default */
border-radius: 8px;
font-size: 18px;
padding: 4px 20px 0 20px;
}
.chat-page textarea {
border-style: dotted;
cursor: not-allowed;
background-color: #ded1c5;
width: 100%;
box-sizing: border-box; /* Ensure padding doesn't overflow width */
}
/* Chat form layout override if needed */
.chat-page form {
display: grid;
grid-row-gap: 1em;
}