first commit

This commit is contained in:
tierce 2021-06-24 12:42:43 +02:00
commit 3236fa4423
18 changed files with 685 additions and 0 deletions

88
box.html Normal file
View 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 daide avec votre <b>GNU/Linux</b> ? Nous pouvons vous aider vous ou votre
association.
Mises à jour, sauvegardes, imprimantes, carte didentité é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
View 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
View 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
View 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

File diff suppressed because one or more lines are too long

90
css/index.css Normal file
View 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
View 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

File diff suppressed because one or more lines are too long

98
css/style.css Normal file
View 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;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
images/map.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 246 KiB

BIN
images/zebras-favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

107
index.html Normal file
View 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 daide 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 didentité é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
View 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 daide avec votre <b>GNU/Linux</b> ? Nous pouvons vous aider vous ou votre association.
Mises à jour, sauvegardes, imprimantes, carte didentité é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>