From d8611230d64cc2a19cd89b9a818938c13ed742d2 Mon Sep 17 00:00:00 2001 From: cybafelo Date: Sat, 12 Oct 2019 16:06:18 +0200 Subject: [PATCH] update --- src/Template/Home/home.ctp | 24 ++- src/Template/Layout/default.ctp | 302 +++++++++++++++++++------------- webroot/css/style.css | 118 ++++++++++--- 3 files changed, 288 insertions(+), 156 deletions(-) diff --git a/src/Template/Home/home.ctp b/src/Template/Home/home.ctp index 83331a6..99944b4 100644 --- a/src/Template/Home/home.ctp +++ b/src/Template/Home/home.ctp @@ -1,7 +1,17 @@ -
-

-
-
-
-
-
-
+ +

+
+
-
+
+
+
diff --git a/src/Template/Layout/default.ctp b/src/Template/Layout/default.ctp index ae47989..2683bf6 100644 --- a/src/Template/Layout/default.ctp +++ b/src/Template/Layout/default.ctp @@ -2,25 +2,20 @@ use Cake\Utility\Inflector; +//clientId = 772773861137-e40sf4u13c8faj1u2uivhcngk96fk7fs.apps.googleusercontent.com +//clientSecret = auUeUzlL31k58q8Yrwt2Vlcr + ?> - + - ECS - Editor - - - Html->charset() ?> @@ -35,137 +30,198 @@ use Cake\Utility\Inflector; - - - - + - - + + + + - - - -Flash->render() ?> -
+
+
- -
+
fetch('content') ?>
- +
diff --git a/webroot/css/style.css b/webroot/css/style.css index 7049e23..4f910d3 100644 --- a/webroot/css/style.css +++ b/webroot/css/style.css @@ -1,37 +1,103 @@ +html { + height:100%; +} + body { color:#666666; background-color:#000000; -} - -div.sticky { - position:fixed; - height: 100%; - width:100%; - background-color:#111111; - z-index:0; -} - -div.centered { - text-align: center; -} - -canvas { - bottom:0; - width:100%; height:100%; - z-index:1; + width:100%; + padding:0; } -div.content { - z-index:2; - color:#fff; - padding-top:10px; +/*div.sticky {*/ +/* position:fixed;*/ +/* height: 100%;*/ +/* width:100%;*/ +/* background-color:#111111;*/ +/*}*/ + +/*div.centered {*/ +/* text-align: center;*/ +/*}*/ + +/*canvas {*/ +/* bottom:0;*/ +/* width:100%;*/ +/* height:100%;*/ +/*}*/ +.button:hover { + box-shadow: 0 0 10px 10px #00cc2b; } -label { - margin-right:10px; +.button:focus { + outline:unset; + border: 2px #2ca02c solid; } -button.round { - border-radius:5px; +.button { + transition: box-shadow 0.5s; + border: 2px transparent solid; + margin-top: 20px; + border-radius: 18px; + box-shadow: 0 0 10px 0px #00cc2b; + background-color: transparent; + color: #fff; + padding: 5px 10px 5px 10px; } + + +.button-menu:focus { + outline:unset; + border:2px #2ca02c solid; +} + +.button-menu:hover { + box-shadow: 2px 3px 20px 0px #00cc2b; +} + +.button-menu:disabled { + box-shadow: 2px 3px 7px 0px #ff898599; + color: #ec6c6c78; +} + + +.button-menu { + border: 2px transparent solid; + transition: box-shadow 0.5s, border 0.5s; + height: 35px; + background-color: transparent; + color: #7b7b7b; + box-shadow: 2px 3px 7px 0px #012300a3; + margin-left: 7px; + margin-right: 7px; + border-radius: 15px; +} + +.div-main { + height:100%; + padding:0; + background-color: #000000ad; +} + +.div-home { + color: #fff; + display: flex; + justify-content: center; + align-items: center; + background-color: #000000ad; + flex-direction: column; + height: 100%; + top: 0; + left: 0; + position: fixed; + width: 100%; +} + +/*label {*/ +/* margin-right:10px;*/ +/*}*/ + +/*button.round {*/ +/* border-radius:5px;*/ +/*}*/