Просмотр исходного кода

First commit, basic web page. Added a basic web page with links to our hosted services and a short description.

merge-requests/1/head
Adrian 3 лет назад
Сommit
f145a0670a
9 измененных файлов: 272 добавлений и 0 удалений
  1. +94
    -0
      css/main.css
  2. +102
    -0
      css/reset.css
  3. Двоичные данные
      img/freshrss.png
  4. Двоичные данные
      img/mastodon.png
  5. Двоичные данные
      img/owncloud.png
  6. Двоичные данные
      img/piwik.png
  7. Двоичные данные
      img/wallabag.png
  8. Двоичные данные
      img/wekan.png
  9. +76
    -0
      index.html

+ 94
- 0
css/main.css Просмотреть файл

@ -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
- 0
css/reset.css Просмотреть файл

@ -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;
}

Двоичные данные
img/freshrss.png Просмотреть файл

До После
Ширина: 150  |  Высота: 150  |  Размер: 8.7 KiB

Двоичные данные
img/mastodon.png Просмотреть файл

До После
Ширина: 150  |  Высота: 150  |  Размер: 6.7 KiB

Двоичные данные
img/owncloud.png Просмотреть файл

До После
Ширина: 150  |  Высота: 150  |  Размер: 8.8 KiB

Двоичные данные
img/piwik.png Просмотреть файл

До После
Ширина: 150  |  Высота: 150  |  Размер: 2.5 KiB

Двоичные данные
img/wallabag.png Просмотреть файл

До После
Ширина: 150  |  Высота: 150  |  Размер: 2.5 KiB

Двоичные данные
img/wekan.png Просмотреть файл

До После
Ширина: 150  |  Высота: 150  |  Размер: 4.0 KiB

+ 76
- 0
index.html Просмотреть файл

@ -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>

Загрузка…
Отмена
Сохранить