Add a bunch of images, js, css, and templates

31 files changed, 833 insertions, 123 deletions

diff --git a/data/sessions/container_file/a/a6/a6a7d24b3a5c4bec3afc6257f673f680.cache b/data/sessions/container_file/a/a6/a6a7d24b3a5c4bec3afc6257f673f680.cache
new file mode 100644
index 0000000..5cd97ef
--- /dev/null
+++ b/data/sessions/container_file/a/a6/a6a7d24b3a5c4bec3afc6257f673f680.cache
@@ -0,0 +1,11 @@
+(dp1
+S'_accessed_time'
+p2
+F1214621803.3168099
+sS'_creation_time'
+p3
+F1214621803.3168139
+sS'flash_message'
+p4
+S''
+s.
\ No newline at end of file
diff --git a/manas/public/css/style.css b/manas/public/css/style.css
index 4da3dd8..b138468 100644
--- a/manas/public/css/style.css
+++ b/manas/public/css/style.css
@@ -1,206 +1,715 @@
-/*
- * Quick mash-up of CSS for the TG quick start page.
- */
-
-html, body {
-  color: black;
-  background-color: #ddd;
-  font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
-  font-size: 83%;
+*
+{
   margin: 0;
   padding: 0;
 }
 
-td, th {padding:3px;border:none;}
-tr th {text-align:left;background-color:#f0f0f0;color:#333;}
-tr.odd td {background-color:#edf3fe;}
-tr.even td {background-color:#fff;}
+html, body
+{
+  height: 100%;
+}
 
+body
+{
+  color: #666666;
+  font-size: 76%;
+  font-family: liberation,veranda,sans-serif;
+  background: #FFFFFF url(/images/border-left.png) 0 0 repeat-y;
+}
 
-a.link, a, a.active {
-  color: #369;
+a img
+{
+  border: none;
 }
 
-.white {
-  color: white;    
+.wrapper
+{
+  margin-left: 18px;
+  min-height: 100%;
+  background: #FFFFFF url(/images/border-right.png) 100% 0 repeat-y;
+  padding-right: 18px;
+  overflow: hidden;
 }
 
-h1,h2,h3,h4,h5,h6 {
-  font-family: "Century Schoolbook L", Georgia, serif;
+.head
+{
   font-weight: bold;
+  font-size: 175%;
+  border-top: 10px solid #337ACC;
+  padding: 1ex 2ex 17px;
+  background: #FFFFFF url(/images/line.png) 0 100% repeat-x;
 }
 
-
-#main_content {
-  color: black;
-  font-size: 127%;
-  background-color: white;
-  width: 757px;
-  margin: 0 auto 1em auto;
-  border: 1px solid #aaa;
-  border-top: 0px solid #aaa;
-  padding: 10px;
-  clear: both;
+.head h1 a
+{
+  display: block;
+  text-indent: -9999px;
+  background: url(/images/fedora-logo.png) 20px 50% no-repeat;
+  height: 73px;
+  width: 138px;
+  overflow: hidden;
 }
 
+#sidebar
+{
+  float: left;
+  width: 230px;
+  margin: 2ex 0;
+  background: #FFFFFF;
+  padding-bottom: 100px;
+}
 
-.sidebar {
-  border: 1px solid #cce;
-  background-color: #ffffab;
-  margin: 0.5em;
-  margin-left: 1.5em;
-  padding: 1em;
-  float: right;
+#banner img
+{
+  display: block;
   width: 200px;
-  font-size: 88%;
-  background-color:#fffe1;
-  background-repeat:repeat-x;
+  margin: 0 3ex;
+}
+
+#get
+{
+  text-align: center;
+  margin: 1ex 0.5ex;
+  font-weight: bold;
 }
 
-.sidebar h2 {
-  margin-top: 0;
-  color: black;
+#get ul
+{
+  font-weight: normal;
+  list-style: none;
+  display: inline;
+  font-size: 1.7ex;
 }
 
-.sidebar ul {
-  margin-left: 1.5em;
-  padding-left: 0;
+#get li
+{
+  display: inline;
+  border-left: 1px solid #CCCCCC;
+  margin-left: -1px;
+  padding: 0 1ex;
 }
 
+#get li.first
+{
+  border-left: none;
+}
+
+#get a
+{
+  color: #00356B;
+}
 
+#nav
+{
+  margin: 0 1.5ex;
+  padding: 0 1.5ex;
+}
+
+#nav h2
+{
+  border-bottom: 1px dotted #AAAAAA;
+  color: #444444;
+  font-size: 1.725ex;
+  margin: 2ex 0 1ex;
+  text-transform: uppercase;
+  font-weight: normal;
+}
 
-#sb_top {
-  clear: right;
+#nav ul
+{
+  list-style: url(/images/arrow.png);
+  margin-left: 15px;
 }
 
-#sb_bottom {
-  clear: right;
+#nav li
+{
+  margin: 0.25ex 1ex;
+  color: #777777;
+  font-size: 1.4ex;
 }
 
-#getting_started {
-  margin-left: 20px;
+#nav a
+{
+  font-weight: bold;
+  margin-right: 0.75ex;
+  color: #729FCF;
+  font-size: 2.4ex;
+  display: block;
 }
 
-#getting_started_steps a {
+.home #nav-home a, .get #nav-get a, .join #nav-join a
+{
+  color: #777777;
   text-decoration: none;
 }
 
-#getting_started_steps a:hover {
-  text-decoration: underline;
+.content
+{
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-bottom: 100px;
+  color: #666666;
+  background: #FFFFFF;
+  display: inline-block;
 }
 
-#getting_started_steps li {
-  font-size: 80%;
-  margin-bottom: 0.5em;
+/* Blame IE6 and the guillotine bug for this one */
+.content { display: block; }
+
+.content h2
+{
+  font-size: 3.25ex;
 }
 
-#getting_started_steps h2 {
-  font-size: 120%;
+.content h2 div {
+  font-size: 1ex;
+  font-weight: normal;
+}
+
+.content h3
+{
+  color: #337acc;
+  margin: 1.5ex 0 0.5ex;
+  font-size: 2.5ex;
+}
+
+.content table
+{
+  border-collapse: collapse;
+}
+
+.content p
+{
+  margin: 1ex 5ex 1ex 0;
+}
+
+.content ul
+{
+  list-style: square;
+  margin: 0 3ex 2ex;
+}
+
+.content img
+{
+  margin: 2ex 0;
+}
+
+.content a
+{
+  color: #337ACC;
 }
 
-#getting_started_steps p {
-  font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
+.download
+{
+  list-style-image: url(/images/arrow.png);
+  list-style-position: outside;
+  margin: 1.6ex 3ex;
 }
 
-#getting_started_steps,.alogo,.headtext {
-  font-family: "Century Schoolbook L", Georgia, serif;
+.download li
+{
+  color: #777777;
+  font-size: 1.8ex;
+  background: #EFEFEF;
+  padding: 1ex;
+  border-bottom: 1px dotted #AAAAAA;
+}
+
+.download a
+{
   font-weight: bold;
 }
 
+#footer
+{
+  position: relative;
+  font: normal 1.5ex/1.5 sans-serif;
+  text-align: center;
+  background: #FFFFFF url(/images/line-bottom.png) 0 0 repeat-x;
+  margin: -90px 10pt 0;
+  border-bottom: 10px solid #337ACC;
+  height: 80px;
+  color: #AAAAAA;
+}
+
+#bottom
+{
+  margin-left: 18px;
+  margin-right: 18px;
+}
+
+#footer ul
+{
+  list-style: none;
+}
+
+#footer li
+{
+  display: inline;
+  border-left: 1px solid #AAAAAA;
+  padding: 0 0.75ex;
+  margin-left: -1px;
+}
+
+#footer li.first
+{
+  border-left: none;
+}
 
-#header {
-  height: 125px;
-  width: 777px;
-  background: blue URL('../images/strype.png') repeat-x;
-  border-left: 1px solid #aaa;
-  border-right: 1px solid #aaa;
-  margin: 0 auto 0 auto;
-  color: white;
+#footer a
+{
+  color: #223344;
 }
 
-.alogo {
-  font-size: 36px;
-  padding-left: 5px;
-  padding-top: 5px;
-  padding-right: 20px;
+#footer a:hover
+{
+  color: #112233;
+}
+
+#footer p
+{
+  margin: 0 1.5ex;
+}
+
+#footer .copy
+{
+  padding-top: 3ex;
+}
+
+#footer .disclaimer
+{
+}
+
+#screenshot-banner a {
+  font-size: 1.6ex;
+  text-align: left;
+}
+
+#screenshot-banner ul
+{
+  list-style: none;
+}
+
+#screenshot-banner li
+{
+  display: inline;
+  margin-right: 2ex;
+}
+
+#screenshot-banner img
+{
+  vertical-align: bottom;
+  border: 0;
+}
+
+input, textarea, select
+{
+  border: #d0d9e3 1px solid;
+  margin: auto;
+}
+
+select 
+
+input
+{
+  background: transparent url(/images/text_entry_drop_shadow.png);
+}
+
+input, textarea, select
+{
+  padding: 3px 5px 3px 5px;
+}
+
+#content #sponsors
+{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+}
+
+#content #sponsors li
+{
+  text-align: center;
   float: left;
+  width: 150px;
+  margin: 0 1ex;
 }
 
-.headtext {
-  color: white;
-  font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
-  font-size: 44px;
-  padding-left: 20px;
-  padding-top: 20px;
-  padding-right: 20px;
-  margin-bottom: 0px;
-}
-
-.currentpage {
-  color: white;
-  font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
-  font-size: 18px;
-  padding-top: 20px;
-  padding-right: 20px;
-  margin-bottom: 0px;
+#content #sponsors li img
+{
+  display: block;
+}
+
+#content ul.downloadbox
+{
+  overflow: hidden;
+  list-style: none;
+  margin: 0 2ex;
+  padding: 6ex 2ex 4ex 180px;
+  border-radius: 1.5ex;
+  -webkit-border-radius: 1.5ex;
+  -moz-border-radius: 1.5ex;
+  background: #C0DBDD 30px 50% no-repeat;
+  font-size: 1.7ex;
+  display: inline-block;
+}
+
+.downloadbox li
+{
+  width: 32ex;
   float: left;
+  padding: 0 0 2ex;
 }
 
-#footer {
-  border: 0px solid #aaa;
-  color: #888;
-  background-color: white;
-  padding: 10px;
-  font-size: 90%;
-  text-align: center;
-  width: 600px;
-  margin-left: 40px;
+.downloadbox li li
+{
+  width: auto;
+  float: none;
+  padding: 0;
+}
+
+
+#content pre.command
+{
+  font-size: 2.25ex;
+  border: solid #DDDDDD;
+  border-width: 1px 1px 1px 5px;
+  background: #F2F5F6;
+  padding: 0.5ex 2ex;
+}
+
+
+#content p.note
+{
+  padding: 1ex 2ex;
+  font-size: 1.75ex;
+  border: 1px solid #DDDDDD;
+  background: #F2F5F6;
+}
+
+#content ul#resources
+{
+  list-style: none;
+}
+
+#content ul#resources a
+{
+  padding-left: 20px;
+  background: url(/images/arrow.png) 0 50% no-repeat;
+}
+
+#content ul#resources li
+{
+  padding-left: 70px;
+  margin-bottom: 3.5ex;
+}
+
+ul#resources li.resource-docs
+{
+  background: url(/images/icon-docs.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-communicate
+{
+  background: url(/images/icon-communicate.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-download
+{
+  background: url(/images/icon-download.png) 0 50% no-repeat;
+}
+
+
+#tabfloat {
+  right:25px;
+  position:absolute;
+  top:77px;
+  width:100%;
+  z-index: 2;
+}
+
+#top_ticker {
+  padding: 5px;
+}
+
+ul#primary-links {
+  list-style-type:none;
+  margin:0px;
+  padding:0px 0px 0px 255px;
+}
+
+ul#primary-links li {
+  background:transparent url(/images/header-tab1.png) no-repeat scroll 0%;
+  float:right;
+  list-style-type:none;
+  margin:0px 0px;
+  padding:0px;
+}
+
+ul#primary-links li a {
+  background:transparent url(/images/header-tab2.png) no-repeat scroll 100% 0px;
+  color: #666666;
+  display:block;
+  font-weight:bold;
+  font-size:larger;
+  height:33px;
+  list-style-type:none;
+  margin:0px;
+  padding:4px 20px 0px;
+  text-decoration:none;
+  white-space:nowrap;
+}
+
+ul#primary-links li:hover {
+background-image:url(/images/header-tab1.png);
+background-position:0% -24px;
+}
+ul#primary-links li:hover a {
+background-image:url(/images/header-tab2.png);
+background-position:100% -24px;
+}
+
+/*********** My Fedora Widget stuff *************/
+
+.col {
+  margin: 5px
+  padding: 0 0 2ex;
+}
+
+.downloadbox li li
+{
+  width: auto;
+  float: none;
+  padding: 0;
+}
+
+
+.content pre.command
+{
+  font-size: 2.25ex;
+  border: solid #DDDDDD;
+  border-width: 1px 1px 1px 5px;
+  background: #F2F5F6;
+  padding: 0.5ex 2ex;
+}
+
+
+.content p.note
+{
+  padding: 1ex 2ex;
+  font-size: 1.75ex;
+  border: 1px solid #DDDDDD;
+  background: #F2F5F6;
+}
+
+.content ul#resources
+{
+  list-style: none;
 }
 
-.flogo {
+.content ul#resources a
+{
   padding-left: 20px;
-  padding-top: 0px;
-  padding-right: 20px;
-  margin-bottom: 0px;
+  background: url(/images/arrow.png) 0 50% no-repeat;
+}
+
+.content ul#resources li
+{
+  padding-left: 70px;
+  margin-bottom: 3.5ex;
+}
+
+ul#resources li.resource-docs
+{
+  background: url(/images/icon-docs.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-communicate
+{
+  background: url(/images/icon-communicate.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-download
+{
+  background: url(/images/icon-download.png) 0 50% no-repeat;
+}
+
+
+#tabfloat {
+  right:25px;
+  position:absolute;
+  top:77px;
+  width:100%;
+  z-index:2;
+}
+
+ul#primary-links {
+  list-style-type:none;
+  margin:0px;
+  padding:0px 0px 0px 255px;
+}
+
+ul#primary-links li {
+  background:transparent url(/images/header-tab1.png) no-repeat scroll 0%;
+  float:right;
+  list-style-type:none;
+  margin:0px 0px;
+  padding:0px;
+}
+
+ul#primary-links li a {
+  background:transparent url(/images/header-tab2.png) no-repeat scroll 100% 0px;
+  color: #666666;
+  display:block;
+  font-weight:bold;
+  font-size:larger;
+  height:33px;
+  list-style-type:none;
+  margin:0px;
+  padding:4px 20px 0px;
+  text-decoration:none;
+  white-space:nowrap;
+}
+
+ul#primary-links li:hover {
+background-image:url(/images/header-tab1.png);
+background-position:0% -24px;
+}
+ul#primary-links li:hover a {
+background-image:url(/images/header-tab2.png);
+background-position:100% -24px;
+}
+
+.mainsearch 
+  {
+  top: 18px;
+  right: 28px;
+  z-index:2;
+  width: 300;
+  z-index:2;
+  position:absolute;
+}
+
+/*********** My Fedora Widget stuff *************/
+
+.col-group {
+  overflow: hidden;
+}
+
+.col {
   float: left;
+  margin: 5px;
+  padding: 0 0 2ex; 
+  padding-bottom: 32767px;
+  margin-bottom: -32767px;  
+  /*display: table-column; */
 }
 
-.foottext{
+.col ul {
+  font-weight: normal;
+  list-style: none;
+  font-size: 1.7ex;
 }
 
-.code {
-  font-family: monospace;
-  font-size: 127%;
+.widget-list {
+  list-style: none;
 }
 
-span.code {
+#col1 {
+  width: 200px;
+  height: 100%;
+}
+
+#col2 {
+}
+
+#col3 {
+  float: right;
+  width: 200px;
+  
+}
+
+.widget-list {
+  /*display: table-cell;*/
+}
+
+#col1 .widget {
+  border-width: 1px 1px 1px 1px;
+  border-spacing: 2px;
+  border-style: outset outset outset outset;
+  border-color: gray gray gray gray;
+  border-collapse: separate;
+  background-color: white;
+}
+
+#col3 .widget {
+  border-width: 1px 1px 1px 1px;
+  border-spacing: 2px;
+  border-style: outset outset outset outset;
+  border-color: gray gray gray gray;
+  border-collapse: separate;
+  background-color: white;
+}
+
+.widget h2 {
+  border-width: 1px 1px 1px 1px;
   font-weight: bold;
-  background: #eee;
+  text-align: center; 
+}
+
+#col2 .widget h2 {
+  text-align: left;
+}
+
+.usernav {
+  margin-bottom: 10px;
+  text-align: right;
+}
+
+.centered {
+  margin-left: auto;
+  margin-right: auto;
+  width: 45em;
+}
+
+.largesearch {
+  width: 30em;
+}
+
+/*************** UI Elements ********************/
+.menu {
+  display: none; 
+  position: absolute;
+  z-index: 2;
+  background-color: white;
+}
+
+.message_row {
+  display: none;
 }
 
 #status_block {
   margin: 0 auto 0.5em auto;
-  padding: 5px 15px 15px 55px;
-  background: #eef URL('../images/ok.png') left center no-repeat;
-  border: 1px solid #cce;
-  width: 680px;
+  padding: 15px 10px 15px 55px;
+  background: #cec url('/images/ok.png') left center no-repeat;
+  border: 1px solid #9c9;
+  width: 450px;
   font-size: 120%;
   font-weight: bolder;
+  text-align: center;
 }
 
 .notice {
   margin: 0.5em auto 0.5em auto;
   padding: 15px 10px 15px 55px;
-  width: 680px;
-  background: #eef URL('../images/info.png') left center no-repeat;
+  width: 450px;
+  background: #eef url('/images/info.png') left center no-repeat;
   border: 1px solid #cce;
 }
 
 .fielderror {
     color: red;
     font-weight: bold;
-}
-
-div.clearingdiv {
-  clear:both;
+    font-size: 120%;
 }
diff --git a/manas/public/images/border-left.png b/manas/public/images/border-left.png
new file mode 100644
index 0000000..6f256df
--- /dev/null
+++ b/manas/public/images/border-left.png
diff --git a/manas/public/images/border-right.png b/manas/public/images/border-right.png
new file mode 100644
index 0000000..0e7365b
--- /dev/null
+++ b/manas/public/images/border-right.png
diff --git a/manas/public/images/bugfix.png b/manas/public/images/bugfix.png
new file mode 100644
index 0000000..e73e40d
--- /dev/null
+++ b/manas/public/images/bugfix.png
diff --git a/manas/public/images/enhancement.png b/manas/public/images/enhancement.png
new file mode 100644
index 0000000..a5d65a6
--- /dev/null
+++ b/manas/public/images/enhancement.png
diff --git a/manas/public/images/favicon.ico b/manas/public/images/favicon.ico
new file mode 100644
index 0000000..332557b
--- /dev/null
+++ b/manas/public/images/favicon.ico
diff --git a/manas/public/images/fedora-logo.png b/manas/public/images/fedora-logo.png
new file mode 100644
index 0000000..1cd4a8d
--- /dev/null
+++ b/manas/public/images/fedora-logo.png
diff --git a/manas/public/images/grad_orange_11x100.png b/manas/public/images/grad_orange_11x100.png
index 5b9a1d0..c0ce2e3 100644
--- a/manas/public/images/grad_orange_11x100.png
+++ b/manas/public/images/grad_orange_11x100.png
diff --git a/manas/public/images/header-tab1.png b/manas/public/images/header-tab1.png
new file mode 100644
index 0000000..e2b39df
--- /dev/null
+++ b/manas/public/images/header-tab1.png
diff --git a/manas/public/images/header-tab2.png b/manas/public/images/header-tab2.png
new file mode 100644
index 0000000..7816c17
--- /dev/null
+++ b/manas/public/images/header-tab2.png
diff --git a/manas/public/images/info.png b/manas/public/images/info.png
index 668f9c0..329c523 100644
--- a/manas/public/images/info.png
+++ b/manas/public/images/info.png
diff --git a/manas/public/images/line-bottom.png b/manas/public/images/line-bottom.png
new file mode 100644
index 0000000..952f781
--- /dev/null
+++ b/manas/public/images/line-bottom.png
diff --git a/manas/public/images/line.png b/manas/public/images/line.png
new file mode 100644
index 0000000..3498cb9
--- /dev/null
+++ b/manas/public/images/line.png
diff --git a/manas/public/images/ok.png b/manas/public/images/ok.png
index c402ac5..fee6751 100644
--- a/manas/public/images/ok.png
+++ b/manas/public/images/ok.png
diff --git a/manas/public/images/security.png b/manas/public/images/security.png
new file mode 100644
index 0000000..6a6e357
--- /dev/null
+++ b/manas/public/images/security.png
diff --git a/manas/public/images/spinner-20.gif b/manas/public/images/spinner-20.gif
new file mode 100644
index 0000000..ebfacfe
--- /dev/null
+++ b/manas/public/images/spinner-20.gif
diff --git a/manas/public/images/spinner.gif b/manas/public/images/spinner.gif
new file mode 100644
index 0000000..4838a87
--- /dev/null
+++ b/manas/public/images/spinner.gif
diff --git a/manas/public/images/testing.png b/manas/public/images/testing.png
new file mode 100644
index 0000000..4375227
--- /dev/null
+++ b/manas/public/images/testing.png
diff --git a/manas/public/images/text_entry_drop_shadow.png b/manas/public/images/text_entry_drop_shadow.png
new file mode 100644
index 0000000..34bc4a8
--- /dev/null
+++ b/manas/public/images/text_entry_drop_shadow.png
diff --git a/manas/public/images/tg2_04.gif b/manas/public/images/tg2_04.gif
index 5e71843..3f94711 100644
--- a/manas/public/images/tg2_04.gif
+++ b/manas/public/images/tg2_04.gif
diff --git a/manas/public/javascript/comment.js b/manas/public/javascript/comment.js
new file mode 100644
index 0000000..979600f
--- /dev/null
+++ b/manas/public/javascript/comment.js
@@ -0,0 +1,12 @@
+function comment_success( response, status ){
+    response = eval('('+response+')');
+    if (response['idea'] == 'fail') 
+        $('#error').show('slow')
+    else
+        $('<div/>')
+          .hide()
+          .text(response['author'] + ' ' + response['timestamp'] +
+                ' ' + response['text'])
+          .appendTo($('#comments'))
+          .show('slow');
+}
diff --git a/manas/public/javascript/idea.js b/manas/public/javascript/idea.js
new file mode 100644
index 0000000..4aa71bb
--- /dev/null
+++ b/manas/public/javascript/idea.js
@@ -0,0 +1,5 @@
+function idea_success(response, status) {
+    response = eval('(' + response + ')');
+    if (response['idea'] == 'fail') $('#error').show('slow');
+    else $('#content').load('/idea/' + response['idea']);
+}
diff --git a/manas/public/javascript/manas.js b/manas/public/javascript/manas.js
new file mode 100644
index 0000000..c295300
--- /dev/null
+++ b/manas/public/javascript/manas.js
@@ -0,0 +1,53 @@
+/*
+** The new idea callback
+** Upon success, it loads the idea.  Else, show the error message
+*/
+function idea_success(response, status) {
+    response = eval('(' + response + ')');
+    if (response['idea'] == 'fail') 
+        $('#error').show('slow');
+    else
+        $('#main').load('/idea/' + response['idea']['id']);
+}
+
+/*
+** The new comment callback
+** Upon success, it displays the comment.  Else, show the error message
+*/
+function comment_success( response, status ){
+    response = eval('('+response+')');
+    if (response['idea'] == 'fail') {
+        $('#error').show('slow')
+    } else {
+        $('<div/>')
+          .hide()
+          .text(response['author'] + ' ' + response['timestamp'] +
+                ' ' + response['text'])
+          .appendTo($('#comments'))
+          .show('slow');
+    }
+}
+
+/*
+** Orbited
+*/
+var ie_nocache = 1;
+
+create_xhr = function() {
+  return window.ActiveXObject ?
+            new ActiveXObject("Microsoft.XMLHTTP") :
+            new XMLHttpRequest();
+}
+
+connect = function(callback, name) {
+  console.log("connect()!");
+  Orbited.connect(callback, name, "/orbited", "0");
+  join(name);
+}
+
+join = function(user) {
+  console.log("join()!");
+  var xhr = create_xhr();
+  xhr.open("GET", "/join/" + user, true);
+  xhr.send(null);
+}
diff --git a/manas/templates/comments.html b/manas/templates/comments.html
new file mode 100644
index 0000000..629636a
--- /dev/null
+++ b/manas/templates/comments.html
@@ -0,0 +1,10 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:xi="http://www.w3.org/2001/XInclude"
+  xmlns:py="http://genshi.edgewall.org/"
+  py:strip="">
+  Latest Comments!
+  <div class="latest_comments" py:attrs="{'id': id}">
+    <h2>${name}</h2>
+    <div py:attrs="{'id': '%s_data' % id}">Data goes here</div>
+  </div>
+</html>
diff --git a/manas/templates/idea.html b/manas/templates/idea.html
new file mode 100644
index 0000000..5bd17b5
--- /dev/null
+++ b/manas/templates/idea.html
@@ -0,0 +1,18 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:py="http://genshi.edgewall.org/"
+      xmlns:xi="http://www.w3.org/2001/XInclude">
+<head>
+  <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
+  <title>Manas :: Idea</title>
+</head>
+<body>
+    <div id="output" style="display: none"/>
+    <center>
+        ${tmpl_context.w.idea(idea=idea)}
+        <div class="comment_form">
+          <h2>Add a comment</h2>
+          ${tmpl_context.w.comment_form(show_labels=False)}
+        </div>
+    </center>
+</body>
+</html>
diff --git a/manas/templates/ideas.html b/manas/templates/ideas.html
new file mode 100644
index 0000000..0c67a76
--- /dev/null
+++ b/manas/templates/ideas.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:py="http://genshi.edgewall.org/"
+      xmlns:xi="http://www.w3.org/2001/XInclude">
+  <xi:include href="master.html" />
+<head>
+  <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
+  <title>Manas :: Ideas</title>
+</head>
+
+<body>
+  <div py:for="idea in ideas" class="idea">
+      ${tmpl_context.w.idea(idea)}
+  </div>
+</body>
+</html>
diff --git a/manas/templates/ideawidget.html b/manas/templates/ideawidget.html
new file mode 100644
index 0000000..b040ef0
--- /dev/null
+++ b/manas/templates/ideawidget.html
@@ -0,0 +1,36 @@
+<div xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:py="http://genshi.edgewall.org/"
+     xmlns:xi="http://www.w3.org/2001/XInclude"
+     id="${idea.id}" class="idea">
+  <xi:include href="header.html" />
+  <xi:include href="footer.html" />
+  <xi:include href="master.html" />
+  <h1>${idea.title}</h1>
+  <table>
+    <tr><td>Author:</td><td>${idea.author}</td></tr>
+    <tr><td>Submitted:</td><td>${idea.timestamp}</td></tr>
+    <tr>
+        <td>Karma:</td><td>${idea.karma}</td>
+        <td><a href="#" onclick="$.getJSON('${'/karma/%s/+1' % idea.id}',
+                function(data) { console.log(data['karma']); })">+1</a> / <a
+                href="${'/karma/%s/-1' % idea.id}">-1</a></td> </tr>
+    <tr>
+      <td>Tags:</td>
+      <td>
+        <div py:for="tag in idea.tags">
+          <a href="${'/tag/%s' % tag.name}">${tag.name}</a>
+        </div>
+      </td>
+    </tr>
+    <tr><td>Description:</td><td>${idea.description}</td></tr>
+  </table>
+  <br/>
+  <div id="comments" py:if="show_comments">
+    <h2 py:if="idea.comments">Comments</h2>
+    <div id="comments" class="comment" py:for="comment in idea.comments">
+      ${comment.author} - ${comment.timestamp}<br/>
+      ${comment.text}
+    </div>
+  </div>
+  <div id="error" class="error" style="display: none">Please enter a comment first</div>
+</div>
diff --git a/manas/templates/latestcomments.html b/manas/templates/latestcomments.html
new file mode 100644
index 0000000..054b092
--- /dev/null
+++ b/manas/templates/latestcomments.html
@@ -0,0 +1,9 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:xi="http://www.w3.org/2001/XInclude"
+  xmlns:py="http://genshi.edgewall.org/"
+  py:strip="">
+  <div class="latest_comments" py:attrs="{'id': id}">
+    <h2>${name}</h2>
+    <div py:attrs="{'id': '%s_data' % id}"/>
+  </div>
+</html>
diff --git a/manas/templates/latestideas.html b/manas/templates/latestideas.html
new file mode 100644
index 0000000..f3c80eb
--- /dev/null
+++ b/manas/templates/latestideas.html
@@ -0,0 +1,9 @@
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:py="http://genshi.edgewall.org/">
+  <div id="col3" class="col">
+    <div class="latest_ideas" py:attrs="{'id': id}">
+      <h2>${name}</h2>
+      <div py:attrs="{'id': '%s_data' % id}"/>
+    </div>
+  </div>
+</html>
diff --git a/manas/templates/new.html b/manas/templates/new.html
new file mode 100644
index 0000000..86f19e5
--- /dev/null
+++ b/manas/templates/new.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:py="http://genshi.edgewall.org/"
+      xmlns:xi="http://www.w3.org/2001/XInclude">
+<head>
+  <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
+  <title>Submit a new idea -- Manas</title>
+  <link rel="stylesheet" type="text/css" media="screen" href="/css/style.css" />
+</head>
+<body>
+  <center>
+      <div id="content">
+        <div id="error" class="notice fielderror" style="display: none">You must fill in all fields.</div>
+        <h2 class="notice">Got an idea?</h2>
+        <br/>
+        ${tmpl_context.w.new_idea_form()}
+    </div>
+      </center>
+</body>
+</html>