Mercurial > pub > site.implab
changeset 4:699dd88f0ef2
sync
| author | sergey |
|---|---|
| date | Thu, 08 May 2014 15:55:40 +0400 |
| parents | 84ed27230825 |
| children | 0b703449f192 |
| files | public_html/static/css/index.css shared_view/layout/default.tt shared_view/layout/default/base.tt view/layout/default/base.tt view/site/index.tt |
| diffstat | 5 files changed, 151 insertions(+), 2 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/public_html/static/css/index.css Thu May 08 15:55:40 2014 +0400 @@ -0,0 +1,102 @@ +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +.wrapper { + height: 100%; + margin: 0 auto; + white-space: nowrap; + width: 90%; + text-align: center; +} + + +.inline-ghost { + display: inline-block; + height: 90%; + vertical-align: middle; +} + +a { + text-decoration: none; + font-weight: bold; + color: inherit; +} + +.page { + display: inline-block; + padding: 15px; + position: relative; + vertical-align: middle; + white-space: normal; + text-align: left; +} + +ul.tile-menu { + margin: 0; + padding: 0; +} + +ul.tile-menu li { + display: inline-block; + list-style: none; + position: relative; + margin: 0 15px 15px 0; + transition: all 0.5s; +} + +ul.tile-menu li a { + display: inline-block; + padding: 10px 15px; + position: relative; + top: 0; + /* background: #c0c0c0; */ + transition: all 0.5s; + /*border-bottom: 2px solid;*/ + box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3); + text-align: right; +} + +ul.tile-menu li:hover a { + display: inline-block; + background: #b0b0b0; + box-shadow: 0 30px 15px -10px rgba(0, 0, 0, 0.6); + top: -20px; + /*padding: 15px;*/ +} + +ul.tile-menu li a .foot { + white-space: nowrap; + font-weight: normal; + font-size: 10pt; + color: #0f0f0f; +} + +ul.tile-menu li a .label { + padding-left: 10px; + border-left: 10px solid; + transition: all 0.5s; +} + +ul.tile-menu li a.green:hover .label { + color: #afffcf; +} + +ul.tile-menu li a.blue:hover .label { + color: #afdfff; +} + +ul.tile-menu li a.red:hover .label { + color: #ffafaf; +} + +ul.tile-menu li a.orange:hover .label { + color: #ffdfaf; +} + +#main-menu { + font-family: Arial; + font-size: 32pt; +}
--- a/shared_view/layout/default.tt Thu May 08 03:54:38 2014 +0400 +++ b/shared_view/layout/default.tt Thu May 08 15:55:40 2014 +0400 @@ -1,1 +1,31 @@ -$content \ No newline at end of file +[% + document.css = []; + document.scripts = []; + document.meta = []; + document.class = []; +%] +[% BLOCK PAGE_LAYOUT %] +<!DOCTYPE html> +<html> + <head> + <title>[% site.name ? "$site.name - $document.title" : document.title %]</title> + [%- FOREACH item IN document.css +%] + <link rel="stylesheet" href="$index" type="text/css"> + [% END %] + [% FOREACH item IN document.scripts +%] + <script type="[% item.type || 'text/javascript' %]"[% ' href="' _ item.href _ '"' IF item.href %]> + [% item.text %] + </script> + [% END %] + [% FOREACH item IN document.meta +%] + <meta [% FOREACH pair IN item %]$pair.key = "[% pair.value | html_entity %]" [% END %]> + [% END +%] + </head> + <body[% ' class="' _ document.class.join(' ') _ '"' IF document.class.size %]> + $content + </body> +</html> +[% END %] +[% WRAPPER PAGE_LAYOUT; + render(document.layout ? "default/$document.layout" : 'default/base', content = content, model = model); +END %] \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shared_view/layout/default/base.tt Thu May 08 15:55:40 2014 +0400 @@ -0,0 +1,1 @@ +$content \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/view/layout/default/base.tt Thu May 08 15:55:40 2014 +0400 @@ -0,0 +1,1 @@ +$content \ No newline at end of file
--- a/view/site/index.tt Thu May 08 03:54:38 2014 +0400 +++ b/view/site/index.tt Thu May 08 15:55:40 2014 +0400 @@ -1,1 +1,16 @@ -HI \ No newline at end of file +[% + document.title = "HOME"; + document.css.push(css.index); +%] + +<div class="wrapper"> + <div class="inline-ghost"> </div> + <div class="page"> + <ul id="main-menu" class="tile-menu"><!-- no space + --><li><a href="wiki" class="green"><span class="label">Wiki</span><br /><span class="foot">База знаний</span></a></li><!-- no space + --><li><a href="owncloud" class="blue"><span class="label">Owncloud</span><br /><span class="foot">Персональное облако</span></a></li><!-- no space + --><li><a href="bugzilla" class="red"><span class="label">BugZilla</span><br /><span class="foot">Управление проектами</span></a></li><!-- no space + --><li><a href="https://hg.implab.org" class="orange"><span class="label">Mercurial</span><br /><span class="foot">Исходные коды</span></a></li> + </ul> + </div> +</div> \ No newline at end of file