From 706bff04bba8e247e4839e89744e0f4a9f94aa56 Mon Sep 17 00:00:00 2001 From: "vincent@cubedesigners.com" Date: Fri, 23 Sep 2016 13:28:03 +0000 Subject: [PATCH] done #698 @1:40 --- .../controllers/ErrorController.php | 7 ++- .../views/scripts/error/e404.phtml | 7 +++ js/504-e404.js | 13 +++++ less/504-e404.less | 49 +++++++++++++++++++ 4 files changed, 74 insertions(+), 2 deletions(-) create mode 100644 framework/application/views/scripts/error/e404.phtml create mode 100644 js/504-e404.js create mode 100644 less/504-e404.less diff --git a/framework/application/controllers/ErrorController.php b/framework/application/controllers/ErrorController.php index be15621..e4ded89 100644 --- a/framework/application/controllers/ErrorController.php +++ b/framework/application/controllers/ErrorController.php @@ -1,6 +1,9 @@ headScript()->addScriptAndStyle('504-e404'); +$this->headerClass = "light noscrollanim"; + +echo '
'; +echo $this->markupDotclear($this->option('e404')); +echo '
'; \ No newline at end of file diff --git a/js/504-e404.js b/js/504-e404.js new file mode 100644 index 0000000..5581cd0 --- /dev/null +++ b/js/504-e404.js @@ -0,0 +1,13 @@ +registerLoader(load_e404, true); +function load_e404() { + resize_e404(); + $(window).on('fluidbookresize', resize_e404); +} + +function resize_e404() { + var wh = getWindowHeight() / zoom; + $('#error').css('height', wh); + + var c = $("#error .dotclear"); + $(c).css({paddingTop: $("#h").height() + (wh - $("#h").height() - $(c).outerHeight()) / 2}) +} \ No newline at end of file diff --git a/less/504-e404.less b/less/504-e404.less new file mode 100644 index 0000000..6ff15f3 --- /dev/null +++ b/less/504-e404.less @@ -0,0 +1,49 @@ +@import "000-imports"; + +#error { + background-image: url("/images/error/404/background.jpg"); + background-size: cover; + min-height: 100%; + + .dotclear { + text-align: center; + color: #ffffff; + h1, p { + font-weight: 400; + font-family: @playfair; + padding:0 20px; + } + + h1 { + font-size: 150px; + + @media @m1024{ + font-size: 100px; + } + @media @m640{ + font-size: 50px; + } + } + + p { + font-size: 25px; + + @media @m1024{ + font-size: 20px; + } + + @media @m640{ + font-size: 15px; + } + } + + a { + .button(); + .background-button-green(); + .longarrow-button(16px, 40px, 18px); + color: #fff; + margin-top: 30px; + font-size: 12px; + } + } +} \ No newline at end of file -- 2.39.5