josch/yolanda
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

new layout inspired by stage6 (now defunct)

Browse source 
git-svn-id: http://yolanda.mister-muffin.de/svn@365 7eef14d0-6ed0-489d-bf55-20463b2d70db
This commit is contained in:
erlehmann 2008-08-11 20:37:26 +00:00
parent 578ba84952
commit 025dd1bc61
22 changed files with 581 additions and 124 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
trunk/data/templates/xhtml/base.mako.py
View file

@ -1,12 +1,12 @@
from mako import runtime, filters, cache from mako import runtime, filters, cache
UNDEFINED = runtime.UNDEFINED UNDEFINED = runtime.UNDEFINED
_magic_number = 2 _magic_number = 2
_modified_time = 1218131048.479471 _modified_time = 1218437120.3345709
_template_filename=u'/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/base.mako' _template_filename=u'/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/base.mako'
_template_uri=u'/xhtml/base.mako' _template_uri=u'/xhtml/base.mako'
_template_cache=cache.Cache(__name__, _modified_time) _template_cache=cache.Cache(__name__, _modified_time)
_source_encoding=None _source_encoding=None
_exports = ['search'] _exports = ['search', 'tagcloud', 'login']
def render_body(context,**pageargs): def render_body(context,**pageargs):
@ -17,36 +17,46 @@ def render_body(context,**pageargs):
self = context.get('self', UNDEFINED) self = context.get('self', UNDEFINED)
# SOURCE LINE 1 # SOURCE LINE 1
context.write(u'<?xml version="1.0" ?>\n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n\n') context.write(u'<?xml version="1.0" ?>\n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n\n')
# SOURCE LINE 16 # SOURCE LINE 38
context.write(u'\n\n')
# SOURCE LINE 53
context.write(u'\n\n')
# SOURCE LINE 87
context.write(u'\n\n<html xmlns="http://www.w3.org/1999/xhtml">\n\n<head>\n\n <meta\n http-equiv="Content-Type"\n content="application/xhtml+xml;charset=utf-8"\n />\n\n <link\n rel="stylesheet"\n type="text/css"\n media="screen"\n href="') context.write(u'\n\n<html xmlns="http://www.w3.org/1999/xhtml">\n\n<head>\n\n <meta\n http-equiv="Content-Type"\n content="application/xhtml+xml;charset=utf-8"\n />\n\n <link\n rel="stylesheet"\n type="text/css"\n media="screen"\n href="')
# SOURCE LINE 31 # SOURCE LINE 102
context.write(unicode(h.url_for('/css/default.css'))) context.write(unicode(h.url_for('/css/default.css')))
context.write(u'"\n />\n\n <title>\n Yolanda - ') context.write(u'"\n />\n\n <title>\n Yolanda - ')
# SOURCE LINE 35 # SOURCE LINE 106
context.write(unicode(self.title())) context.write(unicode(self.title()))
context.write(u'\n </title>\n\n</head>\n\n<body>\n\n <div id="heading-box">\n <h1>\n ') context.write(u'\n </title>\n\n</head>\n\n<body>\n\n <div id="heading-box">\n <h1>\n ')
# SOURCE LINE 44 # SOURCE LINE 115
context.write(unicode(self.heading())) context.write(unicode(self.heading()))
context.write(u'\n </h1>\n </div>\n\n ') context.write(u'\n </h1>\n </div>\n\n ')
# SOURCE LINE 48 # SOURCE LINE 119
context.write(unicode(self.search())) context.write(unicode(self.search()))
context.write(u'\n\n ') context.write(u'\n\n ')
# SOURCE LINE 50 # SOURCE LINE 121
context.write(unicode(self.tagcloud()))
context.write(u'\n\n ')
# SOURCE LINE 123
context.write(unicode(self.login()))
context.write(u'\n\n ')
# SOURCE LINE 125
context.write(unicode(self.body())) context.write(unicode(self.body()))
context.write(u'\n\n <div id="copyright">\n <em>Yolanda</em> Copyright &copy; 2007, 2008 <em>The Yolanda Developers</em> &ndash;\n This program comes with <em>absolutely no warranty</em>; for details <a href="') context.write(u'\n\n <div id="copyright">\n <em>Yolanda</em> Copyright &copy; 2007, 2008 <em>The Yolanda Developers</em> &ndash;\n This program comes with <em>absolutely no warranty</em>; for details <a href="')
# SOURCE LINE 54 # SOURCE LINE 129
context.write(unicode(h.url_for('license'))) context.write(unicode(h.url_for('license')))
context.write(u'">click here</a>.\n This is <em>free software</em>, and you are welcome to redistribute it\n under certain conditions; <a href="') context.write(u'">click here</a>.\n This is <em>free software</em>, and you are welcome to redistribute it\n under certain conditions; <a href="')
# SOURCE LINE 56 # SOURCE LINE 131
context.write(unicode(h.url_for('license'))) context.write(unicode(h.url_for('license')))
context.write(u'">click here</a> for details.\n To view the source code, <a href="">click here</a>. Report bugs <a href="">here</a>.\n </div>\n\n <ul id="antipixel" role="navigation">\n\n <li>\n <a href="http://validator.w3.org/">\n <img alt="XHTML 1.1 logo" class="badge" src="') context.write(u'">click here</a> for details.\n To view the source code, <a href="">click here</a>. Report bugs <a href="">here</a>.\n </div>\n\n <ul id="badges">\n\n <li class="badge">\n <a href="http://validator.w3.org/">\n <img alt="XHTML 1.1 logo" src="')
# SOURCE LINE 64 # SOURCE LINE 139
context.write(unicode(h.url_for('images/badges/xhtml 1.1.png'))) context.write(unicode(h.url_for('images/badges/xhtml 1.1.png')))
context.write(u'" />\n </a>\n </li>\n\n <li>\n <a href="http://jigsaw.w3.org/css-validator/">\n <img alt="CSS logo" class="badge" src="') context.write(u'" />\n </a>\n </li>\n\n <li class="badge">\n <a href="http://jigsaw.w3.org/css-validator/">\n <img alt="CSS logo" src="')
# SOURCE LINE 70 # SOURCE LINE 145
context.write(unicode(h.url_for('images/badges/css.png'))) context.write(unicode(h.url_for('images/badges/css.png')))
context.write(u'" />\n </a>\n </li>\n\n <li>\n <a href="http://www.theora.org/">\n <img alt="Ogg Theora logo" class="badge" src="') context.write(u'" />\n </a>\n </li>\n\n <li class="badge">\n <a href="http://www.theora.org/">\n <img alt="Ogg Theora logo" src="')
# SOURCE LINE 76 # SOURCE LINE 151
context.write(unicode(h.url_for('images/badges/ogg theora.png'))) context.write(unicode(h.url_for('images/badges/ogg theora.png')))
context.write(u'" />\n </a>\n </li>\n\n </ul>\n\n</body>\n\n</html>\n') context.write(u'" />\n </a>\n </li>\n\n </ul>\n\n</body>\n\n</html>\n')
return '' return ''
@ -71,6 +81,39 @@ def render_search(context):
context.write(u'\n\n ') context.write(u'\n\n ')
# SOURCE LINE 13 # SOURCE LINE 13
context.write(unicode(h.end_form())) context.write(unicode(h.end_form()))
context.write(u'\n\n <ul id="queries">\n\n <li id="important">\n <a href="">\n Important matters\n </a>\n </li>\n\n <li id="popular">\n <a href="">\n Popular garbage\n </a>\n </li>\n\n <li id="new">\n <a href="">\n Totally new stuff\n </a>\n </li>\n\n </ul>\n\n </div>\n')
return ''
finally:
context.caller_stack.pop_frame()
def render_tagcloud(context):
context.caller_stack.push_frame()
try:
# SOURCE LINE 55
context.write(u'\n <div id="tagcloud-box">\n\n <h1>Tag cloud</h1>\n\n <a class="tag4+">Proin</a>\n <a class="tag16+">lectus</a>\n <a class="tag4+">orci</a>\n <a class="tag4+">venenatis</a>\n <a class="tag16+">pharetra</a>\n <a class="tag4+">egestas</a>\n <a class="tag16+">id</a>\n <a class="tag4+">tincidunt</a>\n <a class="tag16+">vel</a>\n <a class="tag16+">eros</a>\n <a class="tag4+">Integer</a>\n <a class="tag4+">risus</a>\n <a class="tag4+">velit</a>\n <a class="tag16+">facilisis</a>\n <a class="tag16+">eget</a>\n <a class="tag4+">viverra</a>\n <a class="tag4+">et</a>\n <a class="tag4+">leo</a>\n <a class="tag16+">Suspendisse</a>\n <a class="tag16+">potenti</a>\n <a class="tag16+">Phasellus</a>\n <a class="tag16+">auctor</a>\n <a class="tag16+">enim</a>\n <a class="tag4+">eget</a>\n <a class="tag16g+">sem</a>\n\n </div>\n')
return ''
finally:
context.caller_stack.pop_frame()
def render_login(context):
context.caller_stack.push_frame()
try:
h = context.get('h', UNDEFINED)
# SOURCE LINE 40
context.write(u'\n <div id="login-box">\n\n <h1>Login to upload videos</h1>\n\n ')
# SOURCE LINE 45
context.write(unicode(h.form(h.url_for('account_login'), method='post')))
context.write(u'\n\n ')
# SOURCE LINE 47
context.write(unicode(h.text_field('username')))
context.write(u'\n ')
# SOURCE LINE 48
context.write(unicode(h.submit('Login (OpenID)')))
context.write(u'\n\n ')
# SOURCE LINE 50
context.write(unicode(h.end_form()))
context.write(u'\n\n </div>\n') context.write(u'\n\n </div>\n')
return '' return ''
finally: finally:

