summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorpolo <ordipolo@gmx.fr>2026-11-03 13:48:08 +0100
committerpolo <ordipolo@gmx.fr>2026-11-03 13:48:08 +0100
commita3a2b7d224b89bba5314f92aa6d6e056e4ae45ad (patch)
treed3b9cd911e831d56eb9b1a178266d27b06a78c0b
downloadordipolo-a3a2b7d224b89bba5314f92aa6d6e056e4ae45ad.tar.gz
ordipolo-a3a2b7d224b89bba5314f92aa6d6e056e4ae45ad.tar.bz2
ordipolo-a3a2b7d224b89bba5314f92aa6d6e056e4ae45ad.zip
nouveau dépôt, MAJ script matomoHEADmaster
Diffstat
-rw-r--r--contact-post.php96
-rw-r--r--contact.php102
-rw-r--r--images/SAP.pngbin0 -> 142628 bytes
-rw-r--r--images/contact.pngbin0 -> 2882 bytes
-rw-r--r--images/favicon.icobin0 -> 5686 bytes
-rw-r--r--images/favicon.pngbin0 -> 928 bytes
-rw-r--r--images/logo-reparacteurs.jpgbin0 -> 5611 bytes
-rw-r--r--images/logo.pngbin0 -> 81428 bytes
-rw-r--r--images/moi.jpgbin0 -> 9064 bytes
-rwxr-xr-ximages/mouette.jpgbin0 -> 7289 bytes
-rw-r--r--images/oneline.jpgbin0 -> 53096 bytes
-rw-r--r--images/ordipolo.pngbin0 -> 57420 bytes
-rw-r--r--images/repart-acteurs.pngbin0 -> 247747 bytes
-rw-r--r--images/sakura.pngbin0 -> 4686 bytes
-rw-r--r--index.php247
-rw-r--r--infos.php73
-rw-r--r--julian/formule.pngbin0 -> 11011 bytes
-rw-r--r--julian/maths.html32
-rw-r--r--julian/polygones.pngbin0 -> 10340 bytes
-rw-r--r--kiffe.php96
-rw-r--r--matomo.php19
-rw-r--r--menu.php10
-rw-r--r--ordipolo.css326
23 files changed, 1001 insertions, 0 deletions
diff --git a/contact-post.php b/contact-post.php
new file mode 100644
index 0000000..6d6f19d
--- /dev/null
+++ b/contact-post.php
@@ -0,0 +1,96 @@
1<?php
2session_start(); // pour reremplir le formulaire en cas d'échec à l'envoi
3$_SESSION['adresse'] = $_POST['adresse'];
4$_SESSION['contenu'] = $_POST['contenu'];
5
6if (isset($_POST['captcha']))
7{
8 if ($_POST['captcha'] == 21)
9 {
10 if (isset ($_POST['adresse']) AND isset ($_POST['contenu']))
11 {
12 if ($_POST['adresse'] != '' AND $_POST['contenu'] != '')
13 {
14 // convertir les caractères spéciaux en leur équivalent HTML
15 //$adresse = htmlentities($_POST['adresse']);
16 $adresse = $_POST['adresse'];
17 //$contenu = htmlentities($_POST['contenu']);
18 $contenu = $_POST['contenu'];
19
20 if (filter_var($adresse, FILTER_VALIDATE_EMAIL))
21 {
22 $destinataire = 'contact@ordipolo.fr';
23 $sujet = 'message de ' . htmlspecialchars($adresse) . ' envoyé depuis le site';
24
25 // On filtre les serveurs qui rencontrent des bogues.
26 /*if (!preg_match("#^[a-z0-9._-]+@(hotmail|live|msn).[a-z]{2,4}$#", $destinataire))
27 {
28 $passage_ligne = "\r\n";
29 }
30 else
31 {
32 $passage_ligne = "\n";
33 }*/
34 $passage_ligne = "\r\n";
35
36 //$contenu = htmlspecialchars($contenu);
37
38 echo $passage_ligne;
39
40 // En-tête
41 //$boundary = "-----=" . md5(rand());
42
43 $header = 'From: siteweb <' . $adresse . '>' . $passage_ligne; // expéditeur
44 $header .= 'Reply-to: ' . $adresse . ' <' . $adresse . '>' . $passage_ligne; // réponse
45 $header .= 'Return-path : ' . $adresse . ' <' . $adresse . '>' . $passage_ligne; // retour en cas d'erreur
46 $header .= 'MIME-Version: 1.0' . $passage_ligne;
47 $header .= 'Content-type: text/plain; charset=utf-8 boundary=\"' . $boundary . '\"' . $passage_ligne;
48
49 // message
50 //$message = $passage_ligne."--".$boundary.$passage_ligne;
51 //$message .= "Content-Transfer-Encoding: 8bit".$passage_ligne;
52 $message .= $passage_ligne . $contenu . $passage_ligne;
53 //$message .= $passage_ligne."--".$boundary.$passage_ligne;
54
55 echo $destinataire;
56 echo "<br/>";
57 echo $sujet;
58 echo "<br/>";
59 echo $message;
60 echo "<br/>";
61 echo $header;
62
63 // Envoi
64 mail($destinataire, $sujet, $message, $header);
65
66 // envoi réussi, on peut nettoyer
67 unset ($_SESSION['adresse']);
68 unset ($_SESSION['contenu']);
69
70 header('Location: contact.php?erreur=0');
71 }
72 else
73 {
74 header('Location: contact.php?erreur=1');
75 }
76 }
77 else
78 {
79 header('Location: contact.php?erreur=1');
80 }
81 }
82 else
83 {
84 header('Location: contact.php?erreur=1');
85 }
86 }
87 else
88 {
89 header('Location: contact.php?erreur=2');
90 }
91}
92else
93{
94 header('Location: contact.php?erreur=2');
95}
96?>
diff --git a/contact.php b/contact.php
new file mode 100644
index 0000000..c623b59
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,102 @@
1<?php
2// reremplir le formulaire en cas d'échec à l'envoi
3session_start();
4if(isset($_SESSION['contenu']))
5{
6 $contenu = $_SESSION['contenu'];
7}
8else
9{
10 $contenu = '';
11}
12if(isset($_SESSION['adresse']))
13{
14 $adresse = $_SESSION['adresse'];
15}
16else
17{
18 $adresse = '';
19}
20?>
21<!DOCTYPE html>
22<html lang="fr">
23 <head>
24 <!-- pour pouvoir envoyer un mail html, l'en-tête content-type doit être présente -->
25 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
26 <title>Contacter Ordipolo</title>
27 <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
28 <link rel="icon" type="image/png" href="images/favicon.png">
29 <link rel="stylesheet" href="ordipolo.css">
30 <meta name="description" content="Contacter Ordipolo.">
31 <meta name="viewport" content="width=device-width">
32 <style>
33 i{color: red;} /* messages d'erreur */
34 article p{margin: 0px;}
35 article{margin-bottom: 20px;}
36 @media screen and (max-width: 750px){aside{display: none;}}
37 </style>
38 <?php include("matomo.php"); ?>
39 </head>
40
41 <body>
42 <div id="bloc_page">
43 <header>
44<?php $actuelle = "contact"; ?>
45<?php include("menu.php"); ?>
46
47 <p><a href="index.php">
48 <img id="logohaut" src="images/logo.png" alt="ordipolo">
49 <img id="logotitre" src="images/ordipolo.png" alt="ordipolo">
50 </a></p>
51 </header>
52
53 <section>
54 <aside>
55 <p><img class="photo" src="images/moi.jpg" alt="ordipolo dépannage informatique"></p>
56 <p>Paul Jusot</p>
57 <p><img src="images/contact.png" alt="un problème d'affichage, rechargez la page"></p>
58 </aside>
59
60 <article>
61 <form method="post" action="contact-post.php">
62 <p><label for="email" >Votre adresse électronique :</label><br>
63 <input required type="email" id="email" name="adresse" size="30" placeholder="mon-adresse@email.fr" value="<?= $adresse ?>"></p>
64 <p><label for="message" >Votre message :</label><br>
65 <textarea required id="message" name="contenu"><?= $contenu ?></textarea></p><?= $contenu ?></textarea></p>
66
67 <!-- captcha anti-spam -->
68 <p>Montrez que vous n'êtes pas un robot.<br>
69 <label for="captcha" >Combien fait 3 multiplié par 7</label>
70 <input required type="text" id="captcha" name="captcha" size="1"></p>
71
72 <p><input type="submit" name="submit" value="Envoyer votre message"></p>
73
74<?php
75// messages d'erreur
76if (isset($_GET['erreur']))
77{
78 if ($_GET['erreur'] == 2)
79 {
80 echo ('<i>Veuillez donner le résultat de l\'opération s\'il vous plaît..</i>');
81 }
82 else if ($_GET['erreur'] == 1)
83 {
84 echo ('<i>Erreur d\'envoi: Veuillez indiquer une adresse e-mail valide et écrire un message.</i>');
85 }
86 elseif ($_GET['erreur'] == 0)
87 {
88 echo ('<i>Votre message à bien été envoyé.</i>');
89 }
90 else
91 {}
92}
93else
94{}
95?>
96 </form>
97 </article>
98 </section>
99 </div>
100 <!--<script src="detecteur.js"></script>-->
101 </body>
102</html>
diff --git a/images/SAP.png b/images/SAP.png
new file mode 100644
index 0000000..966d279
--- /dev/null
+++ b/images/SAP.png
Binary files differ
diff --git a/images/contact.png b/images/contact.png
new file mode 100644
index 0000000..1493718
--- /dev/null
+++ b/images/contact.png
Binary files differ
diff --git a/images/favicon.ico b/images/favicon.ico
new file mode 100644
index 0000000..e508eae
--- /dev/null
+++ b/images/favicon.ico
Binary files differ
diff --git a/images/favicon.png b/images/favicon.png
new file mode 100644
index 0000000..09300a5
--- /dev/null
+++ b/images/favicon.png
Binary files differ
diff --git a/images/logo-reparacteurs.jpg b/images/logo-reparacteurs.jpg
new file mode 100644
index 0000000..8cc3954
--- /dev/null
+++ b/images/logo-reparacteurs.jpg
Binary files differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..2976a9c
--- /dev/null
+++ b/images/logo.png
Binary files differ
diff --git a/images/moi.jpg b/images/moi.jpg
new file mode 100644
index 0000000..6d9ccb6
--- /dev/null
+++ b/images/moi.jpg
Binary files differ
diff --git a/images/mouette.jpg b/images/mouette.jpg
new file mode 100755
index 0000000..79b1110
--- /dev/null
+++ b/images/mouette.jpg
Binary files differ
diff --git a/images/oneline.jpg b/images/oneline.jpg
new file mode 100644
index 0000000..75b1955
--- /dev/null
+++ b/images/oneline.jpg
Binary files differ
diff --git a/images/ordipolo.png b/images/ordipolo.png
new file mode 100644
index 0000000..03cdd07
--- /dev/null
+++ b/images/ordipolo.png
Binary files differ
diff --git a/images/repart-acteurs.png b/images/repart-acteurs.png
new file mode 100644
index 0000000..bccbc42
--- /dev/null
+++ b/images/repart-acteurs.png
Binary files differ
diff --git a/images/sakura.png b/images/sakura.png
new file mode 100644
index 0000000..923cbe3
--- /dev/null
+++ b/images/sakura.png
Binary files differ
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..c9e9f58
--- /dev/null
+++ b/index.php
@@ -0,0 +1,247 @@
1<!DOCTYPE html>
2<html lang="fr">
3 <head>
4 <meta charset="utf-8">
5 <title>ORDIPOLO dépannage informatique et assistance à domicile</title>
6 <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
7 <link rel="icon" type="image/png" href="images/favicon.png">
8 <link rel="stylesheet" href="ordipolo.css">
9 <meta name="description" content="Ordipolo assistance informatique à domicile et réparation d'ordinateurs windows et linux. Services à la personne sur Quimper 29.">
10 <meta name="viewport" content="width=device-width"> <!-- empêche certains navigateurs de faire un dézoom -->
11 <?php include("matomo.php"); ?>
12 </head>
13
14 <body>
15 <div id="bloc_page">
16 <?php /* echo $_SERVER['HTTP_REFERER'] . "\n"; */ ?>
17 <header>
18 <?php $actuelle = "accueil"; ?>
19 <?php include("menu.php"); ?>
20
21 <div>
22 <img id="logohaut" src="images/logo.png" alt="ordipolo dépannage informatique Quimper">
23 <img id="logotitre" src="images/ordipolo.png" alt="ordipolo dépannage informatique Quimper">
24 </div>
25 </header>
26
27 <section style="justify-content: space-around;">
28 <aside>
29 <p><img class="photo" src="images/moi.jpg" alt="ordipolo"></p>
30 <p>Paul Jusot</p>
31 <p><img src="images/contact.png" alt="un problème d'affichage, rechargez la page"></p>
32 </aside>
33
34 <div id="description">
35 <p>J'interviens pour réparer votre ordinateur et vous aider à vous en servir.</p>
36 <ul>
37 <li>Rendre votre ordinateur plus facile à utiliser</li>
38 <li>Maintenance courante, nettoyage, optimisation</li>
39 <li>Diagnostic et dépannage</li>
40 <li>Installation d'un nouvel ordinateur, d'une imprimante, etc.</li>
41 <li>Sauvegarde et récupération de données</li>
42 <li>Utilisations de logiciels libres</li>
43 <li>Configuration plus respectueuse de votre vie privée<br>
44 <i>(attention: protection de sa vie privée et facilité d'utilisation sont rarement compatibles)</i></li>
45 <li>Remise en route de votre ordinosaure</li>
46 <li>Poste de travail sous Linux adapté à votre machine et à vos besoins</li>
47 </ul>
48 </div>
49 </section>
50
51 <section id="prestations">
52 <div>
53 <h3><a href="#assistance">Assistance à domicile</a></h3>
54 <h3><a href="#cours">Cours</a></h3>
55 <h3><a href="#depannage">Dépannage</a></h3>
56 <h3><a href="#installation">Mise en service</a></h3>
57 <h3><a href="#securite">Pack sécurité et vie privée</a></h3>
58 </div>
59 </section>
60
61 <h1>Services à la personne</h1>
62 <section>
63 <p>Régler par CESU et bénéficiez <strong>d'un crédit d'impôt de 50% !</strong><br>
64 Depuis le 1er janvier 2017, il n'est plus nécessaire d'être imposable pour en bénéficier.<br>
65 Cliquez sur le logo "services à la personne" pour plus d'informations.</p>
66 <p><a href="infos.php"><img src="images/SAP.png" alt="logo SAP" style="width: 130px;"></a></p>
67 </section>
68
69 <h1 id="tarifs">Tarification</h1>
70 <section>
71 <table>
72 <caption><span>Prestations réglées par CESU</span><br>
73 <i>avec crédit d'impôt de 50% l'année suivante</i></caption>
74 <tr>
75 <td>assistance à domicile</td>
76 <td>30€/heure</td>
77 </tr>
78 <tr>
79 <td>cours</td>
80 <td>20€/heure</td>
81 </tr>
82 <tr>
83 <td>dépannage</td>
84 <td>50€ ou 60€ ou 70€</td>
85 </tr>
86 <tr>
87 <td>mise en service</td>
88 <td>50€</td>
89 </tr>
90 <tr>
91 <td>pack sécurité et vie privée</td>
92 <td>70€</td>
93 </tr>
94 <tr>
95 <td>déplacement</td>
96 <td>10€ à Quimper, ou 20€ ou 30€</td>
97 </tr>
98 <tr>
99 <td>intervention d'urgence</td>
100 <td>ajouter 20€ au déplacement</td>
101 </tr>
102 </table>
103
104 <table>
105 <caption><span>Règlement normal sans CESU</span><br>
106 <i>inclut les cotisations</i></caption>
107 <tr>
108 <td>assistance à domicile</td>
109 <td>40€/heure</td>
110 </tr>
111 <tr>
112 <td>cours</td>
113 <td>25€/heure</td>
114 </tr>
115 <tr>
116 <td>dépannage</td>
117 <td>65€ ou 77€ ou 90€</td>
118 </tr>
119 <tr>
120 <td>mise en service</td>
121 <td>65€</td>
122 </tr>
123 <tr>
124 <td>pack sécurité et vie privée</td>
125 <td>90€</td>
126 </tr>
127 <tr>
128 <td>déplacement</td>
129 <td>13€ à Quimper, ou 25€ ou 40€</td>
130 </tr>
131 <tr>
132 <td>intervention d'urgence</td>
133 <td>ajouter 25€ au déplacement</td>
134 </tr>
135 </table>
136 </section>
137
138
139 <div id="assistance" class="parties">
140 <h1 class="menu">Assistance à domicile et cours particuliers</h1>
141 <h2 >Assistance à domicile:</h2>
142 <p>Aide à l'utilisation de l'ordinateur ou d'une tablette/smartphone.
143 Je vous aide, vous montre et vous explique pour que vous puissiez le refaire.
144 L'assistance comprend la résolution de tous les problèmes qui ne nécessitent pas
145 trop de temps ni une action en profondeur.</p>
146 <p>Vous avez des demandes précises? préparation de voyage, traitement de texte,
147 supports de communication (flyers, graphisme), c'est possible aussi!</p>
148
149 <h2 id="cours">Cours particuliers:</h2>
150 <p>C'est à dire (liste non exhaustive):</p>
151 <pre>Les bases :
152- taper du texte, utiliser le clavier et la souris
153- ouvrir une application, redimensionner ou envoyer en arrière-plan une fenêtre
154- composition de l'ordinateur, machine et système d'exploitation
155- copier-coller, poupées russes et rangement des fichiers
156- lire du multimédia (images, musique, vidéos)
157- les périphériques de stockage (CD/DVD, clé USB, carte mémoire)
158- les imprimantes/scanners
159
160Internet :
161- se connecter à internet, fournisseurs d'accès et installation de la «box»
162- c'est quoi l'internet, c'est quoi le web et la différence entre google et google
163- boite e-mail et identification sur les sites web (facebook, banque…)
164- messagerie instantanée (skype)
165- google earth
166- se protéger sur internet
167
168Niveau avancé :
169- bureautique avec libreoffice (traitement de texte, tableur)
170- faire une capture d'écran, manipulation d'images avec paint/gimp/inkscape
171- archivage et compression, envoyer un e-mail avec des pièces jointes
172- formats de fichiers: .jpg .pdf .mp3 .docx .truc .bidule
173- extraire ou graver un disque CD/DVD/bluray
174
175Maintenance et sécurité :
176- précautions et bonnes pratiques
177- à propos du disque dur, formater un disque ou une clé usb
178- maintenance courante de windows (mise-à-jour, nettoyage, défragmentation, analyse antivirus)
179- sauvegarder ses fichiers, créer une image système</pre>
180 </div>
181
182 <div id="depannage" class="parties">
183 <h1 class="menu">Dépannage, installation, réinstallation, sauvegarde, récupération de données</h1>
184 <h2 >Dépannage</h2>
185 <p>Ce sont des interventions plus profondes qui nécessitent que je vous emprunte la machine (en général un ou deux jours)
186 ce qui sera le cas pour une installation ou réinstallation du système (windows ou linux), un diagnostic,
187 la commande et le remplacement d'une pièce<br>
188 => le devis est gratuit<br>
189 => un ordinateur de prêt est proposé le temps des réparations<br>
190 => pour une sauvegarde, prévoir un espace de stockage (exemple: un disque dur externe)<br>
191 => si je dois commander une pièce de rechange, la livraison peut dans certains cas prendre 8 ou 15 jours
192 (le bateau, c'est moins cher mais c'est plus long) et être accompagnée de frais de douanes</p>
193
194 <h2 id="installation" >Mise en service d'un nouvel ordinateur</h2>
195 <p>Je fais selon ce que vous désirez:<br>
196 - installation de la box internet, de l'imprimante<br>
197 - récupération des données de l'ancien PC<br>
198 - récupération des courriels outlook ou thunderbird, des favoris du navigateurs<br>
199 - installation d'applications utiles, des mises à jour et d'un antivirus<br>
200 - des réglages pour faciliter l'utilisation et protéger sa vie privée<br>
201 - suppressions des programmes inutiles ajoutés par le constructeur<br>
202 - demandes particulières (j'ai besoin de ce logiciel !!)</p>
203 </div>
204
205 <div id="securite" class="parties">
206 <h1 class="menu">Pack sécurité et vie privée</h1>
207 <p>Objectif: Vous protéger sur internet par le choix des bons logiciels et paramètres et l’adoption des bons comportements. Que ce soit avec son ordinateur ou son téléphone</p>
208 <p>Le contenu est adapté à vos besoins:</p>
209 <ul>
210 <li>Sécuriser l'accès à mon ordinateur et à mes données</li>
211 <li>Gerer tous mes codes et mes boites e-mail</li>
212 <li>Prévenir la perte de données (sauvegardes)</li>
213 <li>Des logiciels stables "à l'épreuve des mises à jour"</li>
214 <li>C'est quoi toutes ses applis qui servent à rien?</li>
215 </ul>
216 <ul>
217 <li>Naviguer sur internet</li>
218 <li>Élaborer mon identité numérique et protéger ma vie privée</li>
219 <li>Ils sont partout !! (les GAFAM)</li>
220 <li>Utiliser le WIFI public</li>
221 <li>Payer en ligne</li>
222 <li>Prévenir l'erreur humaine</li>
223 </ul>
224 <ul>
225 <li>Ai-je toujours besoin d'avoir internet pour tout? Exemple du GPS en voiture</li>
226 <li>Partager des fichiers sans e-mail, sans cloud et sans clé usb</li>
227 <li>Les logiciels libres, c'est un truc de gauche?</li>
228 </ul>
229 <p>Cette prestation inclut une mise en service d'un PC avec un système d'exploitation propre et à jour.</p>
230 </div>
231
232 <div id="siteweb" class="parties">
233 <h1 class="menu">Création de sites web</h1>
234 <p>Visitez donc mon blog!<br>
235 <a class="lien" href="https://lelionetlecolibri.ordipolo.fr" target="_blank">
236 https://lelionetlecolibri.ordipolo.fr</a></p>
237 <p>J'ai réécrit de zéro le site de Melaine Favennec.
238 <i>(en PHP + JS + UI admin reposant sur le ckeditor)</i><br>
239 <a class="lien" href="https://melainefavennec.com/" target="_blank">https://melainefavennec.com/</a></p>
240 </div>
241
242 <footer>
243 <h1><a href="#bloc_page">Haut de la page.</a></h1>
244 </footer>
245 </div>
246 </body>
247</html>
diff --git a/infos.php b/infos.php
new file mode 100644
index 0000000..6e99364
--- /dev/null
+++ b/infos.php
@@ -0,0 +1,73 @@
1<!DOCTYPE html>
2<html lang="fr" >
3 <head>
4 <meta charset="utf-8">
5 <title>A propos de moi</title>
6 <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
7 <link rel="icon" type="image/png" href="images/favicon.png">
8 <link rel="stylesheet" href="ordipolo.css">
9 <meta name="description" content="à propos de moi">
10 <meta name="viewport" content="width=device-width">
11 <?php include("matomo.php"); ?>
12 </head>
13
14 <body>
15 <div id="bloc_page">
16 <header>
17 <?php $actuelle = "infos"; ?>
18 <?php include("menu.php"); ?>
19
20 <p><a href="index.php">
21 <img id="logohaut" src="images/logo.png" alt="ordipolo">
22 <img id="logotitre" src="images/ordipolo.png" alt="ordipolo">
23 </a></p>
24 </header>
25
26 <div class="parties">
27 <h1>Services à la personne</h1>
28 <section>
29 <p><img src="images/SAP.png" alt="logo SAP" style="width: 130px;"></p>
30 <div>
31 <p>Régler par CESU et bénéficiez <strong>d'un prix réduit et d'un crédit d'impôt de 50% !</strong><br>
32 Depuis le 1er janvier 2017, <strong>il n'est plus nécessaire d'être imposable pour en bénéficier</strong> (la réduction d'impôt étant devenue un crédit d'impôt).</p>
33 <p>Payer un prestataire avec des CESU est très intéressant. Vous y gagnez alors même que c'est vous qui payez les charges.<br>Pas convaincu? Faites le calcul sur <a href="https://www.cesu.urssaf.fr/decla/index.html?page=page_estimer&LANG=FR" >cesu.urssaf.fr</a></p>
34 <p>Et en cadeau, je peux vous accompagner <strong>gratuitement</strong> le temps de votre inscription sur le site de l'URSSAF, c'est très rapide, il vous suffit d'avoir vos coordonnées bancaires (RIB).</p>
35 </div>
36 </section>
37 </div>
38
39 <div class="parties">
40 <h1>Répar'acteurs</h1>
41 <section>
42 <p><img src="images/repart-acteurs.png" alt="logo SAP" style="width: 200px;"></p>
43 <div>
44 <p>Je suis dans l'annuaire <a class="lien"
45 href="https://www.crma.bzh/reparacteur/ordipolo" target="_blank">
46 répar'acteurs.</a></p>
47 </div>
48 </section>
49 </div>
50
51 <div class="parties">
52 <h1>A propos de moi</h1>
53 <section>
54 <p><img src="images/logo.png" alt="ordipolo" style="width: 160px;"></p>
55 <div>
56 <p>Paul Jusot, 2 A rue de l'île de Man, 29000 Quimper</p>
57 <p>Entreprise immatriculée aux répertoires des métiers au n°814320610RM29 depuis fin 2015<br>
58 et déclarée prestataire de services à la personne au n°SAP814320610</p>
59 </div>
60 </section>
61 </div>
62
63 <p>Site conçu et hébergé par mes soins. Je dois les deux logos à
64 <a class="lien" href="http://www.romainlebadezet.com" target="_blank">
65 Romain Le Badezet</a>.</p>
66
67 <footer>
68 <h1><a href="#bloc_page" >Remonter en haut de la page.</a></h1>
69 </footer>
70 </div>
71 <!--<script src="detecteur.js"></script>-->
72 </body>
73</html>
diff --git a/julian/formule.png b/julian/formule.png
new file mode 100644
index 0000000..25032f5
--- /dev/null
+++ b/julian/formule.png
Binary files differ
diff --git a/julian/maths.html b/julian/maths.html
new file mode 100644
index 0000000..b6ebb6f
--- /dev/null
+++ b/julian/maths.html
@@ -0,0 +1,32 @@
1<!DOCTYPE html>
2<html lang="fr" >
3 <head>
4 <meta charset="utf-8" />
5 <title>julian maths</title>
6 <link rel="stylesheet" href="../ordipolo.css" />
7 </head>
8
9 <body>
10 <div id="bloc_page" >
11 <h1 class="menu" >voici mon équation</h1>
12
13 <p><img src="formule.png" alt="formule" /></p>
14 <p style="margin: 0px 0px 20px 20px;" >où <i>n</i> est un entier impaire</p>
15 <p>Bonjour à tous, je m'appelle Julian, je suis mathématicien amateur et je suis ami avec Paul.</p>
16 <p>J'ai eu très envie de partager cette équation fondée sur mon intuition et que je vous laisse le soin de démontrer.
17 Attention, sous son air apparemment simple, cette formule risque d'être très difficile à démontrer.
18 Je pense qu'elle n'est pas encore connue par le monde scientifique, mais je peux me tromper.</p>
19 <p>Avis aux amateurs !</p>
20 <p>Le symbole valeur absolue vient du fait que <i>n</i> est tantôt positif, tantôt négatif,
21 de plus <span style="text-decoration: underline;" >il est toujours impaire</span>.
22 Le 2 kpi/n est connu des mathématiciens comme une notation permettant d'exprimer les angles d'un polygone régulier.
23 La somme des cosinus pour ce type de situation est connu et vaut 0 (voir théorème sur les racines énièmes de l'unité).</p>
24 <p>J'ai choisi de faire la somme des inverses qui me semble intéressante mais plus atypique.</p>
25
26 <h1>
27 <a href="../kiffe.php" style="text-decoration: none;" >page précédente</a>
28 </h1>
29 </div>
30 </body>
31</html>
32
diff --git a/julian/polygones.png b/julian/polygones.png
new file mode 100644
index 0000000..d1db046
--- /dev/null
+++ b/julian/polygones.png
Binary files differ
diff --git a/kiffe.php b/kiffe.php
new file mode 100644
index 0000000..2f86bd3
--- /dev/null
+++ b/kiffe.php
@@ -0,0 +1,96 @@
1<!DOCTYPE html>
2<html lang="fr" >
3 <head>
4 <meta charset="utf-8">
5 <title>Sites à visiter !</title>
6 <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
7 <link rel="icon" type="image/png" href="images/favicon.png">
8 <link rel="stylesheet" href="ordipolo.css">
9 <meta name="description" content="Liens vers les sites des amis">
10 <meta name="viewport" content="width=device-width">
11 <style>
12 .photoenhaut
13 {
14 display: flex;
15 }
16 @media screen and (max-width: 500px)
17 {
18 .photoenhaut
19 {
20 flex-direction: column;
21 }
22 }
23 </style>
24 <?php include("matomo.php"); ?>
25 </head>
26
27 <body>
28 <div id="bloc_page" >
29 <header>
30 <?php $actuelle = "kiffe"; ?>
31 <?php include("menu.php"); ?>
32
33 <p><a href="index.php" >
34 <img id="logohaut" src="images/logo.png" alt="ordipolo">
35 <img id="logotitre" src="images/ordipolo.png" alt="ordipolo">
36 </a></p>
37 </header>
38
39 <div class="parties">
40 <a href="https://lelionetlecolibri.ordipolo.fr">
41 <h1 >Le lion et le colibri</h1>
42 </a>
43 <div class="photoenhaut">
44 <p>Blog que je tiens avec Katy<br>
45 Au programme: voyages, gastronomie, musique, détente.</p>
46 <a href="https://lelionetlecolibri.ordipolo.fr">
47 <img class="photo" src="images/sakura.png" alt="fleur de cerisier japonais">
48 </a>
49 </div>
50 </div>
51
52 <div class="parties">
53 <a href="https://melainefavennec.com">
54 <h1 >Melaine Favennec</h1>
55 </a>
56 <div class="photoenhaut">
57 <p>Musique bretonne, chanson folk et peinture.<br><br>
58 Graphisme utilisant des dessins de François Bourgeon.<br>
59 Code client et serveur par mes soins.</p>
60 <a href="https://melainefavennec.com">
61 <img class="photo" src="images/mouette.jpg" alt="melaine">
62 </a>
63 </div>
64 </div>
65
66 <div class="parties">
67 <a href="julian/maths.html">
68 <h1>Recherches en mathématiques</h1>
69 </a>
70 <div class="photoenhaut">
71 <p>de Julian Favennec à la cité de la ruche.</p>
72 <a href="julian/maths.html">
73 <img class="photo" src="julian/polygones.png" alt="">
74 </a>
75 </div>
76 </div>
77
78 <div class="parties">
79 <a href="http://www.romainlebadezet.com">
80 <h1>Romain Le Badezet</h1>
81 </a>
82 <div class="photoenhaut">
83 <p>Artistre peintre, dessinateur, plasticien</p>
84 <a href="http://www.romainlebadezet.com">
85 <img class="photo" src="images/oneline.jpg" alt="ligne">
86 </a>
87 </div>
88 </div>
89
90 <footer>
91 <h1><a href="#bloc_page" >Remonter en haut de la page.</a></h1>
92 </footer>
93 </div>
94 <!--<script src="detecteur.js"></script>-->
95 </body>
96</html>
diff --git a/matomo.php b/matomo.php
new file mode 100644
index 0000000..9497bcf
--- /dev/null
+++ b/matomo.php
@@ -0,0 +1,19 @@
1<?php
2$on = true;
3$domain = 'matomo.ordipolo.fr';
4
5if($on){
6?>
7<!-- Matomo Tag Manager -->
8<script>
9 var _mtm = window._mtm = window._mtm || [];
10 _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
11 (function() {
12 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
13 g.async=true; g.src='https://<?= $domain ?>/js/container_Vp5U4APR.js'; s.parentNode.insertBefore(g,s);
14 })();
15</script>
16<noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="//<?= $domain ?>/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="" /></p></noscript>
17<?php
18}
19?>
diff --git a/menu.php b/menu.php
new file mode 100644
index 0000000..8b2fd79
--- /dev/null
+++ b/menu.php
@@ -0,0 +1,10 @@
1 <nav>
2 <a href="index.php#bloc_page" <?php if($actuelle == "accueil") {echo('id="actuelle"');} ?>>Accueil</a>
3 <a href="index.php#prestations" >Services proposés</a>
4 <!--<a href="securite.php" <?php if($actuelle == "securite") {echo('id="actuelle"');} ?>>Pack sécurité</a>-->
5 <!--<a href="collectif.php" <?php if($actuelle == "collectif") {echo('id="actuelle"');} ?>>Cours collectifs</a>-->
6 <a href="index.php#tarifs">Tarifs</a>
7 <a href="contact.php" <?php if($actuelle == "contact") {echo('id="actuelle"');} ?>>Contact</a>
8 <a href="infos.php" <?php if($actuelle == "infos") {echo('id="actuelle"');} ?>>Infos légales</a>
9 <a href="kiffe.php" <?php if($actuelle == "kiffe") {echo('id="actuelle"');} ?>>J'aime !</a>
10 </nav>
diff --git a/ordipolo.css b/ordipolo.css
new file mode 100644
index 0000000..28bd55a
--- /dev/null
+++ b/ordipolo.css
@@ -0,0 +1,326 @@
1body
2{
3 font-size: 100%;
4 font-family: sans;
5 /* pour enlever la bande de la couleur du fond en haut et en bas de la page */
6 margin: 0;
7 background-color: #F0EC41;
8}
9
10#bloc_page
11{
12 max-width: 1200px;
13 /* la largeur max indiquée sert à réduire la variété des largeurs d'écran à prendre en compte */
14 margin: auto;
15 padding: 0 20px 30px 20px;
16 background-color: white;
17}
18
19h1
20{
21 font-weight: normal;
22 display: inline-block;
23 margin: 5px;
24 border: 2px #008100 solid;
25 border-radius: 12px;
26 padding: 3px;
27 background-color: #F4F02D;
28 font-size: 120%;
29}
30
31h2
32{
33 font-weight: normal;
34 font-size: 110%;
35 text-decoration: underline;
36}
37
38p
39{
40 margin: 10px;
41}
42
43a
44{
45 color: black;
46 /* les liens déjà cliqués restent noirs */
47}
48
49a:hover /* liens survolés par la souris */
50{
51 color: #004F00;
52}
53
54.lien:hover
55{
56 font-weight: bold;
57}
58
59/* En-tête. */
60header
61{
62 background-color: white;
63 display: flex;
64 flex-direction: column;
65 align-items: center;
66 margin-bottom: 20px;
67}
68
69header div, header p
70{
71 margin-top: 40px;
72}
73
74#logohaut
75{
76 width: 200px;
77
78 /* cacher petit logo */
79 display: none;
80}
81
82#logotitre
83{
84 height: 90px;
85}
86
87/* Menu de navigation. */
88nav
89{
90 position: fixed;
91 z-index: 2; /* pour être dessus des prestations */
92 text-align: center;
93}
94
95nav a
96{
97 display: inline-block; /* menu horizontal */
98 border: 2px #008100 solid;
99 border-radius: 12px;
100 padding: 3px;
101 margin: 2px;
102 background-color: #F4F02D;
103 font-size: 110%;
104 text-decoration: none;
105}
106
107/* "vous êtes ici" */
108#actuelle
109{
110 color: #004F00;
111 border: 3px #004F00 solid;
112}
113
114/* Corps de page. */
115section
116{
117 display: flex;
118 align-items: center;
119}
120
121aside
122{
123 width: 174px; /* équivalent à la photo qui fait 170 de large plus la bordure de 2 pixels */
124 display: flex;
125 flex-direction: column;
126 align-items: center;
127}
128
129aside p
130{
131 margin: 0;
132}
133
134article
135{
136 margin-left: 20px;
137}
138
139#description
140{
141 margin: 0;
142 font-size: 110%;
143}
144
145.photo
146{
147 border: 2px #008100 solid;
148 border-radius: 10px;
149}
150
151/* nuage de liens */
152section
153{
154 display: flex;
155}
156
157#prestations div
158{
159 width: 100%;
160 display: flex;
161 flex-wrap: wrap;
162 justify-content: space-around;
163 margin: 20px 30px;
164 padding: 10px;
165 border: 2px #008100 solid;
166 border-radius: 12px;
167 background-color: #F4F02D;
168}
169
170h3
171{
172 margin: 10px;
173 border: 2px #008100 solid;
174 border-radius: 12px;
175 padding: 3px;
176 text-align: center;
177 font-size: 100%;
178 background-color: white;
179}
180
181h3 a
182{
183 text-decoration: none;
184}
185
186table
187{
188 margin: 10px;
189 max-width: 470px;
190 /* fusionner les bordures */
191 border-collapse: collapse;
192}
193
194caption span
195{
196 font-size: 110%;
197 text-decoration: underline;
198}
199
200caption i
201{
202 font-size: 90%;
203}
204
205td
206{
207
208 border: 1px black solid;
209}
210
211pre
212{
213 font-family: sans-serif;
214 font-size: 90%;
215 white-space: pre-wrap;
216 margin: 0 20px;
217 padding: 10px;
218 border: 2px #004F00 dotted;
219 border-radius: 10px;
220}
221
222a img
223{
224 border: none;
225 /* retire la bordure bleue sur certains navigateurs */
226}
227
228.parties
229{
230 margin: 10px 0 15px 0;
231}
232
233textarea
234{
235 width: 500px;
236 height: 200px;
237}
238
239/* lien fixe en bas */
240footer
241{
242 display: flex;
243 flex-direction: column;
244 align-items: center;
245}
246
247footer h1
248{
249 position: fixed;
250 bottom: 0;
251 margin: 2px; /* de 5 par défaut */
252 text-align: center;
253}
254footer a
255{
256 text-decoration: none;
257}
258
259/* design responsive */
260@media screen and (max-width: 750px)
261{
262 section
263 {
264 display: flex;
265 flex-direction: column;
266 }
267
268 aside
269 {
270 margin: auto;
271 }
272
273 p
274 {
275 margin: 3px;
276 }
277
278 #prestations div /* à cause du menu sur deux lignes */
279 {
280 margin-top: 74px;
281 }
282}
283
284@media screen and (max-width: 710px)
285{
286 header div, header p
287 {
288 margin-top: 76px;
289 }
290
291 nav a
292 {
293 font-size: 100%;
294 }
295
296 h1
297 {
298 font-size: 110%;
299 }
300
301 textarea
302 {
303 width: 400px;
304 height: 150px;
305 }
306}
307
308@media screen and (max-width: 500px)
309{
310 #logohaut
311 {
312 /* afficher petit logo */
313 display: inline;
314 }
315 #logotitre
316 {
317 /* cacher grand logo */
318 display: none;
319 }
320
321 textarea
322 {
323 width: 270px;
324 height: 100px;
325 }
326}
generated by cgit v1.2.3 (git 2.25.1) at 2026-11-03 18:58:44 +0000