From df7d23a090526aff78a60872f7ba5d1169cbc735 Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Tue, 1 May 2018 11:54:39 +0200 Subject: summary + correction zindex --- class/class.aff.php | 19 +++-- class/class.app.php | 1 - public/css/style.css | 177 ------------------------------------------- public/css/stylem.css | 199 +++++++++++++++++++++++++++++++++++++++++++++++++ public/css/stylew.css | 202 ++++++++++++++++++++++++++++++++++++++++++++++++++ public/m/index.php | 20 ++--- public/w/index.php | 2 +- 7 files changed, 427 insertions(+), 193 deletions(-) delete mode 100644 public/css/style.css create mode 100644 public/css/stylem.css create mode 100644 public/css/stylew.css diff --git a/class/class.aff.php b/class/class.aff.php index db0f59a..20742a8 100644 --- a/class/class.aff.php +++ b/class/class.aff.php @@ -60,6 +60,8 @@ class Aff ?>
+
+ Infos @@ -68,14 +70,17 @@ class Aff - - +
+
+ CSS + + @@ -84,14 +89,18 @@ class Aff +
+
+ Contenu +
-
+
@@ -101,13 +110,13 @@ class Aff } -public function head($title) +public function head($title, $tool) { ?> - + <?= $title ?> diff --git a/class/class.app.php b/class/class.app.php index 08a7202..fbab4b4 100644 --- a/class/class.app.php +++ b/class/class.app.php @@ -187,7 +187,6 @@ class App public function login($pass) { if (strip_tags($pass) == $this->admin) { - var_dump($this->admin); return $level = 2; } elseif (strip_tags($pass) == $this->secure) { return $level = 1; diff --git a/public/css/style.css b/public/css/style.css deleted file mode 100644 index b0d8cc1..0000000 --- a/public/css/style.css +++ /dev/null @@ -1,177 +0,0 @@ -html { -} - -body { - background-color: #dcdcdceb; - font-family: helvetica, arial, sans-serif; - margin: 0px; - -} - -h1 { - font-size: 3em; - font-variant: all-small-caps; - margin-top: 0px; - margin-bottom: 0px; -} - -h2 { - font-style: italic; -} - -h3 { - opacity: 0.7; -} - -h6 { - font-size: 1em; -} - -p{ - font-size: 1em; -} - -em { - opacity: 0.8; -} - -a{ - text-decoration: none; -} - -a:hover{ - text-decoration: underline; -} - -img { - width: 90%; - max-width: 1000px; -} - -section { - text-align: justify; - padding: 3%; - line-height: 1.2em; -} - -.edit { - text-align: left; - padding-top: 1%; - padding-bottom: 1%; - padding-left: 8%; - padding-right: 8%; - line-height: 1.2em; -} - - -section input, textarea, select { - width: 90%; - padding-left: 15px; - padding-right: 15px; - margin: 5px; - margin-left: 5%; - margin-right: 5%; - height: 30px; - border-style: unset; -} - -article { - position: relative; - z-index: 100; -} - -#html{ - height: 1000px; -} - -#css{ - height: 100px; -} - -input[type="submit"] { - background-color: #bfbfbf; -} - -aside { - position: fixed; - bottom: 0px; - right: -300px; - padding: 7px; - z-index: 5; - background: #bfbfbf; - opacity: 0.3; - width: 350px; - overflow-y: scroll; - max-height: 70%; -} - -aside:hover { - opacity: 1; - right: 0px; -} - -nav { - position: fixed; - top: 0px; - right: -50px; - padding: 7px; - z-index: 10; - background: #6c7d8a; - opacity: 0.3; - width:100px; - border-width: 4px; - border-style: outset; -} - -nav:hover { - opacity: 1; - right: -5px; -} - -.alert h4 { - background-color: red; - margin: 0px; -} - -nav a { - color: black; - padding: 1px 4px; - font-size: 13px; - background-color: #bfbfbf; - /* text-rendering: auto; */ - /* color: initial; */ - /* letter-spacing: normal; */ - /* word-spacing: normal; */ - /* text-transform: none; */ - text-indent: 0px; - text-decoration: none; - /* text-shadow: none; */ - /* display: inline-block; */ - /* -webkit-appearance: push-button; */ - align-items: flex-start; - text-align: center; - cursor: default; - /* color: buttontext; */ - /* background-color: buttonface; */ - box-sizing: border-box; - /* padding: 2px 6px 3px; */ - border-width: 2px; - border-color: lightgrey; - border-style: outset; -} - -.submit { - position: fixed; - top: 0px; - left: 0px; - width: 8%; -} - -.thumbnail { - max-width: 100px; -} - -.grid { - display: flex; - flex-wrap: wrap; -} \ No newline at end of file diff --git a/public/css/stylem.css b/public/css/stylem.css new file mode 100644 index 0000000..d942257 --- /dev/null +++ b/public/css/stylem.css @@ -0,0 +1,199 @@ +html { +} + +body { + background-color: #dcdcdceb; + font-family: helvetica, arial, sans-serif; + margin: 0px; + overflow: scroll; + +} + +h1 { + font-size: 3em; + font-variant: all-small-caps; + margin-top: 0px; + margin-bottom: 0px; +} + +h2 { + font-style: italic; +} + +h3 { + opacity: 0.7; +} + +h6 { + font-size: 1em; +} + +p{ + font-size: 1em; +} + +em { + opacity: 0.8; +} + +a{ + text-decoration: none; +} + +a:hover{ + text-decoration: underline; +} + +img { + width: 90%; + max-width: 1000px; +} + +section { + text-align: justify; + padding: 3%; + line-height: 1.2em; +} + +.edit { + text-align: left; + padding-top: 1%; + padding-bottom: 1%; + padding-left: 8%; + padding-right: 8%; + line-height: 1.2em; +} + + +section input, textarea, select { + width: 90%; + padding-left: 15px; + padding-right: 15px; + margin: 5px; + margin-left: 5%; + margin-right: 5%; + height: 30px; + border-style: unset; +} + +article { + position: relative; + z-index: 100; +} + +#html{ + height: 1000px; +} + +#css{ + height: 100px; +} + +input[type="submit"] { + background-color: #bfbfbf; +} + +aside { + position: fixed; + bottom: 0px; + right: -300px; + padding: 7px; + z-index: 5; + background: #bfbfbf; + opacity: 0.3; + width: 350px; + overflow-y: scroll; + max-height: 70%; +} + +aside:hover { + opacity: 1; + right: 0px; +} + +nav { + position: fixed; + top: 0px; + right: -50px; + padding: 7px; + z-index: 10; + background: #6c7d8a; + opacity: 0.3; + width:100px; + border-width: 4px; + border-style: outset; +} + +nav:hover { + opacity: 1; + right: -5px; +} + +.alert h4 { + background-color: red; + margin: 0px; +} + +nav a { + color: black; + padding: 1px 4px; + font-size: 13px; + background-color: #bfbfbf; + /* text-rendering: auto; */ + /* color: initial; */ + /* letter-spacing: normal; */ + /* word-spacing: normal; */ + /* text-transform: none; */ + text-indent: 0px; + text-decoration: none; + /* text-shadow: none; */ + /* display: inline-block; */ + /* -webkit-appearance: push-button; */ + align-items: flex-start; + text-align: center; + cursor: default; + /* color: buttontext; */ + /* background-color: buttonface; */ + box-sizing: border-box; + /* padding: 2px 6px 3px; */ + border-width: 2px; + border-color: lightgrey; + border-style: outset; +} + +.submit { + position: fixed; + top: 0px; + left: 0px; + width: 8%; +} + +.infobulle { + display: none; +} + +.little:focus .infobulle { + display: inline-block; + position: relative; + background-color: white; + border: 1px solid black; + z-index: 5; + top: 5px; + left: 100px; + width: 300px; +} + +span.infobulle img { + width: 100% +} + +.grid { + display: flex; + flex-wrap: wrap; +} + +.little { + width: 100px; + height: 150px; + margin: 10px; +} \ No newline at end of file diff --git a/public/css/stylew.css b/public/css/stylew.css new file mode 100644 index 0000000..86ec715 --- /dev/null +++ b/public/css/stylew.css @@ -0,0 +1,202 @@ +html { +} + +body { + background-color: #dcdcdceb; + font-family: helvetica, arial, sans-serif; + margin: 0px; + +} + +h1 { + font-size: 3em; + font-variant: all-small-caps; + margin-top: 0px; + margin-bottom: 0px; +} + +h2 { + font-style: italic; +} + +h3 { + opacity: 0.7; +} + +h6 { + font-size: 1em; +} + +p{ + font-size: 1em; +} + +em { + opacity: 0.8; +} + +a{ + text-decoration: none; +} + +a:hover{ + text-decoration: underline; +} + +img { + width: 90%; + max-width: 1000px; +} + +section { + text-align: justify; + padding: 3%; + line-height: 1.2em; +} + +.edit { + text-align: left; + padding-top: 1%; + padding-bottom: 1%; + padding-left: 8%; + padding-right: 8%; + line-height: 1.2em; +} + + +section input, textarea, select { + width: 90%; + padding-left: 15px; + padding-right: 15px; + margin: 5px; + margin-left: 5%; + margin-right: 5%; + height: 30px; + border-style: unset; +} + +article { + position: relative; + z-index: 7; +} + +#html{ + height: 1000px; +} + +#css{ + height: 100px; +} + +input[type="submit"] { + background-color: #bfbfbf; +} + +aside { + position: fixed; + bottom: 0px; + right: -300px; + padding: 7px; + z-index: 5; + background: #bfbfbf; + opacity: 0.3; + width: 350px; + overflow-y: scroll; + max-height: 70%; +} + +aside:hover { + opacity: 1; + right: 0px; +} + +nav { + position: fixed; + top: 0px; + right: -50px; + padding: 7px; + z-index: 10; + background: #6c7d8a; + opacity: 0.3; + width:100px; + border-width: 4px; + border-style: outset; +} + +nav:hover { + opacity: 1; + right: -5px; +} + +.alert h4 { + background-color: red; + margin: 0px; +} + +nav a { + color: black; + padding: 1px 4px; + font-size: 13px; + background-color: #bfbfbf; + /* text-rendering: auto; */ + /* color: initial; */ + /* letter-spacing: normal; */ + /* word-spacing: normal; */ + /* text-transform: none; */ + text-indent: 0px; + text-decoration: none; + /* text-shadow: none; */ + /* display: inline-block; */ + /* -webkit-appearance: push-button; */ + align-items: flex-start; + text-align: center; + cursor: default; + /* color: buttontext; */ + /* background-color: buttonface; */ + box-sizing: border-box; + /* padding: 2px 6px 3px; */ + border-width: 2px; + border-color: lightgrey; + border-style: outset; +} + +.submit { + position: fixed; + top: 0px; + left: 0px; + width: 8%; +} + +.thumbnail { + max-width: 30px; +} + +.infobulle { + width: 20%; + display: none; +} + +.little:hover .infobulle { + display: inline; + position: absolute; + background-color: white; + border: 1px solid black; +} + +span.infobulle img { + width: 100% +} + +.grid { + display: flex; + flex-wrap: wrap; +} + +summary { + height: 24px; + outline: none; + font-size: 1.4em; + background-color: #bdbdbd; + margin-top: 3px; + margin-bottom: 3px; +} \ No newline at end of file diff --git a/public/m/index.php b/public/m/index.php index f5e101d..bf14b0f 100644 --- a/public/m/index.php +++ b/public/m/index.php @@ -24,7 +24,7 @@ $aff = new Aff($level); // ______________________________________________________ H E A D _____________________________________________________________ $titre = 'home'; -$aff->head($titre); +$aff->head($titre, 'm'); // _____________________________________________________ A L E R T _______________________________________________________________ @@ -55,9 +55,6 @@ $aff->addmedia(); echo '

Media

'; -var_dump(2 ** 29); -var_dump(readablesize(2 ** 29)); - echo '
'; @@ -74,9 +71,14 @@ if ($handle = opendir($dir)) { list($width, $height, $type, $attr) = getimagesize($filepath); $filesize = filesize($filepath); - echo ''; - echo '

' . $entry . '

'; + echo ''; + echo '

' . $entry . '

'; + + + + echo '' . $fileinfo['filename'] . ''; + echo ''; echo 'width = ' . $width; echo '
'; echo 'height = ' . $height; @@ -84,10 +86,10 @@ if ($handle = opendir($dir)) { echo 'filesize = ' . readablesize($filesize); echo '
'; - - echo 'image'; - + echo '' . $fileinfo['filename'] . ''; echo ''; + + echo ''; } } closedir($handle); diff --git a/public/w/index.php b/public/w/index.php index 38a4132..d961d56 100644 --- a/public/w/index.php +++ b/public/w/index.php @@ -81,7 +81,7 @@ if (isset($_GET['id'])) { $titre = $art->titre(); } } -$aff->head($titre); +$aff->head($titre, 'w'); -- cgit v1.2.3