BIN
trunk/data/templates/xhtml/base.mako.pyc
View file

Binary file not shown.

6
trunk/data/templates/xhtml/index.mako.py
View file

@ -1,7 +1,7 @@
from mako import runtime, filters, cache from mako import runtime, filters, cache
UNDEFINED = runtime.UNDEFINED UNDEFINED = runtime.UNDEFINED
_magic_number = 2 _magic_number = 2
_modified_time = 1217192819.900584 _modified_time = 1218428536.96173
_template_filename='/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/index.mako' _template_filename='/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/index.mako'
_template_uri='/xhtml/index.mako' _template_uri='/xhtml/index.mako'
_template_cache=cache.Cache(__name__, _modified_time) _template_cache=cache.Cache(__name__, _modified_time)
@ -29,7 +29,7 @@ def render_body(context,**pageargs):
# SOURCE LINE 5 # SOURCE LINE 5
context.write(u'\n\n') context.write(u'\n\n')
# SOURCE LINE 9 # SOURCE LINE 9
context.write(u'\n\nLOL INDEX\n') context.write(u'\n\n<h1>Welcome to Yolanda</h1>\n\n<h2>WTF Is This Shit ?</h2>\n\n<p>\nMauris et dolor. Suspendisse potenti. Proin diam augue, semper vitae, varius et, viverra id, felis. Praesent lacus. Pellentesque tempor. Suspendisse viverra placerat tortor. Maecenas justo. Aenean justo ipsum, luctus ut, volutpat laoreet, vehicula in, libero. Morbi volutpat. Cras gravida. \n</p>\n\n<p>\nSed non ipsum. Maecenas justo. Etiam fermentum. Praesent scelerisque. Quisque malesuada nulla sed pede volutpat pulvinar. Curabitur tincidunt tellus nec purus. Praesent a lacus vitae turpis consequat semper. Aenean turpis ipsum, rhoncus vitae, posuere vitae, euismod sed, ligula. Praesent semper, neque vel condimentum hendrerit, lectus elit pretium ligula, nec consequat nisl velit at dui. Nam malesuada sapien eu nibh. \n</p>\n\n<h2>Lol Awesome !</h2>\n\n<p>\nEtiam fermentum. Quisque arcu ante, cursus in, ornare quis, viverra ut, justo. Nulla sed lacus. Morbi turpis arcu, egestas congue, condimentum quis, tristique cursus, leo. Vestibulum non arcu a ante feugiat vestibulum. Quisque facilisis, urna sit amet pulvinar mollis, purus arcu adipiscing velit, non condimentum diam purus eu massa. Nulla sagittis condimentum ligula. Quisque dictum quam vel neque. Nam id neque. Fusce venenatis ligula in pede. \n</p>\n\n')
return '' return ''
finally: finally:
context.caller_stack.pop_frame() context.caller_stack.pop_frame()
@ -39,7 +39,7 @@ def render_heading(context):
context.caller_stack.push_frame() context.caller_stack.push_frame()
try: try:
# SOURCE LINE 7 # SOURCE LINE 7
context.write(u'\n Welcome, youngling !\n') context.write(u'\n Welcome to Yolanda, a place for people who hate Adobe Flash.\n')
return '' return ''
finally: finally:
context.caller_stack.pop_frame() context.caller_stack.pop_frame()

