Commits

slug...@gmail.com  committed b201651

Simplify the home page and add a site template.

  • Participants
  • Parent commits 9dcca90

Comments (0)

Files changed (5)

+dev (unreleased)
+----------------
+- App skeleton:
+
+  + Simplify home page and add a Mako site template that can be easily
+    extended by the user.
+
 1.0b2 (2011-03-19)
 ------------------
 - App skeleton:

File akhet/paster_templates/akhet/+package+/static/stylesheets/default.css

+body {
+    font-family: sans-serif;
+    }
+
+a {
+    text-decoration: none;
+    }
+
+dl {
+    font-weight: bold;
+    }
+
+h1#title {
+    text-align: center;
+    }

File akhet/paster_templates/akhet/+package+/static/stylesheets/pylons.css

-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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size:100%;/* 16px */
-vertical-align:baseline;background:transparent;}
-body{line-height:1;}
-ol,ul{list-style:none;}
-blockquote,q{quotes:none;}
-blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
-/* remember to define focus styles! */
-:focus{outline:0;}
-/* remember to highlight inserts somehow! */
-ins{text-decoration:none;}
-del{text-decoration:line-through;}
-/* tables still need 'cellspacing="0"' in the markup */
-table{border-collapse:collapse;border-spacing:0;}
-/* restyling */
-sub{vertical-align:sub;font-size:smaller;line-height:normal;}
-sup{vertical-align:super;font-size:smaller;line-height:normal;}
-/* lists */
-ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
-ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
-li{display:list-item;}
-/* nested lists have no top/bottom margins */
-ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
-/* 2 deep unordered lists use a circle */
-ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
-/* 3 deep (or more) unordered lists use a square */
-ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
-.hidden{display:none;}
-p{line-height:1.5em;}
-h1{font-size:1.75em;/* 28px */
-line-height:1.7em;font-family:helvetica,verdana;}
-h2{font-size:1.5em;/* 24px */
-line-height:1.7em;font-family:helvetica,verdana;}
-h3{font-size:1.25em;/* 20px */
-line-height:1.7em;font-family:helvetica,verdana;}
-h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
-html,body{width:100%;height:100%;}
-body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
-a{color:#1b61d6;text-decoration:none;}
-a:hover{color:#e88f00;text-decoration:underline;}
-body h1,
-body h2,
-body h3,
-body h4,
-body h5,
-body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
-#wrap {min-height: 100%;}
-#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
-#header{background-color:#e88f00;top:0;font-size:14px;}
-#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
-.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
-.wrapper{width:100%}
-#top,#bottom{width:100%;}
-#top{color:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;margin-bottom:10px;}
-#bottom{color:#222;background-color:#ffffff;overflow:hidden;}
-.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
-.top{padding-top:100px;}
-.app-welcome{margin-top:25px;}
-.app-name{color:#000000;font-weight:bold;}
-/*.bottom{padding-top:50px;}*/
-.text{font-size:80%;color:#444444;margin:20px 0;text-align:center;}
-#left{width:325px;float:left;padding-right:25px;}
-#right{width:325px;float:right;padding-left:25px;}
-.align-left{text-align:left;}
-.align-right{text-align:right;}
-.align-center{text-align:center;}
-ul.links{margin:0;padding:0;}
-ul.links li{list-style-type:none;font-size:14px;}
-form{border-style:none;}
-fieldset{border-style:none;}
-input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
-input[type=text]{}
-input[type=submit]{background-color:#ddd;font-weight:bold;}
-/*Opera Fix*/
-body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}

File akhet/paster_templates/akhet/+package+/templates/index.html

-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-<head>
-	<title>${project}</title>
-	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
-	<meta name="keywords" content="python web application" />
-	<meta name="description" content="pyramid web application" />
-	<link rel="shortcut icon" href="${request.application_url}/favicon.ico" />
-	<link rel="stylesheet" href="${request.application_url}/stylesheets/pylons.css" type="text/css" media="screen" charset="utf-8" />
-	<!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" /> -->
-	<!--[if !IE 7]>
-	<style type="text/css">
-		#wrap {display:table;height:100%}
-	</style>
-	<![endif]-->
-</head>
-<body>
-	<div id="wrap">
-		<div id="header">
-			<div class="header">The Pyramid Web Application Development Framework</div>
-		</div>
-		<div id="top">
-			<div class="top align-center">
-				<img src="${request.application_url}/images/logo.png" width="300" height="80"/>
-				<p class="app-welcome">
-					Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
-					Akhet and the Pyramid web application development framework.
-				</p>
-			</div>
-		</div>
-		<div id="bottom">
-			<div class="bottom">
-				<div id="left" class="align-right">
-					<h3>Search Pyramid documentation</h3>
-					<form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
-                        <div>
-                            <input type="text" id="q" name="q" value="" />
-                            <input type="submit" id="x" value="Search" />
-                        </div>
-		  			</form>
-				</div>
-				<div id="right" class="align-left">
-					<h3>Pyramid links</h3>
-					<ul class="links">
-						<li>
-							<a href="http://pylonshq.com">Pylons Website</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
-						</li>
-						<li>
-							<a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
-						</li>
-						<li>
-							<a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
-						</li>
-		  			</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div id="footer">
-		<div class="footer">Pyramid is copyright © 2008-2010, Agendaless Consulting.</div>
-	</div>
-</body>
-</html>
+<%inherit file="/site.html" />
+<%def name="title()">${project}</%def>
+<%def name="body_title()">Hello, ${project}!</%def>
+
+<p>
+  Welcome to <strong>${project}</strong>, an application
+  generated by Akhet and the Pyramid web application development
+  framework, part of the Pylons Project.
+</p>
+
+<h2>Search Pyramid documentation</h2>
+<form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
+  <div>
+    <input type="text" id="q" name="q" value="" />
+    <input type="submit" id="x" value="Search" />
+  </div>
+</form>
+
+<h2>Pyramid links</h2>
+<ul>
+  <li>
+      <a href="http://pylonshq.com">Pylons Website</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
+  </li>
+  <li>
+      <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
+  </li>
+  <li>
+      <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
+  </li>

File akhet/paster_templates/akhet/+package+/templates/site.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+  <head>
+    <title>${self.title()}</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
+    <meta name="keywords" content="python web application" />
+    <meta name="description" content="pyramid web application" />
+    <link rel="shortcut icon" href="${url.app}favicon.ico" />
+    <link rel="stylesheet" href="${url.app}stylesheets/default.css" type="text/css" media="screen" charset="utf-8" />
+${self.head_extra()}
+  </head>
+  <body>
+    <div id="header">
+      <h1 id="title">${self.body_title()}</h1>
+    </div>
+
+
+<!-- *** BEGIN page content *** -->
+${self.body()}
+<!-- *** END page content ***-->
+
+
+    <div id="footer">
+    </div>
+  </body>
+</html>
+
+
+#### title() method ##########################################################
+## Return the default title for the <title></title> tag.  
+## It can't contain HTML tags.
+## Pages can override this to specify a different title.
+##############################################################################
+<%def name="title()">${project}</%def>
+
+
+#### body_title() method #####################################################
+## Return the default title for the page body.
+## It can contain HTML tags.
+## The default is to return the same as title().
+##############################################################################
+<%def name="body_title()">${self.title()}</%def>
+
+
+#### head_extra() method #####################################################
+## Pages can override this to add additional stylesheets,
+## Javascripts, meta tags, or other things to the HTML head section.
+##############################################################################
+<%def name="head_extra()">
+</%def>