commit f145a0670af7d20c1db3961b084b65a364e765c9 Author: Adrian Gaudebert Date: Wed May 10 15:21:31 2017 +0200 First commit, basic web page. Added a basic web page with links to our hosted services and a short description. diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..95592e5 --- /dev/null +++ b/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%; +} diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..39cf8f0 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/img/freshrss.png b/img/freshrss.png new file mode 100644 index 0000000..7b2f236 Binary files /dev/null and b/img/freshrss.png differ diff --git a/img/mastodon.png b/img/mastodon.png new file mode 100644 index 0000000..956f8fc Binary files /dev/null and b/img/mastodon.png differ diff --git a/img/owncloud.png b/img/owncloud.png new file mode 100644 index 0000000..e13a9cb Binary files /dev/null and b/img/owncloud.png differ diff --git a/img/piwik.png b/img/piwik.png new file mode 100644 index 0000000..6b80b2d Binary files /dev/null and b/img/piwik.png differ diff --git a/img/wallabag.png b/img/wallabag.png new file mode 100644 index 0000000..715939c Binary files /dev/null and b/img/wallabag.png differ diff --git a/img/wekan.png b/img/wekan.png new file mode 100644 index 0000000..f57956d Binary files /dev/null and b/img/wekan.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..4598345 --- /dev/null +++ b/index.html @@ -0,0 +1,76 @@ + + + + + C'est le délire ce soir ! + + + + + + +
+

Le Délire !

+
+ +
+

+ 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. +

+
+ +
+

Services proposés

+ +
+ + + +