From: Kai Moritz Date: Thu, 23 Jan 2014 00:00:27 +0000 (+0100) Subject: 404-Fehlerseite layoutet X-Git-Tag: thymeroot-2.0.0~128 X-Git-Url: https://juplo.de/gitweb/?p=website;a=commitdiff_plain;h=58b35732c61d7d93b17723990f3c1f580bb92231;hp=b89d89ff6c29e6edab9b68c7ce4757b627148802 404-Fehlerseite layoutet --- diff --git a/src/main/webapp/WEB-INF/404.jsp b/src/main/webapp/WEB-INF/404.jsp new file mode 100644 index 00000000..11c449fe --- /dev/null +++ b/src/main/webapp/WEB-INF/404.jsp @@ -0,0 +1,30 @@ +<%@page contentType="text/html;charset=UTF-8"%> +<%@page pageEncoding="UTF-8"%> +<%@page session="false" %> +<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %> +<%@taglib uri="http://www.springframework.org/tags" prefix="s"%> + + + + + +

???

+ + + ? + ? + ? + ? + ? + ? + ? + ? + ? +

We do not know, where you are.

And we do not know, why you are here.

But we can tell you: WE ARE SORRY!

Really.

+ + + diff --git a/src/main/webapp/WEB-INF/views/404.html b/src/main/webapp/WEB-INF/views/404.html deleted file mode 100644 index ecd4153c..00000000 --- a/src/main/webapp/WEB-INF/views/404.html +++ /dev/null @@ -1,180 +0,0 @@ - - - - - - Page not found | juplo - - - - - - - - - - - - - - - - - - - - - - - - - -

- -

Oops! That page can’t be found.

- -

It looks like nothing was found at this location. Maybe try one of the links below or a search?

- - - -

- - - - -

- -

- - - diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml index 3be0c17c..6a618b8c 100644 --- a/src/main/webapp/WEB-INF/web.xml +++ b/src/main/webapp/WEB-INF/web.xml @@ -58,4 +58,9 @@ *.html + + 404 + /WEB-INF/404.jsp + + diff --git a/src/main/webapp/WEB-INF/wro.xml b/src/main/webapp/WEB-INF/wro.xml index 8ab7914f..52980f2f 100644 --- a/src/main/webapp/WEB-INF/wro.xml +++ b/src/main/webapp/WEB-INF/wro.xml @@ -26,6 +26,7 @@ /less/tablet/head.less /less/tablet/menu.less /less/tablet/footer.less + /less/tablet/404.less /less/variables.less @@ -33,11 +34,13 @@ /less/screen/menu.less /less/screen/footer-sticky.less /less/tablet/head.less + /less/tablet/404.less /less/phone/typo.less /less/phone/layout.less /less/phone/head.less /less/phone/menu.less /less/phone/footer.less + /less/phone/404.less /less/variables.less @@ -45,12 +48,15 @@ /less/screen/menu.less /less/screen/footer-sticky.less /less/tablet/head.less + /less/tablet/404.less /less/phone/typo.less /less/phone/layout.less /less/phone/head.less /less/phone/menu.less /less/phone/footer.less + /less/phone/404.less /less/tiny/layout.less + /less/tiny/404.less /less/variables.less diff --git a/src/main/webapp/less/base.less b/src/main/webapp/less/base.less index f3a05859..fb944862 100644 --- a/src/main/webapp/less/base.less +++ b/src/main/webapp/less/base.less @@ -9,3 +9,4 @@ @import 'base/marginal.less'; @import 'base/footer.less'; @import 'base/formulare.less'; +@import 'base/404.less'; diff --git a/src/main/webapp/less/base/404.less b/src/main/webapp/less/base/404.less new file mode 100644 index 00000000..176ae548 --- /dev/null +++ b/src/main/webapp/less/base/404.less @@ -0,0 +1,91 @@ +.withbackground .content > .marginal > #nav +{ + z-index: 2; +} +.withbackground .content > .main +{ + display: block; +} +.withbackground .content > .main > * +{ + position: relative; + z-index: 3; +} +#footer +{ + z-index: 3; +} +.withbackground .content > .main > .background +{ + .bpreplay; + display: block; + position: absolute; + z-index: 1; + line-height: .8em; + height: .8em; + overflow: hidden; +} +.withbackground .content > .main > .heller +{ + color: @heller; + z-index: 2; +} +.withbackground .content > .main > .sehrhell +{ + color: @sehrhell; + text-shadow: .02em .01em 0 @hintergrund; +} +#bs1 +{ + font-size: 2000%; + top: 55%; + left: 11%; +} +#bs2 +{ + font-size: 2600%; + top: 30%; + right: -1%; +} +#bs3 +{ + font-size: 5000%; + top: -5%; + right: -5%; +} +#bs4 +{ + font-size: 600%; + top: 0; + left: 50%; +} +#bs5 +{ + font-size: 3600%; + top: 13%; + left: 35%; +} +#bs6 +{ + font-size: 2000%; + top: 0%; + left: 23%; +} +#bs7 +{ + font-size: 600%; + top: 72%; + left: 5%; +} +#bs8 +{ + font-size: 2200%; + top: 10%; + right: 27%; +} +#bs9 +{ + font-size: 1200%; + bottom: 26%; + left: 36%; +} diff --git a/src/main/webapp/less/phone/404.less b/src/main/webapp/less/phone/404.less new file mode 100644 index 00000000..96fe2748 --- /dev/null +++ b/src/main/webapp/less/phone/404.less @@ -0,0 +1,62 @@ +.withbackground .content +{ + position: relative; +} +.withbackground .content > .main +{ + z-index: 1; +} +.withbackground .content > .marginal +{ + position: relative; + z-index: 3; + border-top: .142857143em solid @hintergrund; /** 2px */ +} +#bs1 +{ + top: -3%; +} +#bs2 +{ + font-size: 2000%; + top: 0%; + right: 3%; +} +#bs4 +{ + top: 5%; + left: 57%; + @media (max-width: 410px) + { + display: none; + } +} +#bs6 +{ + font-size: 1700%; + bottom: -10%; + left: 45%; +} +#bs7 +{ + top: 20%; + left: 2%; + @media (max-width: 410px) + { + top: 34%; + left: 30%; + } +} +#bs5, +#bs8 +{ + display: none; +} +#bs9 +{ + top: 20%; + @media (max-width: 410px) + { + display: none; + } +} diff --git a/src/main/webapp/less/screen.less b/src/main/webapp/less/screen.less index 1b641924..29f8e788 100644 --- a/src/main/webapp/less/screen.less +++ b/src/main/webapp/less/screen.less @@ -26,6 +26,7 @@ @media (max-width: @maxtablet) { @import 'tablet/head.less'; + @import 'tablet/404.less'; } @media (max-width: @maxphone) @@ -35,9 +36,11 @@ @import 'phone/head.less'; @import 'phone/menu.less'; @import 'phone/footer.less'; + @import 'phone/404.less'; } @media (max-width: @maxtiny) { @import 'tiny/layout.less'; + @import 'tiny/404.less'; } diff --git a/src/main/webapp/less/screen/head.less b/src/main/webapp/less/screen/head.less index 414e06d4..f0baa257 100644 --- a/src/main/webapp/less/screen/head.less +++ b/src/main/webapp/less/screen/head.less @@ -5,7 +5,7 @@ padding: 0; line-height: 1em; text-shadow: .092307692em .046153846em 0 @hintergrund; /** 12px 6px */ - z-index: 1; + z-index: 3; left: auto; } #slogan @@ -19,7 +19,7 @@ padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */ margin-left: 9em; /* 270px */ position: relative; - z-index: 0; + z-index: 2; top: -1.3em; /* 39px */ text-align: right; overflow: hidden; diff --git a/src/main/webapp/less/tablet/404.less b/src/main/webapp/less/tablet/404.less new file mode 100644 index 00000000..4cd1fe50 --- /dev/null +++ b/src/main/webapp/less/tablet/404.less @@ -0,0 +1,25 @@ +.withbackground .content +{ + position: relative; + top: auto; + bottom: auto; + left: auto; + rigth: auto; +} +#bs3 +{ + display: none; +} +#bs5 +{ + left: auto; + right: 13%; +} +#bs7 +{ + bottom: 21%; +} +#bs8 +{ + display: none; +} diff --git a/src/main/webapp/less/tiny/404.less b/src/main/webapp/less/tiny/404.less new file mode 100644 index 00000000..3830a8f2 --- /dev/null +++ b/src/main/webapp/less/tiny/404.less @@ -0,0 +1,19 @@ +.withbackground .content > .marginal +{ + border-top: .166666666666em solid @hintergrund; /** 2px */ +} +#bs1 +{ + top: -2%; + left: 57%; +} +#bs2, +#bs6 +{ + display: none; +} +#bs7 +{ + top: 32%; + left: 46%; +}

Oops! That page can’t be found.

Recent Posts