new layout inspired by stage6 (now defunct)
git-svn-id: http://yolanda.mister-muffin.de/svn@365 7eef14d0-6ed0-489d-bf55-20463b2d70db
This commit is contained in:
erlehmann
parent
578ba84952
commit
025dd1bc61
22 changed files with 581 additions and 124 deletions
|
|
@ -1,12 +1,12 @@
|
|||
from mako import runtime, filters, cache
|
||||
UNDEFINED = runtime.UNDEFINED
|
||||
_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_uri=u'/xhtml/base.mako'
|
||||
_template_cache=cache.Cache(__name__, _modified_time)
|
||||
_source_encoding=None
|
||||
_exports = ['search']
|
||||
_exports = ['search', 'tagcloud', 'login']
|
||||
|
||||
|
||||
def render_body(context,**pageargs):
|
||||
|
|
@ -17,36 +17,46 @@ def render_body(context,**pageargs):
|
|||
self = context.get('self', UNDEFINED)
|
||||
# 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')
|
||||
# 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="')
|
||||
# SOURCE LINE 31
|
||||
# SOURCE LINE 102
|
||||
context.write(unicode(h.url_for('/css/default.css')))
|
||||
context.write(u'"\n />\n\n <title>\n Yolanda - ')
|
||||
# SOURCE LINE 35
|
||||
# SOURCE LINE 106
|
||||
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 ')
|
||||
# SOURCE LINE 44
|
||||
# SOURCE LINE 115
|
||||
context.write(unicode(self.heading()))
|
||||
context.write(u'\n </h1>\n </div>\n\n ')
|
||||
# SOURCE LINE 48
|
||||
# SOURCE LINE 119
|
||||
context.write(unicode(self.search()))
|
||||
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(u'\n\n <div id="copyright">\n <em>Yolanda</em> Copyright © 2007, 2008 <em>The Yolanda Developers</em> –\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(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(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="')
|
||||
# SOURCE LINE 64
|
||||
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 139
|
||||
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="')
|
||||
# SOURCE LINE 70
|
||||
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 145
|
||||
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="')
|
||||
# SOURCE LINE 76
|
||||
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 151
|
||||
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')
|
||||
return ''
|
||||
|
|
@ -71,6 +81,39 @@ def render_search(context):
|
|||
context.write(u'\n\n ')
|
||||
# SOURCE LINE 13
|
||||
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')
|
||||
return ''
|
||||
finally:
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -1,7 +1,7 @@
|
|||
from mako import runtime, filters, cache
|
||||
UNDEFINED = runtime.UNDEFINED
|
||||
_magic_number = 2
|
||||
_modified_time = 1217192819.900584
|
||||
_modified_time = 1218428536.96173
|
||||
_template_filename='/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/index.mako'
|
||||
_template_uri='/xhtml/index.mako'
|
||||
_template_cache=cache.Cache(__name__, _modified_time)
|
||||
|
|
@ -29,7 +29,7 @@ def render_body(context,**pageargs):
|
|||
# SOURCE LINE 5
|
||||
context.write(u'\n\n')
|
||||
# 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 ''
|
||||
finally:
|
||||
context.caller_stack.pop_frame()
|
||||
|
|
@ -39,7 +39,7 @@ def render_heading(context):
|
|||
context.caller_stack.push_frame()
|
||||
try:
|
||||
# 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 ''
|
||||
finally:
|
||||
context.caller_stack.pop_frame()
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -1,7 +1,7 @@
|
|||
from mako import runtime, filters, cache
|
||||
UNDEFINED = runtime.UNDEFINED
|
||||
_magic_number = 2
|
||||
_modified_time = 1217192310.2031181
|
||||
_modified_time = 1218464716.3410029
|
||||
_template_filename='/home/nils/src/yolanda/trunk/yolanda/templates/xhtml/results.mako'
|
||||
_template_uri='/xhtml/results.mako'
|
||||
_template_cache=cache.Cache(__name__, _modified_time)
|
||||
|
|
@ -53,7 +53,7 @@ def render_results_listing(context,results):
|
|||
# SOURCE LINE 13
|
||||
for result in c.results:
|
||||
# SOURCE LINE 14
|
||||
context.write(u' <li id="result">\n <a href="')
|
||||
context.write(u' <li>\n <a href="')
|
||||
# SOURCE LINE 15
|
||||
context.write(unicode(h.url_for('video_page', video=result)))
|
||||
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="')
|
||||
# SOURCE LINE 19
|
||||
context.write(unicode(h.url_for('video_page', video=result)))
|
||||
context.write(u'">\n ')
|
||||
context.write(u'" class="title">\n ')
|
||||
# SOURCE LINE 20
|
||||
context.write(unicode(result['title']))
|
||||
context.write(u'\n </a>\n </li>\n')
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
176
trunk/yolanda/public/css/colors/tango.css
Normal file
176
trunk/yolanda/public/css/colors/tango.css
Normal 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;
|
||||
}
|
||||
|
|
@ -1,94 +1,12 @@
|
|||
/* reset */
|
||||
*
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
/*
|
||||
Yolanda default stylesheet colors (using tango color palette)
|
||||
(c) 2007-2008 Nils Dagsson Moskopp
|
||||
|
||||
/* re/b/oot */
|
||||
body
|
||||
{
|
||||
padding-bottom: 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
This file is licensed under the WTF Public License
|
||||
|
||||
form
|
||||
{
|
||||
padding: 0.5em;
|
||||
}
|
||||
Purpose of this file is to import color, decoration and structure stylesheets.
|
||||
*/
|
||||
|
||||
form input
|
||||
{
|
||||
font-size: 1.2em;
|
||||
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;
|
||||
}
|
||||
@import "reset.css";
|
||||
@import "colors/tango.css";
|
||||
@import "structure/fake6.css";
|
||||
|
|
|
|||
42
trunk/yolanda/public/css/embedded.css
Normal file
42
trunk/yolanda/public/css/embedded.css
Normal 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
73
trunk/yolanda/public/css/reset.css
Normal 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
113
trunk/yolanda/public/css/structure/fake6.css
Normal 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;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 44 KiB |
BIN
trunk/yolanda/public/images/openid-icon.png
Executable file
BIN
trunk/yolanda/public/images/openid-icon.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 582 B |
BIN
trunk/yolanda/public/images/tango/16x16/actions/document-new.png
Normal file
BIN
trunk/yolanda/public/images/tango/16x16/actions/document-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 477 B |
BIN
trunk/yolanda/public/images/tango/16x16/actions/go-up.png
Normal file
BIN
trunk/yolanda/public/images/tango/16x16/actions/go-up.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 652 B |
Binary file not shown.
|
After Width: | Height: | Size: 935 B |
Binary file not shown.
|
After Width: | Height: | Size: 788 B |
Binary file not shown.
|
After Width: | Height: | Size: 717 B |
|
|
@ -12,6 +12,77 @@
|
|||
|
||||
${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>
|
||||
</%def>
|
||||
|
||||
|
|
@ -47,6 +118,10 @@
|
|||
|
||||
${self.search()}
|
||||
|
||||
${self.tagcloud()}
|
||||
|
||||
${self.login()}
|
||||
|
||||
${self.body()}
|
||||
|
||||
<div id="copyright">
|
||||
|
|
@ -57,23 +132,23 @@
|
|||
To view the source code, <a href="">click here</a>. Report bugs <a href="">here</a>.
|
||||
</div>
|
||||
|
||||
<ul id="antipixel" role="navigation">
|
||||
<ul id="badges">
|
||||
|
||||
<li>
|
||||
<li class="badge">
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<li class="badge">
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<li class="badge">
|
||||
<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>
|
||||
</li>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,24 @@
|
|||
</%def>
|
||||
|
||||
<%def name="heading()">
|
||||
Welcome, youngling !
|
||||
Welcome to Yolanda, a place for people who hate Adobe Flash.
|
||||
</%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>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,12 +11,12 @@
|
|||
<%def name="results_listing(results)">
|
||||
<ol id="results">
|
||||
% for result in c.results:
|
||||
<li id="result">
|
||||
<li>
|
||||
<a href="${h.url_for('video_page', video=result)}">
|
||||
<img src="${result['thumbnail']}" alt='thumbnail for "${result['title']}"'/>
|
||||
</a>
|
||||
<br />
|
||||
<a href="${h.url_for('video_page', video=result)}">
|
||||
<a href="${h.url_for('video_page', video=result)}" class="title">
|
||||
${result['title']}
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Reference in a new issue