Site Web en PHP pour présenter des photos https://superflux.antopie.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

160 lines
5.9KB

  1. <?php
  2. if (!isset($_GET['chemin']) AND preg_match("#index.php#", $_SERVER['SCRIPT_NAME'])) {
  3. header('Location: index.php?chemin=');
  4. }
  5. if (!function_exists('array_key_last')) { // For PHP 7.2 and under
  6. function array_key_last($array) {
  7. $key = NULL;
  8. if (is_array($array)) {
  9. end($array);
  10. $key = key($array);
  11. }
  12. return $key;
  13. }
  14. }
  15. ?>
  16. <!-- Site Web de Super·F·lux sous AGPLv3+ par Miraty -->
  17. <!-- https://code.antopie.org/miraty/superflux -->
  18. <!DOCTYPE HTML>
  19. <html lang="fr">
  20. <head>
  21. <meta charset="UTF-8">
  22. <title>Super·F·lux<?php
  23. if (isset($_GET['chemin'])) {
  24. $nomDossiers = preg_split("#/#", $_GET['chemin']); // Sépare le chemin en une liste de dossiers qui le composent
  25. foreach ($nomDossiers as $niveauDossier => $nomDossier) {
  26. if (isset($nomDossier) AND !is_null($nomDossier) AND !$nomDossier == "") {
  27. echo " > " . $nomDossier;
  28. }
  29. }
  30. }
  31. ?></title>
  32. <meta name="author" content="Cécile Chevallier">
  33. <meta name="publisher" content="Antopie">
  34. <meta name="distribution" content="global">
  35. <meta name="robots" content="index, follow">
  36. <meta name="keywords" lang="fr" content="superflux, super·f·lux, cécile chevallier, site de photo libres">
  37. <meta name="description" content="Super·F·lux, photographies de Cécile Chevallier sous CC BY-SA 4.0">
  38. <meta name="viewport" content="width=device-width, initial-scale=1">
  39. <?php
  40. require "lessphp/lessc.inc.php";
  41. $less = new lessc;
  42. $less->setFormatter("compressed");
  43. $less->checkedCompile("style.less", "style.css");
  44. ?>
  45. <link type="text/css" rel="stylesheet" href="ubuntu/ubuntu.min.css" />
  46. <link type="text/css" rel="stylesheet" href="style.css" />
  47. <!-- Include Lightbox https://lokeshdhakar.com/projects/lightbox2/ -->
  48. <link href="lightbox/dist/css/lightbox.min.css" rel="stylesheet">
  49. <script src="lightbox/dist/js/lightbox-plus-jquery.min.js"></script>
  50. <script>
  51. lightbox.option({
  52. 'resizeDuration': 0,
  53. 'fadeDuration': 0,
  54. 'imageFadeDuration': 0,
  55. 'disableScrolling': true
  56. })
  57. </script>
  58. </head>
  59. <body>
  60. <header>
  61. <h1><a href="index.php?chemin=" title="Retour à la page d'accueil">Super·F·lux</a></h1>
  62. <nav>
  63. <a class="elMenu" href="presentation.php"><div>Présentation</div></a>
  64. <a class="elMenu" href="index.php?chemin="><div>Accueil</div></a>
  65. <a class="elMenu" href="contact.php"><div>Me contacter</div></a>
  66. </nav>
  67. <?php
  68. if (preg_match("#index.php#", $_SERVER['SCRIPT_NAME'])) {
  69. $nomDossiers = preg_split("#/#", $_GET['chemin']); // Sépare le chemin en une liste de dossiers qui le composent
  70. foreach ($nomDossiers as $niveauDossier => $nomDossier) { ?>
  71. <h<?php echo $niveauDossier + 2; ?>><a href="index.php?chemin=<?php
  72. if (array_key_last($nomDossiers) == $niveauDossier) {
  73. echo $_GET['chemin'];
  74. } else {
  75. echo rtrim(stristr($_GET['chemin'], $nomDossiers[$niveauDossier + 1], TRUE), "/");
  76. }
  77. ?>"><?php echo $nomDossier; ?></a></h<?php echo $niveauDossier + 2; ?>>
  78. <section id="presentation">
  79. <?php
  80. switch ($nomDossier) {
  81. case "Escape games": ?>
  82. De ces instants qui échappent aux lois de la gravité, sortent du cadre ou des sentiers battus, changent de cap, là où on aperçoit enfin le bout du tunnel, là où on peut enfin prend l'air…
  83. <br>
  84. Ouverture des possibles.
  85. <?php break;
  86. case "Le chant du Petit": ?>
  87. Les petites choses chantent aussi.
  88. <?php break;
  89. case "Landscape games": ?>
  90. Lieux d’émergence des Escape games. Composés des mille et un chants du Petit.
  91. <?php break;
  92. case "Créatures fantastiques": ?>
  93. Je vais mieux quand d’un arbre émerge une grand-mère prenant soin d'une jeune touffe d'herbe, quand un oiseau apparaît dans une fleur, un visage sur un arbre, un dragon dans les nuages.
  94. <br>
  95. Je me sens vivante quand j'aperçois un coq émergeant d'une crotte de chien sur un trottoir, quand la fée des neiges apparaît à mon balcon, quand les ombres suggèrent peut-être des oiseaux végétaux, quand un visage surgit d'une feuille de chou.
  96. <?php break;
  97. case "s-Faire-s": ?>
  98. Au contraire du croisement de fer, ce qui croît quand on l's Faire (s) les sphères.
  99. <?php break;
  100. case "Super-Positions et autres Super-Cheries": ?>
  101. Montages et collages sous logiciel dédié (Photoshop, peintures)…
  102. <?php break;
  103. case "Traits de lumière": ?>
  104. Light-Painting, peindre avec la lumière, ou plutôt avec l’appareil-pinceau, puisque peindre avec la lumière est déjà l’objet de la photographie. Ces traits révèlent parfois des créatures fantastiques.
  105. <?php break;
  106. case "Aqua bon": ?>
  107. Lieu et source de vie par essence, mouvante, calme ou soulevée par la brise, l’eau est souvent le lieu de naissance de créatures fantastiques.
  108. <?php break;
  109. case "Forts Traits": ?>
  110. Portraits studio, cours municipaux pour adultes, 2015
  111. <?php break;
  112. case "": ?>
  113. Super·F·lux est une collection de perceptions lumineuses (lux) du monde tel que je (une ·F· Femme) l'aime (Super).
  114. <blockquote>
  115. « Je préfère vivre dans un monde animé. Je crois que nos chances de créer une culture plus saine, dynamique, libre et équilibrée sont meilleures si nous nous percevons nous-mêmes comme des cellules vivantes appartenant à un corps vivant, imprégné d’une conscience sous-jacente, plutôt que de percevoir le monde comme de la matière inanimée et exploitable. »
  116. <br>
  117. <div class="source"><cite><small>Starhawk, « Quel monde voulons-nous ? », éditions Cambourakis, collection Sorcières, 2019</small></cite></div>
  118. </blockquote>
  119. Si vous souhaitez laisser vos impressions, vous pouvez le faire en bas de chacune des page de ce site.
  120. <br><br>
  121. <?php break;
  122. } ?>
  123. </section>
  124. <?php } ?>
  125. <?php } ?>
  126. </header>