[Checkins] SVN: Grokstar/trunk/src/grokstar/ * Use yui css library
(included dynamically) and make necessary macro adjustments.
Robert Marianski
rmarianski at openplans.org
Sun Feb 17 17:23:20 EST 2008
Log message for revision 83994:
* Use yui css library (included dynamically) and make necessary macro adjustments.
* Make semantic html changes when displaying footer and index of blog entries
* Add grokstar.css file with basic customizations
Changed:
U Grokstar/trunk/src/grokstar/blog_templates/blogindex.pt
U Grokstar/trunk/src/grokstar/blog_templates/blogmacros.pt
U Grokstar/trunk/src/grokstar/entry_templates/item.pt
A Grokstar/trunk/src/grokstar/static/
A Grokstar/trunk/src/grokstar/static/grokstar.css
-=-
Modified: Grokstar/trunk/src/grokstar/blog_templates/blogindex.pt
===================================================================
--- Grokstar/trunk/src/grokstar/blog_templates/blogindex.pt 2008-02-17 21:50:32 UTC (rev 83993)
+++ Grokstar/trunk/src/grokstar/blog_templates/blogindex.pt 2008-02-17 22:23:20 UTC (rev 83994)
@@ -14,9 +14,10 @@
<a href="edit" tal:attributes="href python:view.url('edit')">Edit</a>
blog title/tagline
</p>
- <tal:block repeat="entry view/entries">
- <tal:block content="structure entry/@@item"/>
- </tal:block>
+ <ol>
+ <li tal:repeat="entry view/entries"
+ tal:content="structure entry/@@item" />
+ </ol>
</div>
</body>
</html>
Modified: Grokstar/trunk/src/grokstar/blog_templates/blogmacros.pt
===================================================================
--- Grokstar/trunk/src/grokstar/blog_templates/blogmacros.pt 2008-02-17 21:50:32 UTC (rev 83993)
+++ Grokstar/trunk/src/grokstar/blog_templates/blogmacros.pt 2008-02-17 22:23:20 UTC (rev 83994)
@@ -1,12 +1,17 @@
<html metal:define-macro="blogpage">
<head>
<title metal:define-slot="title" tal:content="python:view.__name__" />
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.4.1/build/reset-fonts-grids/reset-fonts-grids.css" />
+ <link rel="stylesheet" type="text/css" href="static/grokstar.css"
+ tal:attributes="href static/grokstar.css" />
<div metal:define-slot="headers" />
</head>
- <body>
- <div id="header">
- <h1>GrokStar!</h1>
- <h2>Me need logo! And cool caveman saying! Ooga Booga!</h2>
+ <body id="doc">
+ <div id="hd">
+ <div id="logo">
+ <div id="appname">GrokStar!</div>
+ Me need logo!
+ </div>
<div id="menu">
<ul>
<li><a href="#" tal:attributes="href view/application_url">Home</a></li>
@@ -17,13 +22,15 @@
</ul>
</div>
</div>
- <div id="content">
+ <div id="bd">
<div metal:define-slot="main-content" />
</div>
- <div id="footer">
- <a href="http://grok.zope.org">GROK</a>
- <a href="http://www.zope.org">Zope</a>
- <a href="http://www.python.org">Python</a>
+ <div id="ft">
+ <ul>
+ <li><a href="http://grok.zope.org">GROK</a></li>
+ <li><a href="http://www.zope.org">Zope</a></li>
+ <li><a href="http://www.python.org">Python</a></li>
+ </ul>
</div>
</body>
</html>
Modified: Grokstar/trunk/src/grokstar/entry_templates/item.pt
===================================================================
--- Grokstar/trunk/src/grokstar/entry_templates/item.pt 2008-02-17 21:50:32 UTC (rev 83993)
+++ Grokstar/trunk/src/grokstar/entry_templates/item.pt 2008-02-17 22:23:20 UTC (rev 83994)
@@ -1,9 +1,8 @@
<div class="entry">
- <h2 class="title">
- <a tal:attributes="href python:view.url(context)">
- <tal:block content="context/title"/>
- </a>
+ <div class="title">
+ <a tal:attributes="href python:view.url(context)"
+ tal:content="context/title" />
(<span class="published" tal:content="context/published"/>)
- </h2>
+ </div>
<tal:block content="structure context/@@renderedcontent"/>
-</div>
\ No newline at end of file
+</div>
Added: Grokstar/trunk/src/grokstar/static/grokstar.css
===================================================================
--- Grokstar/trunk/src/grokstar/static/grokstar.css (rev 0)
+++ Grokstar/trunk/src/grokstar/static/grokstar.css 2008-02-17 22:23:20 UTC (rev 83994)
@@ -0,0 +1,42 @@
+h1 {
+ font-size: 138.5%;
+}
+
+h2 {
+ font-size: 123.1%;
+}
+
+h3 {
+ font-size: 108%;
+}
+
+h1,h2,h3,h4,strong {
+ font-weight: bold;
+}
+
+p {
+ margin-bottom: 1em;
+}
+
+#hd,#ft {
+ text-align: center;
+ margin: .5em 0;
+}
+
+#appname {
+ font-size: 153.9%;
+ font-weight: bold;
+}
+
+#menu li, #ft li {
+ display: inline;
+ line-height: 250%;
+}
+
+#menu li a, #ft li a {
+ text-decoration: none;
+}
+
+#menu li a:hover, #ft li a:hover {
+ text-decoration: underline;
+}
More information about the Checkins
mailing list