BIN
trunk/data/templates/xhtml/index.mako.pyc
View file

Binary file not shown.

6
trunk/data/templates/xhtml/results.mako.py
View file

@ -1,7 +1,7 @@
from mako import runtime, filters, cache from mako import runtime, filters, cache
UNDEFINED = runtime.UNDEFINED UNDEFINED = runtime.UNDEFINED
_magic_number = 2 _magic_number = 2
_modified_time = 1217192310.2031181 _modified_time = 1218464716.3410029
_template_filename='/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/results.mako' _template_filename='/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/results.mako'
_template_uri='/xhtml/results.mako' _template_uri='/xhtml/results.mako'
_template_cache=cache.Cache(__name__, _modified_time) _template_cache=cache.Cache(__name__, _modified_time)
@ -53,7 +53,7 @@ def render_results_listing(context,results):
# SOURCE LINE 13 # SOURCE LINE 13
for result in c.results: for result in c.results:
# SOURCE LINE 14 # SOURCE LINE 14
context.write(u' <li id="result">\n <a href="') context.write(u' <li>\n <a href="')
# SOURCE LINE 15 # SOURCE LINE 15
context.write(unicode(h.url_for('video_page', video=result))) context.write(unicode(h.url_for('video_page', video=result)))
context.write(u'">\n <img src="') context.write(u'">\n <img src="')
@ -64,7 +64,7 @@ def render_results_listing(context,results):
context.write(u'"\'/>\n </a>\n <br />\n <a href="') context.write(u'"\'/>\n </a>\n <br />\n <a href="')
# SOURCE LINE 19 # SOURCE LINE 19
context.write(unicode(h.url_for('video_page', video=result))) context.write(unicode(h.url_for('video_page', video=result)))
context.write(u'">\n ') context.write(u'" class="title">\n ')
# SOURCE LINE 20 # SOURCE LINE 20
context.write(unicode(result['title'])) context.write(unicode(result['title']))
context.write(u'\n </a>\n </li>\n') context.write(u'\n </a>\n </li>\n')

