commit 0fe6584ef4266776d69fc0f0f466b9fc8503401b Author: Adrien Bourmault Date: Thu May 5 11:14:36 2022 +0200 Initial commit diff --git a/electronic.jpg b/electronic.jpg new file mode 100644 index 0000000..7c397df Binary files /dev/null and b/electronic.jpg differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..199d550 Binary files /dev/null and b/favicon.png differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..2971414 --- /dev/null +++ b/index.php @@ -0,0 +1,247 @@ + + + + + + + + + + Adhérer - Libre en Communs + + + + + + + + + + + + + + + + +
+ +
+

+ + Libre en Communs + +

+

“Connaissance, partage, éducation et solidarité„

+
+
+ +
+
+ +Merci de votre demande d'adhésion !"; + echo "

Libre en Communs vous remercie de votre engagement. Vous recevrez la réponse à votre demande par courriel prochainement, accompagnée des instructions à suivre pour régler votre cotisation le cas échéant.


"; + } else { + + echo "

Adhérer à l'association Libre en Communs

"; + + echo '

Libre en Communs est une association reconnue d\'intêret général par l\'État, sous le régime fiscal du mécénat. Le champ d\'action de notre association a pour centre le Logiciel Libre tel que défini par la Free Software Foundation (Fondation pour le Logiciel Libre) et le projet GNU. Ainsi, nous nous donnons pour but de constituer une communauté solidaire autour du logiciel libre, des communs et leurs valeurs qui s\'étendent à celles de la recherche et du partage de la connaissance ainsi qu\'à l\'éducation populaire. Vous pouvez retrouver sur le site principal nos statuts et notre règlement intérieur, que vous vous engagez à respecter lors de votre adhésion.

'; + + echo "

"; + + echo "

Pour adhérer, merci de remplir le formulaire ci-dessous. Vous recevrez la confirmation de votre adhésion ainsi que les instructions pour effectuer le règlement de votre cotisation par courriel une fois le formulaire validé.

"; + + echo "

"; + + if(isset($_POST['captcha']) && $_POST['captcha'] != $_POST['captcha_value']) { + echo 'Échec de saisie du captcha, merci de recommencer votre saisie.
'; + } + + if(isset($_POST['mail']) && $_POST['mail'] != $_POST['mailconfirm']) { + echo 'Le courriel et sa confirmation diffèrent, merci de saisir à nouveau.
'; + } + + echo "
"; + echo "
"; + echo ""; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "
"; + + echo "

Un courriel est fourni par l’association à chacun de ses membres. C’est cette adresse qui sera contactée par l’association pour les invitations aux Assemblées Générales et toute information liée à l’association. Si vous ne comptez pas utiliser ce courriel, vous pouvez opter pour une redirection du courrier entrant à l’adresse que vous aurez choisie vers un mail personnel de votre de choix, en +remplissant le champ Redirection.

"; + + echo "

Nous proposons également à nos membre de posséder un compte sur notre serveur XMPP afin de faciliter la présence dans nos salons où se déroulent la majorité des activités des commissions et projets de l'association. Votre compte aura la même adresse que votre courriel@a-lec.org.


"; + + echo "
"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "
"; + + echo "

Les membres de plein droit versent une cotisation annuelle de 20€. Les personnes dont les ressources sont limitées peuvent bénéficier d’une réduction de 10€. Les membres sont libres d’augmenter ou diminuer le montant de leur cotisation chaque année.


"; + + echo "
"; + echo "

"; + echo ""; + echo ""; + echo "tarif normal (20€)"; + echo "tarif réduit (10€)"; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo ""; + echo "virement bancaire"; + echo "espèces"; + echo "chèque"; + echo ""; + echo "

"; + echo "

"; + echo ""; + echo "\"Captcha"; + echo ""; + echo "

"; + echo "
"; + + echo "

En cliquant sur Valider, j’atteste sur l’honneur que les informations précédemment renseignées sont exactes.

