RubyGems - webgen - Versions diffs - 0.3.8 → 0.4.0 - Mend

webgen 0.3.8 → 0.4.0

Files changed (618) hide show

data/data/webgen/website_styles/andreas00/default.template ADDED

@@ -0,0 +1,62 @@
+--- content, html
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" lang="{lang:}">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <meta name="description" content="Your description goes here" />
+    <meta name="keywords" content="your,keywords,goes,here" />
+    <meta name="author" content="Your Name / Original design: Andreas Viklund - http://andreasviklund.com/" />
+    <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
+    <link rel="stylesheet" type="text/css" href="{relocatable: default.css}" media="screen,projection" />
+    <link rel="stylesheet" type="text/css" href="{resource: webgen-css}" />
+    <title>{title:}</title>
+  </head>
+  <body>
+    <div id="wrap">
+      <div id="header">
+        <h1><a href="{relocatable: /index.page}">Title of website</a></h1>
+        <p><strong>Your slogan here...</strong></p>
+      </div>
+      <div id="avmenu">
+        <h2 class="hide">Site menu:</h2>
+        {menu: vertical}
+        <div class="announce">
+          <h2>Latest news:</h2>
+          <p><strong>09.09.2009:</strong><br />
+          Something will have happened by then.</p>
+          <p class="textright"><a href="#TODO">Read more &raquo;</a></p>
+        </div>
+      </div>
+      <!-- The following div was not in the original template but was inserted to display the breadcrumb trail
+           and language links -->
+      <div id="contentwide">
+        <p class="textright">Location: {breadcrumbTrail: }&nbsp;|&nbsp;Language: {langbar: }</p>
+      </div>
+      <div id="extras">
+        <h2>Information:</h2>
+        <p>This template has a lot of additional styles and layout variations built into the stylesheet! Have a look at the homepage for this template!</p>
+        <h2>Links:</h2>
+        <ul>
+          <li><a href="http://webgen.rubyforge.org">webgen homepage</a></li>
+          <li><a href="http://andreasviklund.com/templates">More templates</a></li>
+          <li><a href="http://openwebdesign.org/">Open Web Design</a></li>
+          <li><a href="http://oswd.org/">OSWD.org</a></li>
+        </ul>
+      </div>
+      <div id="content">
+        {block:}
+      </div>
+      <div id="footer">
+        <p>Copyright &copy; 2006 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a></p>
+      </div>
+    </div>
+  </body>
+</html>

data/data/webgen/website_styles/andreas00/images/bg.gif ADDED

Binary file

data/data/webgen/website_styles/andreas00/images/front.jpg ADDED

Binary file

data/data/webgen/website_styles/andreas00/images/menubg.gif ADDED

Binary file

data/data/webgen/website_styles/andreas00/images/menubg2.gif ADDED

Binary file

data/data/webgen/website_styles/andreas01/README ADDED

@@ -0,0 +1,11 @@
+description:
+  Open source web design template by Andreas Viklund. Features a simple two- or three-column
+  interface with many predefined styles. Similar to style andreas00.
+  Have a look at the available styles in the CSS file and visit the homepage to see the original
+  template and what can be done with it.
+author:
+  Andreas Viklund (adapted for webgen by Thomas Leitner)
+homepage:
+  http://andreasviklund.com/templates

data/data/webgen/website_styles/andreas01/default.css ADDED

