first commit
This commit is contained in:
tierce
commit
3236fa4423
88
box.html
Normal file
88
box.html
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="proute.css">
|
||||
<title>gnuragist.es</title>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div class="pure-g">
|
||||
|
||||
<div class="pure-u-1-1">GNUragistes !</div>
|
||||
|
||||
<div class="pure-u-1-1">Support Gnu/Linux - Réanimistes d'ordinateurs libres</div>
|
||||
|
||||
<div class="pure-u-1-2 pure-u-sm-1-1">
|
||||
|
||||
<p>
|
||||
Un soucis, des questions, besoin d’aide avec votre <b>GNU/Linux</b> ? Nous pouvons vous aider vous ou votre
|
||||
association.
|
||||
Mises à jour, sauvegardes, imprimantes, carte d’identité électronique, installation de votre serveur personnel
|
||||
ou
|
||||
associatif sur base de Yunohost (Mail, Nextcloud, Agendas, Contacts, Dokuwiki, …)
|
||||
</p>
|
||||
<p>Devenez membres à prix libre.</p>
|
||||
<p> Versement mensuel souhaité.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="pure-u-1-2 pure-u-sm-1-1">
|
||||
|
||||
Au Hacklab <br />
|
||||
Avenue Princesse Elisabeth 46 <br />
|
||||
1030 Schaerbeek <br />
|
||||
<br />
|
||||
IBAN: BE63 5230 8118 2308<br />
|
||||
BIC: TRIOBEBB<br />
|
||||
<br />
|
||||
|
||||
C'est maGNUfique! <br />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="pure-u-1-1">
|
||||
En semaine, la journée, le soir ou le week-end
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1-1">help@gnuragist.es - 0466/47.25.33</div>
|
||||
|
||||
<div class="pure-u-1-1">
|
||||
<p>
|
||||
gnuragist.es,
|
||||
les gentil·le·s desrangé·e·s,
|
||||
enragé·e·s du logiciel Libre,
|
||||
dédient quelques moments
|
||||
</p>
|
||||
<p>
|
||||
à vous pointer
|
||||
sur les dangers
|
||||
des mafias gafam,
|
||||
</p>
|
||||
<p>
|
||||
à prendre des résolutions,
|
||||
à chercher des vraies solutions,
|
||||
en plus, sans trop dépenser.
|
||||
</p>
|
||||
<p>
|
||||
juste de questionner,
|
||||
pourquoi autant de fortuné·e·s,
|
||||
sollicitent avec passion,
|
||||
votre temps et vos données.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1-1">
|
||||
<img src="images/map.png" width="100%" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
33
css/balises.css
Normal file
33
css/balises.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
*{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
font-family: OpenDyslexic;
|
||||
font-size: 15pt;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 4vw;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding-bottom: -0.5vw;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: rgb(177, 177, 177);
|
||||
}
|
||||
|
||||
img {
|
||||
grid-column: 2;
|
||||
grid-row: 4;
|
||||
}
|
||||
9
css/fonts.css
Normal file
9
css/fonts.css
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
@font-face {
|
||||
font-family: "OpenDyslexic";
|
||||
src: url("./fonts/OpenDyslexic-Regular.eot");
|
||||
src: url("./fonts/OpenDyslexic-Regular.woff") format("woff"),
|
||||
url("./fonts/OpenDyslexic-Regular.ttf") format("truetype"),
|
||||
url("./fonts/OpenDyslexic-Regular.svg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
148
css/gnuragist.css
Normal file
148
css/gnuragist.css
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
/* fonts */
|
||||
@font-face
|
||||
{
|
||||
font-family: "OpenDyslexic";
|
||||
src: url("../fonts/OpenDyslexic-Regular.eot");
|
||||
src: url("../fonts/OpenDyslexic-Regular.woff") format("woff"),
|
||||
url("../fonts/OpenDyslexic-Regular.ttf") format("truetype"),
|
||||
url("../fonts/OpenDyslexic-Regular.svg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* common html tags */
|
||||
body
|
||||
{
|
||||
background-color: #0F0F0F;
|
||||
font-family: OpenDyslexic;
|
||||
color: darkturquoise;
|
||||
max-width: 85%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 1rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
ul
|
||||
{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
min-height: 8vh;
|
||||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
list-style: none;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
li a,
|
||||
a
|
||||
{
|
||||
text-decoration: none;
|
||||
color: lightgreen;
|
||||
}
|
||||
|
||||
h1
|
||||
{
|
||||
font-size: 4rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
font-size: 3rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
font-size: 2rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
hr
|
||||
{
|
||||
border: 0.3rem solid grey;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
max-width: 50%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 2rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* classes */
|
||||
|
||||
.right
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.left
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.footer
|
||||
{
|
||||
color: magenta;
|
||||
}
|
||||
|
||||
.white
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* for smaller screens transformations */
|
||||
@media (max-width: 1024px)
|
||||
{
|
||||
/* common html tags */
|
||||
body
|
||||
{
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
h1
|
||||
{
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
max-width: 90%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 2rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
7
css/grids-responsive-min.css
vendored
Normal file
7
css/grids-responsive-min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
90
css/index.css
Normal file
90
css/index.css
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/** @format */
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenDyslexic";
|
||||
src: url("./fonts/OpenDyslexic-Regular.eot");
|
||||
src: url("./fonts/OpenDyslexic-Regular.woff") format("woff"),
|
||||
url("./fonts/OpenDyslexic-Regular.ttf") format("truetype"),
|
||||
url("./fonts/OpenDyslexic-Regular.svg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
font-family: OpenDyslexic;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr 1fr 1fr;
|
||||
|
||||
/* grid-auto-rows: auto; */
|
||||
grid-template-rows: min(50px, min-content);
|
||||
grid-gap: 30px;
|
||||
|
||||
font-size: 15pt;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
||||
font-size: 4vw;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding-bottom: -0.5vw;
|
||||
}
|
||||
|
||||
.chat {
|
||||
font-size: 3vw;
|
||||
|
||||
color: red;
|
||||
|
||||
grid-column: 4;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.fr {
|
||||
border: 0.2vw solid grey;
|
||||
|
||||
grid-column: 3;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.sb {
|
||||
grid-column: 3;
|
||||
grid-row: 5;
|
||||
}
|
||||
|
||||
|
||||
.big {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0.2vw solid grey;
|
||||
padding-left: 0.5vw;
|
||||
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.sa {
|
||||
grid-column: 3;
|
||||
grid-row: 4;
|
||||
}
|
||||
|
||||
p {
|
||||
color: rgb(177, 177, 177);
|
||||
}
|
||||
|
||||
img {
|
||||
grid-column: 2;
|
||||
grid-row: 4;
|
||||
}
|
||||
|
||||
poeme {
|
||||
float: left;
|
||||
}
|
||||
18
css/new.css
Normal file
18
css/new.css
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
@import "fonts.css";
|
||||
@import "balises.css";
|
||||
|
||||
#boxContainerContainer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#boxContainer {
|
||||
display:inline-block;
|
||||
margin: 0px auto 10px auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#box1,
|
||||
#box2,
|
||||
#box3 {
|
||||
display: inline-block;
|
||||
}
|
||||
11
css/pure-min.css
vendored
Normal file
11
css/pure-min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
98
css/style.css
Normal file
98
css/style.css
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
@font-face {
|
||||
font-family: "OpenDyslexic";
|
||||
src: url("./fonts/OpenDyslexic-Regular.eot");
|
||||
src: url("./fonts/OpenDyslexic-Regular.woff") format("woff"),
|
||||
url("./fonts/OpenDyslexic-Regular.ttf") format("truetype"),
|
||||
url("./fonts/OpenDyslexic-Regular.svg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
article, section, aside, hgroup, nav, header, footer, figure, figcaption {
|
||||
display: block;
|
||||
}
|
||||
|
||||
*{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
|
||||
background-color: black;
|
||||
font-family: OpenDyslexic;
|
||||
|
||||
font-size: 15pt;
|
||||
color: white;
|
||||
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width: 990px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
header {
|
||||
height: 130px;
|
||||
}
|
||||
aside {
|
||||
width: 245px;
|
||||
float: left;
|
||||
}
|
||||
#content {
|
||||
width: 500px;
|
||||
float: left;
|
||||
}
|
||||
#rightsidebar {
|
||||
width: 245px;
|
||||
float: left;
|
||||
}
|
||||
footer {
|
||||
height: 50px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 4vw;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding-bottom: -0.5vw;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: rgb(177, 177, 177);
|
||||
}
|
||||
|
||||
img {
|
||||
grid-column: 2;
|
||||
grid-row: 4;
|
||||
}
|
||||
|
||||
.poeme {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fr {
|
||||
border: 0.2vw solid grey;
|
||||
}
|
||||
|
||||
|
||||
.big {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0.2vw solid grey;
|
||||
padding-left: 0.5vw;
|
||||
}
|
||||
|
||||
#boxContainerContainer {
|
||||
background: #fdd;
|
||||
text-align: center;
|
||||
}
|
||||
BIN
fonts/OpenDyslexic-Regular.eot
Normal file
BIN
fonts/OpenDyslexic-Regular.eot
Normal file
Binary file not shown.
BIN
fonts/OpenDyslexic-Regular.otf
Normal file
BIN
fonts/OpenDyslexic-Regular.otf
Normal file
Binary file not shown.
BIN
fonts/OpenDyslexic-Regular.ttf
Normal file
BIN
fonts/OpenDyslexic-Regular.ttf
Normal file
Binary file not shown.
BIN
fonts/OpenDyslexic-Regular.woff
Normal file
BIN
fonts/OpenDyslexic-Regular.woff
Normal file
Binary file not shown.
BIN
images/map.png
Normal file
BIN
images/map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 246 KiB |
BIN
images/zebras-favicon.png
Normal file
BIN
images/zebras-favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
images/zebras-sans-G-blanc.png
Normal file
BIN
images/zebras-sans-G-blanc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
107
index.html
Normal file
107
index.html
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="keywords" content="support gnu/linux, bruxelles, logiciels libres, collectif">
|
||||
<title>gnuragist.es</title>
|
||||
<link href="css/gnuragist.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="shortcut icon" href="images/zebras-favicon.png" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>
|
||||
GNUragistes !</h1>
|
||||
|
||||
<h2>
|
||||
Support Gnu/Linux - Réanimistes d'ordinateurs libres</h2>
|
||||
|
||||
<hr>
|
||||
|
||||
<h3>
|
||||
help@gnuragist.es - 0466/47.25.33</h3>
|
||||
|
||||
<div>
|
||||
|
||||
<img src="images/zebras-sans-G-blanc.png" class="right" alt="Logo en tête de zèbre"></a>
|
||||
|
||||
<p>
|
||||
gnuragistes,<br />
|
||||
les gentil·le·s desrangé·e·s,<br />
|
||||
enragé·e·s du logiciel Libre,<br />
|
||||
dédient quelques moments</p>
|
||||
|
||||
<p>
|
||||
à vous pointer<br />
|
||||
sur les dangers<br />
|
||||
des mafias gafam,</p>
|
||||
|
||||
<p>
|
||||
à prendre des résolutions,<br />
|
||||
à chercher des vraies solutions,<br />
|
||||
en plus, sans trop dépenser.</p>
|
||||
|
||||
<p>
|
||||
juste de questionner,<br />
|
||||
pourquoi autant de fortuné·e·s,<br />
|
||||
sollicitent avec passion,<br />
|
||||
votre temps et vos données.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div>
|
||||
|
||||
<p>
|
||||
Un soucis, des questions, besoin d’aide avec votre <a href="https://fr.wikipedia.org/wiki/GNU/Linux" target="_blank">GNU/Linux</a> ? Nous pouvons vous aider vous ou votre association.
|
||||
Mises à jour, sauvegardes, imprimantes, carte d’identité électronique, installation de votre serveur personnel ou
|
||||
associatif sur base de <a href="https://yunohost.org">Yunohost</a> (Mail, <a href="https://fr.wikipedia.org/wiki/Nextcloud" target="_blank">Nextcloud</a>, Agendas, Contacts, <a href="https://fr.wikipedia.org/wiki/DokuWiki" target="_blank">Dokuwiki</a>,…)</p>
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div>
|
||||
|
||||
<a href="https://www.openstreetmap.org/way/228420463" target="_blank">
|
||||
<img src="images/map.png" class="right" alt="Carte de Schaerbeek"></a>
|
||||
|
||||
<p>
|
||||
Au <a href="https://hacklab.brussels/" target="_blank">Hacklab</a><br />
|
||||
Avenue Princesse Elisabeth 46 <br />
|
||||
1030 Schaerbeek</p>
|
||||
|
||||
<p class="white">
|
||||
Devenez membres à prix libre.<br />
|
||||
Versement mensuel souhaité.<br />
|
||||
IBAN: BE63 5230 8118 2308<br />
|
||||
BIC: TRIOBEBB</p>
|
||||
|
||||
<p>
|
||||
En semaine, la journée, le soir ou le week-end</p>
|
||||
|
||||
<p>
|
||||
C'est maGNUfique!</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
Copyleft - 2021 -
|
||||
<a href="https://wiki.gnuragist.es" target="_blank" class="footer">
|
||||
Wiki</a> -
|
||||
<a href="https://git.gnuragist.es" target="_blank" class="footer">
|
||||
Git</a> -
|
||||
<a href="https://mamifere.gnuragist.es" target="_blank" class="footer">
|
||||
Webmail</a> -
|
||||
<a href="https://doc.gnuragist.es" target="_blank" class="footer">
|
||||
Pads</a> -
|
||||
<a href="https://ps.zoethical.org/c/ps/gnuragistes/130" target="_blank" class="footer">
|
||||
Forum</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
76
test.html
Normal file
76
test.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>gnuragist.es</title>
|
||||
<link href="css/new.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>GNUragistes!</h1>
|
||||
<p class="fr">Support Gnu/Linux - Réanimistes d'ordinateurs libres</p>
|
||||
</header>
|
||||
|
||||
<div id="boxContainerContainer">
|
||||
<div id="boxContainer">
|
||||
<div id="box1">
|
||||
<p>
|
||||
gnuragist.es,
|
||||
les gentil·le·s desrangé·e·s,
|
||||
enragé·e·s du logiciel Libre,
|
||||
dédient quelques moments
|
||||
</p>
|
||||
<p>
|
||||
à vous pointer
|
||||
sur les dangers
|
||||
des mafias gafam,
|
||||
</p>
|
||||
<p>
|
||||
à prendre des résolutions,
|
||||
à chercher des vraies solutions,
|
||||
en plus, sans trop dépenser.
|
||||
</p>
|
||||
<p>
|
||||
juste de questionner,
|
||||
pourquoi autant de fortuné·e·s,
|
||||
sollicitent avec passion,
|
||||
votre temps et vos données.
|
||||
</p>
|
||||
</div>
|
||||
<div id="box2">
|
||||
<p>
|
||||
Un soucis, des questions, besoin d’aide avec votre <b>GNU/Linux</b> ? Nous pouvons vous aider vous ou votre association.
|
||||
Mises à jour, sauvegardes, imprimantes, carte d’identité électronique, installation de votre serveur personnel ou
|
||||
associatif sur base de Yunohost (Mail, Nextcloud, Agendas, Contacts, Dokuwiki, …)
|
||||
</p>
|
||||
<p>
|
||||
<b>Devenez membres à prix libre.</b>
|
||||
</p>
|
||||
<p> Versement mensuel souhaité.</p>
|
||||
</div>
|
||||
<div id="box3">
|
||||
Au Hacklab <br/>
|
||||
Avenue Princesse Elisabeth 46 <br/>
|
||||
1030 Schaerbeek <br/>
|
||||
<br/>
|
||||
IBAN: BE63 5230 8118 2308<br/>
|
||||
BIC: TRIOBEBB<br/>
|
||||
<br/>
|
||||
|
||||
C'est maGNUfique! <br/>
|
||||
|
||||
En semaine, la
|
||||
journée, le soir ou le
|
||||
week-end
|
||||
|
||||
<p>help@gnuragist.es - 0466/47.25.33</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user