J’atteste sur l’honneur être âgé de 12 ans au moins.

Une autorisation parentale signée est nécessaire pour les mineurs adhérant. Vous pouvez l'envoyer par courriel à secretaire@a-lec.org


"; + + echo "
"; + echo "

"; + echo ""; + echo ""; + echo "

"; + echo "
"; + + echo "
"; + } +?> + +
+
+

Conformément à la Loi Informatique et Liberté, vous bénéficiez d’un droit d’accès et rectification des données personnelles vous concernant. Pour exercer ce droit, contactez secretaire@a-lec.org.

+ +
+ + +
+ + + + + + diff --git a/logo_a-lec.svg b/logo_a-lec.svg new file mode 100644 index 0000000..295df65 --- /dev/null +++ b/logo_a-lec.svg @@ -0,0 +1,1169 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..d94c45b --- /dev/null +++ b/styles.css @@ -0,0 +1,836 @@ + +/* +======================================================================== + Description : CSS stylesheet + Author : echolib & neox + Website : https://a-lec.org + License : AGPL +======================================================================== +*/ + +/* +======================================================================== + ROOT VARIABLES DOCUMENT +======================================================================== +*/ +:root { + --a-lec_blue: #00bdff; + --a-lec_red: #b11107; + --a-lec_yellow: #ecb41a; + --a-lec_black: #2d3842; + --a-lec_white: #fefff9; +} + +/* +======================================================================== + Reset all: + - Inherited properties to inherit value + - Non-inherited properties to initial value +======================================================================== +*/ +* { + all: unset; + -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ + -moz-box-sizing: border-box; /* Firefox, other Gecko */ + box-sizing: border-box; /* Opera/IE 8+ */ + text-decoration: none; +} + +/* +======================================================================== + Foundations +======================================================================== +*/ +title { + display: none; +} + +head { + display: none; +} + +style { + display:none; +} + +body { + color: var(--a-lec_black); + background: var(--a-lec_white); + font-family: sans-serif; + font-size: 100%; + text-align: justify; + text-justify: auto; + background: var(--a-lec_white); +} + +section#a-lec_page-wrapper { + display: flex; + margin: 0 25px; +} + +article, +aside { + margin: 7px; + background-color: var(--a-lec_white); + background-repeat: repeat; + padding: 10px; + min-height: 62vh; +} + +article { + flex-basis: 70%; +} + +aside { + margin: 10px; + flex-basis: 30%; +} + +p { + line-height: 26px; +} + +article ul { + line-height: 24px; +} + +/* +======================================================================== + HEADER / BANNER +======================================================================== +*/ + +header { + background: #2d4b63; /* old IE fallback */ + + background-attachment: fixed; + background-image: url(./electronic.jpg); + background-position: 0 0; + background-repeat: cover; + background-size: auto; +} + +#a-lec_banner, +#a-lec_footer { + display: flex; + height: auto; + width: auto; + padding: 20px 25px; +} + +#a-lec_site-logo img { + display: flex; + flex-direction: column; + align-items: start; + width: 160px; + height: 160px; + place-content: baseline center; +} + +#a-lec_site-logo a { + background-color: unset; + place-content: baseline center; +} + +#a-lec_site-titles { + display: flex; + flex-direction: column; + align-items: center; + place-content: baseline center; + text-align: center; +} + +#a-lec_site-titles h2 { + font-weight: normal; + color: #FFF; + font-size: 130%; + margin-top: 15px; +} + +#a-lec_site-name a { + color: #FFF; + font-weight: bold; + font-size: 300%; + padding-left: 50px; +} + +#a-lec_site-name a:hover { + background-color: unset; + font-weight: bold; + font-size: 300%; + background-color: unset; +} + + +/* +======================================================================== + FOOTER +======================================================================== +*/ + +footer { + background: #2d4b63; /* old IE fallback */ + + background-attachment: fixed; + background-image: url(./electronic.jpg); + background-position: 0 0; + background-repeat: cover; + background-size: auto; +} + +#a-lec_footer h1 { + font-size: 130%; + color: #FFF; + font-weight: bold; + margin-top: 0px; + margin-left: 0px; +} + +#a-lec_footer { + color: #FFF; + height: 100%; +} + +#a-lec_footer a { + color: var(--a-lec_yellow); +} + +#a-lec_footer a:hover { + color: #000; +} + +#a-lec_footer b { + color: var(--a-lec_blue); +} + +div#a-lec_copyright { + font-size: 90%; + flex-basis: 30%; + margin-left: -100px; + text-align: right; +} + +div#a-lec_infos { + flex-basis: 70%; + font-size: 100%; + margin: 0px 110px 0px 0px; +} +.a-lec_list-cr { + display: block; + margin: 0 0 5px 25px; +} + +/* +======================================================================== + SIDEBAR +======================================================================== +*/ + +aside#a-lec_sidebar { + padding-left: 40px; +} + +.a-lec_latest-posts { + color: var(--a-lec_yellow); + font-style: italic; +} + +.a-lec_list-post-title { + display: block; + padding: 15px; + background-color: var(--a-lec_yellow); + color: var(--a-lec_white); + font-weight: bold; + padding: 10px; + margin: 10px 0px 0px 0px; +} + +.a-lec_list-post-metas { + display: block; + padding: 15px; + background-color: #FDF1B8; + color: var(--a-lec_red);; + font-size: 80%; + padding: 10px; + font-weight: bold; +} + +.a-lec_list-post-info { + display: block; + background-color: #FDF1B8; + font-size: 80%; + padding: 10px; + padding-top: unset; + display: block; + color: var(--chalec_black); + font-weight: normal; + display: block; + font-size: 80%; + padding: 10px; + padding-top: unset; + display: block; +} + +.a-lec_list-post-link { + color: var(--a-lec_white); +} + +.a-lec_list-post-link:hover { + color: var(--a-lec_white); +} + +/* +======================================================================== + ARTICLE +======================================================================== +*/ + +/* + * Sticky Author Date +*/ +#a-lec_metas { + display: block; + background-color: var(--a-lec_yellow); + position: relative; + text-align: left; + float: right; + top: -10px; + padding: 5px; + font-size: 82%; + +} + +/* + * Basic texts +*/ +strong { + color: #454545; + font-weight: bold; +} + +b { + color: #676767; + font-weight: bold; +} + +i { + font-style: italic; +} + +abbr { + text-transform: uppercase; +} + +/* + * Lists +*/ +.a-lec_post-content li { + padding: 3px 0; +} + +.a-lec_list-1 { + display: block; +} + +.a-lec_list-2 { + display: block; + margin-left: 20px; +} + +.a-lec_list-3 { + display: block; + margin-left: 40px; +} + +.a-lec_list-ol li { + counter-increment: step-counter; +} + +.a-lec_list-ol .a-lec_list-1::before, +.a-lec_list-ol .a-lec_list-2::before, +.a-lec_list-ol .a-lec_list-3::before { + display: inline-block; + content: counter(step-counter) "."; + padding-left: 0px; + margin-right: 5px; + list-style-type: upper-roman; +} + +.a-lec_list-ol .a-lec_list-1::before { + color: var(--a-lec_red); +} + +.a-lec_list-ol .a-lec_list-2::before { + color: var(--a-lec_blue); +} + +.a-lec_list-ol .a-lec_list-3::before { + color: var(--a-lec_yellow); +} + +.a-lec_list-ul .a-lec_list-1::before, +.a-lec_list-ul .a-lec_list-2::before, +.a-lec_list-ul .a-lec_list-3::before { + display: inline-block; + content: "\2022"; + width: 10px; + padding-left: 5px; + margin-right: 5px; + font-weight: bold; +} + +.a-lec_list-ul .a-lec_list-1::before { + color: var(--a-lec_red); +} + +.a-lec_list-ul .a-lec_list-2::before { + color: var(--a-lec_blue); +} + +.a-lec_list-ul .a-lec_list-3::before { + color: var(--a-lec_yellow); +} + +/* + * Blockquotes +*/ +.a-lec_fgc-quote, +.a-lec_quote, +.a-lec_simple-quote { +} + +.a-lec_quote, +.a-lec_simple-quote { + + display: block; + font-style: italic; + margin: 25px 0px 0px 0px; + color: var(--a-lec_black); +} + +.a-lec_paragraph-2 { + display: block; + margin: 30px; +} + +.a-lec_quote p::before, +.a-lec_simple-quote p::before { + color: var(--a-lec_blue); + content: "“"; + font-size: 3rem; + margin-left: -30px; + margin-bottom: -30px; + display: block; +} + +.a-lec_quote p::after, +.a-lec_simple-quote p::after { + color: var(--a-lec_blue); + content: "„"; + font-size: 3rem; + margin-right: -35px; + margin-top: -35px; + display: block; + text-align: right; +} + +.a-lec_fgc-quote { + display: block; + margin: -20px 0px 20px 0px; + text-align: right; + padding-bottom: 3px; +} + +.a-lec_simple-quote { + padding-bottom: 3px; +} + +.a-lec_fgc-quote a { + display: inline-block; + background-color: var(--a-lec_yellow); + padding: 4px; + color: var(--a-lec_black); + margin-top: 5px; +} + +.a-lec_fgc-quote a:hover { + padding: 4px; +} + +/* + * Block-Codes +*/ +.a-lec_block-code { + display: block; + padding: 15px; + margin: 10px 30px 15px 10px; + background-color: #000; + color: #fff; + font-size: 88%; + padding: 10px; + margin: 30px 30px 30px 10px; + border: 3px solid var(--a-lec_blue); + border-radius: 10px; +} + +/* + * Inline-Codes +*/ +.a-lec_inline-code { + display: inline-block; + background-color: #000; + padding: 0 5px; + font-size: 89%; + color: #fff; +} + + +/* + * Links +*/ +a { + color: var(--a-lec_red); + padding: 0 2px; + font-weight: bold; + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; +} + +a:hover { + padding: 0 2px; + background-color: var(--a-lec_blue); + color: #000; + cursor: pointer; +} + +a:active { + text-decoration: underline; + cursor: progress; +} + +a.a-lec_file-link { + background-color: #FFF; +} + +a.a-lec_file-link:hover { + background-color: var(--a-lec_yellow); + color: #000; + cursor: pointer; +} + +/* + * Paragraphs +*/ +p.a-lec_paragraph { + display: block; + margin-top: 10px; + margin-bottom: 10px; +} + +div.a-lec_content-p1{ + display: block; +} + +div.a-lec_content-p2{ + display: block; +} + +div.a-lec_content-p3{ + display: block; +} + +div.a-lec_content-p4{ + display: block; +} + +div.a-lec_content-p5{ + display: block; +} + +div.a-lec_content-p6{ + display: block; +} + +/* +A-lec images +*/ +.a-lec_image_center { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; +} + +/* +======================================================================== + HEADINGS +======================================================================== +*/ +h1,h2,h3,h4,h5,h6 { + display: block; + color: #000; + font-weight: bold; +} + h1 { + font-size: 130%; + margin-top: 30px; + margin-bottom: 5px; + } + h2 { + font-size: 125%; + margin-top: 30px; + margin-bottom: 5px; + color: #454545; + } + h3 { + font-size: 120%; + margin-top: 30px; + margin-bottom: 5px; + color: #505050; + } + h4 { + font-size: 115%; + color: #606060; + } + h5 { + font-size: 110%; + color: #707070; + } + h6 { + font-size: 105%; + color: #808080; + } + +/* +======================================================================== + FORMs +======================================================================== +*/ + +.tableform { + margin-top: 20px; + display: table; + margin-left: auto; + margin-right: auto; + width: 80%; +} + +.tableform *{ + padding: 5px; + margin: 10px; + line-height: 20px; + text-justify: none; +} + +.tableform p { + display: table-row; +} + +.tableform label { + display: table-cell; + text-align: left; +} + +input[type=radio] { + all: revert; + margin-top: 20px; +} + +input[type=checkbox] { + all: revert; + margin-left: 15px; + text-align: left; +} + +.input-symbol-euro { + position: relative; + } + .input-symbol-euro { + margin-left: -5px; + padding-top: 0px; + } + + .input-symbol-euro::after { + position: absolute; + top: 0; + content:"€"; + font-size: 120%; +} + +.tableform .mode { + display: table-cell; +} + +.tableform .renseignements { + display: table-cell; + border-bottom: 2px solid lightgrey; + border-radius: 3px; + background-color: whitesmoke; + padding: 5px; + color: black; + width: 100%; +} + +.tableform .renseignements:focus { + border-bottom: 2px solid var(--a-lec_blue); + border-radius: 3px; + background-color: aliceblue; +} + +.tableform .validation { + background-color: var(--a-lec_blue); + box-shadow: 3px 3px 5px grey; + color: white; + font-weight: bold; + border: none; + cursor: pointer; + float: right; + margin-bottom: -10px; + margin-top: 15px; +} + +.tableform .validation:focus { + display: table-cell; + background-color: var(--a-lec_red); + color: white; + font-weight: bold; + cursor: pointer; + box-shadow: none; +} + +.tableform p img { + all: unset; + margin-top: 20px; + margin-left: 10px; + width: 30vh; +} + +/* +======================================================================== + LITTLE SCREENS +======================================================================== +*/ + +@media screen and (max-width: 1100px) { + .mode_radio { + display: block; + } + + .mode_radio span { + display: block; + } + + form { + margin-right: auto; + margin-left: auto; + width: 50%; + } +} + + +@media screen and (max-width: 700px) { + + section#a-lec_page-wrapper { + display: block; + margin: 10px 25px; + } + + aside#a-lec_sidebar { + background: none; + padding-left: 40px; + } + + .a-lec_latest-posts { + margin-left: -35px; + } + + div#a-lec_metas { + margin: 0px -10px 0px 0px; + } + + article { + margin-top: 20px; + } + + article#a-lec_index { + margin-top: -10px; + } + + #a-lec_footer { + display: block; + padding: 5px; + } + + #a-lec_footer .a-lec_paragraph{ + margin-bottom: 30px; + font-size: 90%; + border: 2px solid var(--a-lec_blue); + border-top : unset; + border-left: unset; + border-right: unset; + padding: 15px; + } + + #a-lec_footer h1 { + margin-top: 10px; + font-size: 115%; + padding: 15px; + margin-bottom: -20px; + font-size: 120% + } + + #a-lec_footer li { + text-align: center; + } + + #a-lec_banner, + #a-lec_footer { + display: block; + } + + #a-lec_site-logo img { + all: unset; + display: inline-block; + width: 100%; + height: 12vh; + } + + #a-lec_site-name a { + margin-top: -30px; + margin-bottom: -20px; + position: relative; + float: left; + font-size: 3rem; + padding-left: 0px; + } + + #chalec_site-titles h2 { + font-weight: normal; + color: var(--chalec_white); + font-size: 130%; + margin-top: 15px; + margin-bottom: 5px; + } + + + #a-lec_site-name a:hover { + float: left; + font-size: 3rem; + } + + #a-lec_site-description { + all: unset; + margin-top: 15px; + position: relative; + float: left; + font-size: 1rem; + text-align: center; + } + + p { + line-height: 28px; + } + +} +