@@ -0,0 +1,310 @@
+/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
+Version: 2.0 (Jun 25, 2006)
+Screen layout: */
+/***** Body and main container *****/
+body {
+margin:0 auto;
+padding:0;
+font:76% Verdana,Tahoma,Arial,sans-serif;
+background:#f4f4f4 url(images/bg.gif) top center repeat-y;
+color:#303030;
+}
+#wrap {
+background:#ffffff;
+color:#303030;
+margin:0 auto;
+width:760px;
+}
+/***** Various tags *****/
+a {
+text-decoration:none;
+font-weight:bold;
+color:#286ea0;
+background-color:inherit;
+}
+a:hover {
+text-decoration:underline;
+color:#286ea0;
+background-color:inherit;
+}
+a img {
+border:0;
+}
+/***** Header *****/
+#header {
+margin:10px 0 0;
+padding:0;
+height:45px;
+}
+#header h1 {
+color:#505050;
+background-color:inherit;
+width:250px;
+margin:0 0 10px;
+font-size:2.2em;
+float:left;
+}
+#header h1 a{
+color:#505050;
+background-color:inherit;
+text-decoration:none;
+}
+#header p {
+width:500px;
+float:right;
+text-align:right;
+color:#505050;
+margin:8px 0 0;
+font-size:1.1em;
+font-weight:bold;
+line-height:1.3em;
+background-color:inherit;
+}
+#frontphoto {
+margin:0 0 10px;
+border:0;
+}
+/***** Left sidebar *****/
+#leftside {
+clear:left;
+float:left;
+width:140px;
+margin:0 0 5px;
+padding:0;
+}
+#leftside h2,#leftside h3 {
+color:#505050;
+background-color:inherit;
+font-size:1.3em;
+margin:0 0 5px;
+padding:0;
+}
+#leftside div.announce {
+clear:left;
+margin:10px 0 15px;
+padding:7px 5px;
+width:126px;
+font-size:0.9em;
+background-color:#f4f4f4;
+color:#505050;
+border-left:4px solid #cccccc;
+line-height:1.5em;
+}
+#leftside div.announce p {
+margin:10px 0 0;
+padding:0;
+}
+/***** Main menu *****/
+.webgen-menu ul {
+width:140px;
+margin:0 0 18px;
+padding:0;
+list-style:none;
+}
+.webgen-menu ul li {
+width:140px;
+padding:0;
+line-height:1.4em;
+display:inline;
+}
+.webgen-menu ul li a {
+background-color:#f4f4f4;
+color:#505050;
+font-weight:bold;
+width:130px;
+float:left;
+margin-bottom:5px;
+padding:5px 1px 5px 5px;
+border-left:4px solid #cccccc;
+text-decoration:none;
+}
+.webgen-menu ul li a:hover, .webgen-menu ul li.webgen-menu-item-selected a {
+background-color:#eaeaea;
+border-left:4px solid #286ea0;
+color:#505050;
+}
+.webgen-menu ul ul {
+margin:0 0 0 15px;
+padding:0 0 5px 0;
+font-size:0.9em;
+width:125px;
+}
+.webgen-menu ul ul a {
+padding:3px 1px 3px 5px;
+width:115px;
+}
+.webgen-menu ul ul ul {
+width:113px;
+}
+.webgen-menu ul ul ul a {
+width:100px;
+}
+/***** Right sidebar *****/
+#extras {
+float:right;
+width:140px;
+margin:0 0 5px;
+padding:0;
+line-height:1.4em;
+}
+#extras p,#extras ul {
+font-size:0.9em;
+margin:0 0 16px;
+padding:0;
+}
+#extras li {
+list-style:none;
+line-height:1.2em;
+margin:0 0 6px 0;
+padding:0;
+}
+#extras ul ul {
+margin:6px 0 0 10px;
+padding:0;
+}
+#extras ul ul li {
+margin: 0 0 4px 0;
+}
+#extras ul ul li a {
+font-size:1.1em;
+font-weight:normal;
+}
+#extras h2, #extras h3 {
+color:#505050;
+background-color:inherit;
+font-size:1.2em;
+margin:0 0 10px;
+padding:0;
+}
+/***** Main content *****/
+#content {
+margin:0 150px 5px 150px;
+border-left:1px solid #e0e0e0;
+border-right:1px solid #e0e0e0;
+padding:0 10px;
+line-height:1.6em;
+}
+#contentwide {
+margin:0 0 5px 150px;
+border-left:1px solid #f0f0f0;
+padding:0 0 0 10px;
+line-height:1.6em;
+}
+#content h2,#contentwide h2 {
+font-size:1.6em;
+margin:0 0 10px;
+}
+#content h3,#contentwide h3 {
+font-size:1.4em;
+margin:0 0 8px;
+}
+#content img,#contentwide img {
+padding:1px;
+display:inline;
+background:#cccccc;
+color:#303030;
+border:4px solid #f0f0f0;
+}
+#content ul, #contentwide ul, #content ol, #contentwide ol {
+margin:0 0 16px 20px;
+padding:0;
+}
+#content li, #contentwide li {
+margin:0;
+padding:0 0 0 5px;
+}
+#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
+margin:0 0 0 16px;
+padding:0;
+}
+/***** Footer *****/
+#footer {
+clear:both;
+margin:0 auto;
+padding:10px 0 20px;
+border-top:4px solid #f0f0f0;
+width:760px;
+text-align:center;
+color:#808080;
+background:#ffffff;
+font-size:0.9em;
+}
+#footer a {
+color:#808080;
+background-color:inherit;
+text-decoration:none;
+}
+#footer a:hover {
+text-decoration:underline;
+}
+/***** Various classes *****/
+.left {
+margin:3px 10px 2px 0;
+float:left;
+}
+.right {
+margin:2px 0 2px 10px;
+float:right;
+}
+.textright {
+text-align:right;
+}
+.center {
+text-align:center;
+}
+.small {
+font-size:0.8em;
+}
+.bold {
+font-weight:bold;
+}
+.hide {
+display:none;
+}

