diff options
| author | Bharat Mediratta <bharat@menalto.com> | 2008-11-05 03:26:28 +0000 |
|---|---|---|
| committer | Bharat Mediratta <bharat@menalto.com> | 2008-11-05 03:26:28 +0000 |
| commit | 25bd62f9066841a4452da6c1312c73552079c761 (patch) | |
| tree | ecebdbdedb9fc234b5235fa94ffc90299988b7a6 | |
| parent | 6e0b7f6be1e43cdb5c8fd3528abd9b7a4ebb48a9 (diff) | |
Use jQuery magic to make the scaffold look shiny.
| -rw-r--r-- | core/views/welcome.html.php | 120 |
1 files changed, 88 insertions, 32 deletions
diff --git a/core/views/welcome.html.php b/core/views/welcome.html.php index 3bc85dc4..680f0aa6 100644 --- a/core/views/welcome.html.php +++ b/core/views/welcome.html.php @@ -71,7 +71,45 @@ list-stype-type: none; padding: 0px; } + + div#activities { + margin-bottom: 1em; + } + + div.activity { + display: none; + } + + ul#tabs { + margin-left: 0; + padding: 1em 0 2px 1em; + white-space: nowrap; + border-bottom: 1px solid black; + } + + ul#tabs li { + display: inline; + list-style-type: none; + } + + ul#tabs a { + padding: 3px 10px; + } + + ul#tabs a:link, ul#tabs a:visited { + color: #fff; + background-color: #036; + text-decoration: none; + } + + ul#tabs a:hover { + color: #fff; + background-color: #369; + text-decoration: none; + } </style> + <script type="text/javascript" src="<?= url::base(), "lib/jquery.js" ?>"></script> + </head> <body> <div class="outer"> @@ -91,40 +129,58 @@ meantime, here are some useful links to get you started. </p> - <h2>System Configuration</h2> - <?= $syscheck ?> - - <h2>Activities</h2> - <p> <?= html::anchor("album/1", "Browse Gallery") ?> </p> - <ul class="choices"> - <li> add: [</li> - <? foreach (array(1, 10, 50, 100, 500, 1000) as $count): ?> - <li> <?= html::anchor("welcome/add/$count", "$count") ?> </li> - <? endforeach ?> - <li>] photos and albums </li> + <ul id="tabs"> + <li><a href="javascript:show('#configuration')">Configuration</a></li> + <li><a href="javascript:show('#actions')">Actions</a></li> + <li><a href="javascript:show('#docs')">Docs</a></li> </ul> - <h2>Documentation</h2> - <ul> - <li> - <a href="http://docs.google.com/Doc?id=dfjxt593_184ff9jhmd8&hl=en">Gallery3: Prioritized Feature List</a> - </li> - <li> - <a href="http://docs.google.com/Doc?id=dfjxt593_185czczpm4f&hl=en">Gallery3: Secondary Features</a> - </li> - <li> - <a href="http://gallery.svn.sourceforge.net/viewvc/gallery/trunk/eval/gx/ui/HTML/index.html">Mockups</a> - </li> - <li> - <a href="http://www.nabble.com/Rough-Gallery-3-time-line-td20240153.html">Rough Timeline</a> (as of Oct 29, 2008) - </li> - <li> - <a href="http://codex.gallery2.org/Gallery3:About">Gallery3: About Page</a> - </li> - <li> - <a href="http://codex.gallery2.org/Gallery3:Coding_Standards">Gallery3: Coding Standards</a> - </li> - </ul> + <div id="activities"> + <script> + show = function(section) { + $("div.activity").slideUp(); + $(section).slideDown(); + } + </script> + + <div id="configuration" class="activity" style="display: block"> + <?= $syscheck ?> + </div> + + <div id="actions" class="activity"> + <p> <?= html::anchor("album/1", "Browse Gallery") ?> </p> + <ul class="choices"> + <li> add: [</li> + <? foreach (array(1, 10, 50, 100, 500, 1000) as $count): ?> + <li> <?= html::anchor("welcome/add/$count", "$count") ?> </li> + <? endforeach ?> + <li>] photos and albums </li> + </ul> + </div> + + <div id="docs" class="activity"> + <ul> + <li> + <a href="http://docs.google.com/Doc?id=dfjxt593_184ff9jhmd8&hl=en">Gallery3: Prioritized Feature List</a> + </li> + <li> + <a href="http://docs.google.com/Doc?id=dfjxt593_185czczpm4f&hl=en">Gallery3: Secondary Features</a> + </li> + <li> + <a href="http://gallery.svn.sourceforge.net/viewvc/gallery/trunk/eval/gx/ui/HTML/index.html">Mockups</a> + </li> + <li> + <a href="http://www.nabble.com/Rough-Gallery-3-time-line-td20240153.html">Rough Timeline</a> (as of Oct 29, 2008) + </li> + <li> + <a href="http://codex.gallery2.org/Gallery3:About">Gallery3: About Page</a> + </li> + <li> + <a href="http://codex.gallery2.org/Gallery3:Coding_Standards">Gallery3: Coding Standards</a> + </li> + </ul> + </div> + </div> </div> </div> </body> |