First commit, basic web page. Added a basic web page with links to our hosted services and a short description.
This commit is contained in:
commit
f145a0670a
94
css/main.css
Normal file
94
css/main.css
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
body {
|
||||||
|
font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #212121;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
padding: 1em 1em;
|
||||||
|
}
|
||||||
|
header h1 {
|
||||||
|
font-size: 4.0em;
|
||||||
|
margin: 20px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-style: italic;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
footer a {
|
||||||
|
color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#services h2 {
|
||||||
|
border-bottom: 2px solid black;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
#services ul {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#services ul li {
|
||||||
|
background-color: #5c6bc0;
|
||||||
|
position: relative;
|
||||||
|
height: 230px;
|
||||||
|
list-style: none;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
text-align: center;
|
||||||
|
width: 33%;
|
||||||
|
}
|
||||||
|
#services ul li:hover {
|
||||||
|
box-shadow: 1px 1px 4px black;
|
||||||
|
}
|
||||||
|
#services ul li:nth-child(6n+2) {
|
||||||
|
background-color: #e84e40;
|
||||||
|
}
|
||||||
|
#services ul li:nth-child(6n+3) {
|
||||||
|
background-color: #ec407a;
|
||||||
|
}
|
||||||
|
#services ul li:nth-child(6n+4) {
|
||||||
|
background-color: #ab47bc;
|
||||||
|
}
|
||||||
|
#services ul li:nth-child(6n+5) {
|
||||||
|
background-color: #7e57c2;
|
||||||
|
}
|
||||||
|
#services ul li:nth-child(6n+6) {
|
||||||
|
background-color: #738ffe;
|
||||||
|
}
|
||||||
|
#services ul li a {
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#services ul li img {
|
||||||
|
margin: 1em;
|
||||||
|
max-width: 150px;
|
||||||
|
}
|
||||||
|
#services ul li span {
|
||||||
|
bottom: 20px;
|
||||||
|
color: white;
|
||||||
|
display: block;
|
||||||
|
font-size: 1.1em;
|
||||||
|
font-weight: bold;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
102
css/reset.css
Normal file
102
css/reset.css
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
/*
|
||||||
|
html5doctor.com Reset Stylesheet
|
||||||
|
v1.6.1
|
||||||
|
Last Updated: 2010-09-17
|
||||||
|
Author: Richard Clark - http://richclarkdesign.com
|
||||||
|
Twitter: @rich_clark
|
||||||
|
*/
|
||||||
|
|
||||||
|
html, body, div, span, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
abbr, address, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, samp,
|
||||||
|
small, strong, sub, sup, var,
|
||||||
|
b, i,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
border:0;
|
||||||
|
outline:0;
|
||||||
|
font-size:100%;
|
||||||
|
vertical-align:baseline;
|
||||||
|
background:transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
article,aside,details,figcaption,figure,
|
||||||
|
footer,header,hgroup,menu,nav,section {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote, q {
|
||||||
|
quotes:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content:'';
|
||||||
|
content:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
font-size:100%;
|
||||||
|
vertical-align:baseline;
|
||||||
|
background:transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* change colours to suit your needs */
|
||||||
|
ins {
|
||||||
|
background-color:#ff9;
|
||||||
|
color:#000;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* change colours to suit your needs */
|
||||||
|
mark {
|
||||||
|
background-color:#ff9;
|
||||||
|
color:#000;
|
||||||
|
font-style:italic;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
del {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr[title], dfn[title] {
|
||||||
|
border-bottom:1px dotted;
|
||||||
|
cursor:help;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse:collapse;
|
||||||
|
border-spacing:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* change border colour to suit your needs */
|
||||||
|
hr {
|
||||||
|
display:block;
|
||||||
|
height:1px;
|
||||||
|
border:0;
|
||||||
|
border-top:1px solid #cccccc;
|
||||||
|
margin:1em 0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input, select {
|
||||||
|
vertical-align:middle;
|
||||||
|
}
|
||||||
BIN
img/freshrss.png
Normal file
BIN
img/freshrss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
img/mastodon.png
Normal file
BIN
img/mastodon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
img/owncloud.png
Normal file
BIN
img/owncloud.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
img/piwik.png
Normal file
BIN
img/piwik.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
img/wallabag.png
Normal file
BIN
img/wallabag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
img/wekan.png
Normal file
BIN
img/wekan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
76
index.html
Normal file
76
index.html
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>C'est le délire ce soir ! </title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Le Délire !</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section id="summary">
|
||||||
|
<p>
|
||||||
|
Bienvenue chez Le Délire !
|
||||||
|
Nous sommes un collectif hébergeant un ensemble de services libres,
|
||||||
|
et proposons l'utilisation à prix libre de ces services à notre
|
||||||
|
entourage ou à celles et ceux qui nous en font la demande.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="services">
|
||||||
|
<h2>Services proposés</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://nuage.delire.party/">
|
||||||
|
<img src="img/owncloud.png" alt="Logo de OwnCloud" />
|
||||||
|
<span>OwnCloud</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://steroids.delire.party/">
|
||||||
|
<img src="img/wekan.png" alt="Logo de Wekan" />
|
||||||
|
<span>Wekan</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://tutut.delire.party/">
|
||||||
|
<img src="img/mastodon.png" alt="Logo de Mastodon" />
|
||||||
|
<span>Mastodon</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://plaisir.delire.party/">
|
||||||
|
<img src="img/wallabag.png" alt="Logo de Wallabag" />
|
||||||
|
<span>Wallabag</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://urss.delire.party/">
|
||||||
|
<img src="img/freshrss.png" alt="Logo de FreshRSS" />
|
||||||
|
<span>FreshRSS</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://1984.delire.party/">
|
||||||
|
<img src="img/piwik.png" alt="Logo de Piwik" />
|
||||||
|
<span>Piwik</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>
|
||||||
|
Le Délire !
|
||||||
|
par <a href="https://tutut.delire.party/@bnjbvr">Ben</a> et <a href="https://tutut.delire.party/@adngdb">Adri</a> -
|
||||||
|
<a href="https://liberapay.com/">Nous soutenir sur Liberapay</a> -
|
||||||
|
<a href="https://framagit.org/adngdb/delire.party/">Sources sur framagit</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user