data/data/webgen/website_styles/andreas01/default.template ADDED

@@ -0,0 +1,63 @@
+--- content, html
+<?xml version="1.0" encoding="UTF-8"?>
+<!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="{lang:}">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <meta name="description" content="Your description goes here" />
+    <meta name="keywords" content="your,keywords,goes,here" />
+    <meta name="author" content="Your Name / Original design: Andreas Viklund - http://andreasviklund.com/" />
+    <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
+    <link rel="stylesheet" type="text/css" href="{relocatable: default.css}" media="screen,projection" />
+    <link rel="stylesheet" type="text/css" href="{relocatable: print.css}" media="print" />
+    <link rel="stylesheet" type="text/css" href="{resource: webgen-css}" />
+    <title>{title:}</title>
+  </head>
+  <body>
+    <div id="wrap">
+      <div id="header">
+        <h1>andreas01</h1>
+        <p>Location: {breadcrumbTrail:}&nbsp;|&nbsp;Language: {langbar:}</p>
+      </div>
+      <img id="frontphoto" src="{relocatable: images/front.jpg}" width="760" height="175" alt="" />
+      <div id="leftside">
+        <h2 class="hide">Menu:</h2>
+        {menu: vertical}
+        <div class="announce">
+          <h2>Latest news:</h2>
+          <p><strong>09.09.2009:</strong><br />
+          Something will have happened by then.</p>
+          <p class="textright"><a href="#">Read more...</a></p>
+        </div>
+      </div>
+      <div id="extras">
+        <h2>More info:</h2>
+        <p>This is the third column, and it can be used in many different ways. You can put links, images, short notes or contact information here just to give a few examples. Filler content has been added here to give an idea of what it can look like. It can also be removed to give more space for the main content.</p>
+        <h2>Links:</h2>
+        <ul>
+          <li><a href="http://webgen.rubyforge.org">webgen homepage</a></li>
+          <li><a href="http://andreasviklund.com/templates/">Website templates</a></li>
+          <li><a href="http://validator.w3.org/check/referer">Valid XHTML</a></li>
+          <li><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></li>
+        </ul>
+      </div>
+      <div id="content">
+        {block:}
+      </div>
+      <div id="footer">
+        Copyright &copy; 2006 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a>
+      </div>
+    </div>
+  </body>
+</html>