Added a full-blown login page with a description of OpenID.

[zzz-floof.git] / floof / templates / base.mako
diff --git a/floof/templates/base.mako b/floof/templates/base.mako

index 340cdf9..2fb385a 100644 (file)
--- a/floof/templates/base.mako
+++ b/floof/templates/base.mako
@@ -3,13 +3,69 @@
  <html>
  <head>
  <title>${title()} — Floof</title>
  <html>
  <head>
  <title>${title()} — Floof</title>
+<link rel="stylesheet" type="text/css" href="/reset.css">
+<link rel="stylesheet" type="text/css" href="/layout.css">
  </head>
  <body>
  </head>
  <body>
+<div id="header">
+<a href="${h.url_for("/")}">Home</a>
+
  % if c.user:
  % if c.user:
-<p>sup ${c.user.name}</p>
-% else:
-<p>not logged in</p>
+| <a href="${h.url("new_art")}">Add Art</a>
+| <a href="${h.url_for(controller="search", action="list")}">Your Searches</a>
+| <a href="${h.url_for(controller="art", action="watchstream", name=c.user.name.lower())}">Watchstream</a>
+## | <a href="${h.url_for("/users/"+c.user}">Your Page</a>
  % endif
  % endif
+
+${h.form(url('search'), method='GET')}
+${h.text('query', c.query)}
+${h.submit('button', 'Search')}
+
+% if c.user:
+${h.submit('button', 'Save')}
+% endif
+
+## Note: should probably only display "save" when we're on a results page
+## Also, what if we had it save a hidden form containing the search result that was
+## actually rendered?  Might be confusing though.
+${h.end_form()}
+
+    <div id="user">
+        % if c.user:
+        <form action="${url(controller='account', action='logout')}" method="POST">
+        <p>Logged in as <a href="${h.url('user_page', name=c.user.name.lower())}">${c.user.name}</a>.  ${h.submit(None, 'Log out')}</p>
+        </form>
+        % else:
+        <form action="${url(controller='account', action='login_begin')}" method="POST">
+        <p>Log in or register with <img src="/icons/openid.png" alt="OpenID" title="OpenID"> OpenID:</p>
+        <p>
+            <input type="text" name="identity_url" id="identity-url">
+            <input type="submit" value="Log in">
+        </p>
+        <p class="what"><a href="${url(controller='account', action='login')}">What's this?</a></p>
+        </form>
+        % endif
+    </div>
+
+
+</div>
+
+<% messages = h.flash.pop_messages() %>
+% if messages:
+<ul id="flash-messages">
+    % for message in messages:
+    <li>${message}</li>
+    % endfor
+</ul>
+% endif
+
+
+<div id="body">
  ${next.body()}
  ${next.body()}
+</div>
+<div id="footer">
+    <p>Powered by floof</p>
+    <p>Fugue icon set by <a href="http://www.pinvoke.com/">Yusuke Kamiyamane</a></p>
+</div>
  </body>
  </html>
  </body>
  </html>