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