BIN
trunk/data/templates/xhtml/results.mako.pyc
View file

Binary file not shown.

BIN
trunk/yolanda/config/routing.pyc
View file

Binary file not shown.

176
trunk/yolanda/public/css/colors/tango.css Normal file
View file

@ -0,0 +1,176 @@
/*
Yolanda default decoration stylesheet (using tango color palette)
(c) 2007-2008 Nils Dagsson Moskopp
This file is licensed under the WTF Public License.
Purpose of this file is to provide decoration, such as:
- borders
- colors
- images (background, list bullets etc.)
- generated content
- text attributes
*/
a
{
color: #88D9F3;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
body {
background-color: #000000;
color: #E5E5E5;
font-size: 12px;
font-family: sans-serif;
}
blockquote:before
{
content: open-quote;
font-size: 2em;
margin-left: 7.5em;
}
blockquote:after
{
content: close-quote;
font-size: 2em;
margin-right: 7.5em;
}
code
{
font-family: monospace;
}
em
{
font-style: italic;
}
h1
{
font-size: 1.5em;
line-height: 1.25em;
}
h2
{
font-size: 1.25em;
line-height: 1.125em;
}
h3
{
font-size: 1.125em;
line-height: 1.0625em;
}
input
{
background-color: #E5E5E5;
color: #131313;
border-color: #363636;
border-style: solid;
}
input#query
{
background-image: url(/images/tango/16x16/actions/system-search.png);
background-position: 0.5em center;
background-repeat: no-repeat;
}
input#username
{
background-image: url(/images/openid-icon.png);
background-position: 0.5em center;
background-repeat: no-repeat;
}
ol#results
{
}
ol#results li
{
}
ol#results li img
{
border-color: #363636;
border-style: solid;
}
ol#results li a.title
{
font-weight: bold;
}
q:before
{
content: open-quote;
}
q:after
{
content: close-quote;
}
ul#queries
{
list-style-position: inside;
}
ul#queries li
{
font-size: 1.5em;
line-height: 1.25em;
text-transform: uppercase;
}
ul#queries li#important
{
list-style-image:url(/images/tango/16x16/emblems/emblem-important.png)
}
ul#queries li#new
{
list-style-image:url(/images/tango/16x16/actions/document-new.png)
}
ul#queries li#popular
{
list-style-image:url(/images/tango/16x16/emblems/emblem-favorite.png)
}
ul#queries li a
{
color: #FFD95A;
}
/* ids */
#copyright
{
background-color: #131313;
border-color: #363636;
border-style: dotted;
font-family: monospace;
}
#heading-box,
#login-box,
#search-box,
#tagcloud-box
{
background-color: #131313;
border-color: #363636;
border-style: solid;
}

100
trunk/yolanda/public/css/default.css
View file

@ -1,94 +1,12 @@
/* reset */ /*
* Yolanda default stylesheet colors (using tango color palette)
{ (c) 2007-2008 Nils Dagsson Moskopp
margin: 0px;
padding: 0px;
}
/* re/b/oot */ This file is licensed under the WTF Public License
body
{
padding-bottom: 0.5em;
text-align: center;
}
form Purpose of this file is to import color, decoration and structure stylesheets.
{ */
padding: 0.5em;
}
form input @import "reset.css";
{ @import "colors/tango.css";
font-size: 1.2em; @import "structure/fake6.css";
width: 11em;
}
form input[type="text"]
{
text-align: left;
}
h1
{
font-size: 1.2em;
font-weight: normal;
}
ol, ul[role="navigation"]
{
list-style-position: inside;
list-style-type: none;
}
ol#results
{
margin: 0.5em;
padding: 0.5em;
}
ol#results li
{
display: inline-block;
font-weight: bold;
padding: 0.5em;
vertical-align: top;
width: 227px;
}
ol#results li img
{
border: 1px solid black;
}
#badge li, #footer li
{
display: inline-block;
}
#badge li
{
padding: 0.5em;
}
#copyright
{
background-color: #eeeeec;
clear: right;
color: black;
border: 1px solid black;
margin: 0.5em;
padding: 0.5em;
font-family: monospace;
}
#heading-box, #search-box
{
background-color: #eeeeec;
color: black;
border: 1px solid black;
margin: 0.5em;
padding: 0.5em;
clear: right;
float: right;
width: 15em;
}

42
trunk/yolanda/public/css/embedded.css Normal file
View file

@ -0,0 +1,42 @@
@import "reset.css";
@import "colors/tango.css";
body
{
font-family: sans-serif;
font-size: 10pt;
margin: 0px;
padding: 0px;
text-align: center;
}
fieldset
{
border-style: solid;
border-width: 1px;
margin: 0px;
padding: 1em;
}
form
{
height: 100%;
width: 100%;
}
button
{
/* crude center hack */
position: absolute;
top: 50%;
left: 50%;
width: 164px;
height: 164px;
}
button[name="playback"]
{
/* crude center hack */
margin-left: -82px;
margin-top: -82px;
}

73
trunk/yolanda/public/css/reset.css Normal file
View file

@ -0,0 +1,73 @@
/*
Eric Meyers reset stylesheet, stolen from
<http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/>
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus
{
outline: 0;
}
body
{
line-height: 1;
color: black;
background: white;
}
ol,
ul
{
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td
{
text-align: left;
font-weight: normal;
}
blockquote,
q
{
quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after
{
content: "";
}

113
trunk/yolanda/public/css/structure/fake6.css Normal file
View file

@ -0,0 +1,113 @@
/*
Yolanda default structure stylesheet
(c) 2007-2008 Nils Dagsson Moskopp
This file is licensed under the WTF Public License.
Purpose of this file is to provide the structure of the layout, such as:
- size (width, height)
- spacing (margin, padding)
*/
blockquote
{
width: 15em;
}
body
{
margin: 1em;
min-width: 46em;
}
h1,
h2,
h3
{
text-align: center;
}
input
{
padding: 0.5em;
}
input#query,
input#username
{
padding-left: 2.5em;
}
input[type="text"]
{
width: 9.5em;
}
input[type="submit"]
{
width: 9.5em;
}
ol#results
{
/* compensate for list element margin */
margin-left: -1em;
text-align: center;
}
ol#results li
{
display: inline-block;
margin-left: 1em;
margin-bottom: 1em;
width: 216px;
}
ol#results li img
{
border-width: 1px;
}
ol#results li a.title
{
display: block;
height: 1em;
overflow: hidden;
}
ul#queries
{
padding-left: 0.5em;
}
/* classes */
/* ids */
/* sidebar stuff */
#copyright,
#heading-box,
#login-box,
#search-box,
#tagcloud-box
{
border-width: 1px;
clear: right;
margin-bottom: 1em;
padding: 1em;
}
#heading-box,
#login-box,
#search-box,
#tagcloud-box
{
float: right;
width: 25em;
}
#results
{
margin-right: 28em;
}

BIN
trunk/yolanda/public/images/404.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 44 KiB

BIN
trunk/yolanda/public/images/openid-icon.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 582 B

BIN
trunk/yolanda/public/images/tango/16x16/actions/document-new.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 477 B

BIN
trunk/yolanda/public/images/tango/16x16/actions/go-up.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 652 B

BIN
trunk/yolanda/public/images/tango/16x16/actions/system-search.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 935 B

BIN
trunk/yolanda/public/images/tango/16x16/emblems/emblem-favorite.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 788 B

BIN
trunk/yolanda/public/images/tango/16x16/emblems/emblem-important.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 717 B

89
trunk/yolanda/templates/xhtml/base.mako
View file

@ -12,6 +12,77 @@
${h.end_form()} ${h.end_form()}
<ul id="queries">
<li id="important">
<a href="">
Important matters
</a>
</li>
<li id="popular">
<a href="">
Popular garbage
</a>
</li>
<li id="new">
<a href="">
Totally new stuff
</a>
</li>
</ul>
</div>
</%def>
<%def name="login()">
<div id="login-box">
<h1>Login to upload videos</h1>
${h.form(h.url_for('account_login'), method='post')}
${h.text_field('username')}
${h.submit('Login (OpenID)')}
${h.end_form()}
</div>
</%def>
<%def name="tagcloud()">
<div id="tagcloud-box">
<h1>Tag cloud</h1>
<a class="tag4+">Proin</a>
<a class="tag16+">lectus</a>
<a class="tag4+">orci</a>
<a class="tag4+">venenatis</a>
<a class="tag16+">pharetra</a>
<a class="tag4+">egestas</a>
<a class="tag16+">id</a>
<a class="tag4+">tincidunt</a>
<a class="tag16+">vel</a>
<a class="tag16+">eros</a>
<a class="tag4+">Integer</a>
<a class="tag4+">risus</a>
<a class="tag4+">velit</a>
<a class="tag16+">facilisis</a>
<a class="tag16+">eget</a>
<a class="tag4+">viverra</a>
<a class="tag4+">et</a>
<a class="tag4+">leo</a>
<a class="tag16+">Suspendisse</a>
<a class="tag16+">potenti</a>
<a class="tag16+">Phasellus</a>
<a class="tag16+">auctor</a>
<a class="tag16+">enim</a>
<a class="tag4+">eget</a>
<a class="tag16g+">sem</a>
</div> </div>
</%def> </%def>
@ -47,6 +118,10 @@
${self.search()} ${self.search()}
${self.tagcloud()}
${self.login()}
${self.body()} ${self.body()}
<div id="copyright"> <div id="copyright">
@ -57,23 +132,23 @@
To view the source code, <a href="">click here</a>. Report bugs <a href="">here</a>. To view the source code, <a href="">click here</a>. Report bugs <a href="">here</a>.
</div> </div>
<ul id="antipixel" role="navigation"> <ul id="badges">
<li> <li class="badge">
<a href="http://validator.w3.org/"> <a href="http://validator.w3.org/">
<img alt="XHTML 1.1 logo" class="badge" src="${h.url_for('images/badges/xhtml 1.1.png')}" /> <img alt="XHTML 1.1 logo" src="${h.url_for('images/badges/xhtml 1.1.png')}" />
</a> </a>
</li> </li>
<li> <li class="badge">
<a href="http://jigsaw.w3.org/css-validator/"> <a href="http://jigsaw.w3.org/css-validator/">
<img alt="CSS logo" class="badge" src="${h.url_for('images/badges/css.png')}" /> <img alt="CSS logo" src="${h.url_for('images/badges/css.png')}" />
</a> </a>
</li> </li>
<li> <li class="badge">
<a href="http://www.theora.org/"> <a href="http://www.theora.org/">
<img alt="Ogg Theora logo" class="badge" src="${h.url_for('images/badges/ogg theora.png')}" /> <img alt="Ogg Theora logo" src="${h.url_for('images/badges/ogg theora.png')}" />
</a> </a>
</li> </li>

21
trunk/yolanda/templates/xhtml/index.mako
View file

@ -5,7 +5,24 @@
</%def> </%def>
<%def name="heading()"> <%def name="heading()">
Welcome, youngling ! Welcome to Yolanda, a place for people who hate Adobe Flash.
</%def> </%def>
LOL INDEX <h1>Welcome to Yolanda</h1>
<h2>WTF Is This Shit ?</h2>
<p>
Mauris et dolor. Suspendisse potenti. Proin diam augue, semper vitae, varius et, viverra id, felis. Praesent lacus. Pellentesque tempor. Suspendisse viverra placerat tortor. Maecenas justo. Aenean justo ipsum, luctus ut, volutpat laoreet, vehicula in, libero. Morbi volutpat. Cras gravida.
</p>
<p>
Sed non ipsum. Maecenas justo. Etiam fermentum. Praesent scelerisque. Quisque malesuada nulla sed pede volutpat pulvinar. Curabitur tincidunt tellus nec purus. Praesent a lacus vitae turpis consequat semper. Aenean turpis ipsum, rhoncus vitae, posuere vitae, euismod sed, ligula. Praesent semper, neque vel condimentum hendrerit, lectus elit pretium ligula, nec consequat nisl velit at dui. Nam malesuada sapien eu nibh.
</p>
<h2>Lol Awesome !</h2>
<p>
Etiam fermentum. Quisque arcu ante, cursus in, ornare quis, viverra ut, justo. Nulla sed lacus. Morbi turpis arcu, egestas congue, condimentum quis, tristique cursus, leo. Vestibulum non arcu a ante feugiat vestibulum. Quisque facilisis, urna sit amet pulvinar mollis, purus arcu adipiscing velit, non condimentum diam purus eu massa. Nulla sagittis condimentum ligula. Quisque dictum quam vel neque. Nam id neque. Fusce venenatis ligula in pede.
</p>

4
trunk/yolanda/templates/xhtml/results.mako
View file

@ -11,12 +11,12 @@
<%def name="results_listing(results)"> <%def name="results_listing(results)">
<ol id="results"> <ol id="results">
% for result in c.results: % for result in c.results:
<li id="result"> <li>
<a href="${h.url_for('video_page', video=result)}"> <a href="${h.url_for('video_page', video=result)}">
<img src="${result['thumbnail']}" alt='thumbnail for "${result['title']}"'/> <img src="${result['thumbnail']}" alt='thumbnail for "${result['title']}"'/>
</a> </a>
<br /> <br />
<a href="${h.url_for('video_page', video=result)}"> <a href="${h.url_for('video_page', video=result)}" class="title">
${result['title']} ${result['title']}
</a> </a>
</li> </li>