Renarde/taniere-solidaire-acceuil
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add bootstrap, migrate to scss, remove JS

Browse source
This commit is contained in:
Renarde-dev 2024-04-20 16:04:27 +02:00
parent 0c6e356a53
commit 7a62097a0a
6 changed files with 91 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
assets/css/style.css Normal file
View file

@ -0,0 +1,22 @@
:root {
background-color: white;
}
body {
display: flex;
flex-direction: column;
}
.Header {
display: flex;
flex-direction: row;
}
.Header h1 {
margin: auto;
align-self: center;
}
.Header input {
margin-top: auto;
margin-bottom: auto;
align-self: flex-end;
}/*# sourceMappingURL=style.css.map */

1
assets/css/style.css.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,uBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,mBAAA;ACCJ;ADCI;EACI,YAAA;EACA,kBAAA;ACCR;ADEI;EACI,gBAAA;EACA,mBAAA;EACA,oBAAA;ACAR","file":"style.css"}

32
assets/css/style.scss Normal file
View file

@ -0,0 +1,32 @@
:root {
background-color: white;
}
body {
display: flex;
flex-direction: column;
}
.Header {
display: flex;
flex-direction: row;
h1 {
margin: auto;
align-self: center;
}
input {
margin-top: auto;
margin-bottom: auto;
align-self: flex-end;
}
}

53
index.html
View file

@ -1,30 +1,49 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Acceuil de la tanière solidaire</title>
</head>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/css/style.css">
<body>
<div class="Header">
<h1>La Tanière Solidaire</h1>
<input type="checkbox" id="darkMode" name="darkMode">
<h1>La Tanière Solidaire</h1>
<input type="checkbox" id="darkMode" name="darkMode">
</div>
<h2>Les services :</h2>
<ul>
<li>
<div class="icon">
</div>
</li>
<li>OwO</li>
<li>OwO</li>
<li>OwO</li>
</ul>
<p>
Bienvenue sur le server de la tanière solidaire, un <a href="https://la-taniere-solidaire.gay/asso">projet associatif</a>
</p>
<h2>Les services :</h2>
<a href="-/">
<h3>Nextcloud</h3>
<div class="service_icon">
</div>
</a>
<a href="https://bitwarden.la-taniere-solidaire.gay/">
<h3>Bitwarden</h3>
<div class="service_icon">
</div>
</a>
<a href="https://forgejo.la-taniere-solidaire.gay/">
<h3>Forgejo</h3>
<div class="service_icon">
</div>
</a>
<a href="https://la-taniere-solidaire.gay/">
<h3>Email</h3>
<div class="service_icon">
</div>
</a>
</body>
</html>

5
script.js
View file

@ -1,5 +0,0 @@
"use strict";
window.addEventListener("DOMContentLoaded",function(){
console.log("Loaded")
})

25
style.css
View file

@ -1,25 +0,0 @@
:root {
background-color: white;
}
body {
display: flex;
flex-direction: column;
}
.Header {
display: flex;
flex-direction: row;
}
h1 {
align-self: center;
}
input {
align-self: flex-end;
}