webgen-templates-bundle 1.0.0

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    OGE0YzAxMDJjZjJiMTA4ZjQwOTg3YTNkOGMyNDFjYzlmYjllMTUxMw==
+  data.tar.gz: !binary |-
+    ZWU5ZWFkODhiYTJlZWEyYjYyYWU4NjM4MjBlZmM2YWQzZjhhNGMyNg==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    ZDBjNmIxZGQyZWZiN2EyNTY4OWU3NzcyZTcyNTZhMTRkMjNhNTk2MzhlYzJi
+    NGI3ZmZjYzYxOWU5NWNjZTgyMTUzNmJkYjNjMTFiNmJmMmM2NWIzYjlkM2I0
+    MTYwZjA3MmYzYjVhMTZlZWRkYzc4OGVkZTQ0NmQyNjhhZTlmMGY=
+  data.tar.gz: !binary |-
+    MzIwOWFmYjE1OWJlZTQxYTRiNzgwMTkwYTNiY2I1NTUxZmU2NDNiNGE1ZGJk
+    NDk1ZTg2MGU4NzNkM2ZjZmExNGEzNjQ3MTE2YzEzNWRhMjBiOTczZGIxMjI3
+    ZTBmYmI2MDBiM2Y3NWRhYTVjNzE1ZDA0ZTUwZThlOWJlN2NmNjM=

data/ChangeLog

@@ -0,0 +1,4 @@
+# 2013-08-25, Version 1.0.0
+
+  - Initial release with 11 website templates (the updated ones from
+    webgen 0.5.x

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2013 Thomas Leitner
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,189 @@
+# webgen extension bundle "templates"
+
+This is a [webgen] extension bundle that provides website templates that
+can be used when creating a website.
+
+By using a website template you don't need to do all the work of
+creating a main template and the needed CSS styles at the beginning. If
+you want to change anything later, it is easy to do!
+
+[webgen]: http://webgen.rubyforge.org
+
+
+# List of included templates
+
+[Andreas Viklund]: http://andreasviklund.com/
+[AVcopy]: http://andreasviklund.com/about/copyright/
+
+
+## 1024px
+
+Open source web design template by [Andreas Viklund]. Features a simple
+blue and grey two column interface, with a left or a right sidebar. Have
+a look at the [template homepage][1024px] to see the original template
+and what can be done with it.
+
+[1024px]: http://andreasviklund.com/templates/1024px
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas00
+
+Open source web design template by [Andreas Viklund]. Features a one-,
+two- or three-column interface in white and grey with many predefined
+styles for menus, tables, forms, ... Have a look at the [template
+homepage][andreas00] to see the original template and what can be done
+with it.
+
+[andreas00]: http://andreasviklund.com/templates/andreas00
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas01
+
+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 [template homepage][andreas01] to see the original template
+and what can be done with it.
+
+[andreas01]: http://andreasviklund.com/templates/andreas01
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas03
+
+Open source web design template by [Andreas Viklund]. An accessible
+2-column template in blue, grey and white which loads fast and works in
+all common browsers. Would be a good one for a blog! Have a look at the
+available styles in the CSS file and visit the [template
+homepage][andreas03] to see the original template and what can be done
+with it.
+
+[andreas03]: http://andreasviklund.com/templates/andreas03
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas04
+
+Open source web design template by [Andreas Viklund]. A simple
+two-column fluid width template in orange and grey using animated GIFs.
+Can be used for normal websites but it is probably best used for a blog!
+Have a look at the available styles in the CSS file and visit the
+[template homepage][andreas04] to see the original template and what can
+be done with it.
+
+[andreas04]: http://andreasviklund.com/templates/andreas04
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas05
+
+Open source web design template by [Andreas Viklund]. Simplicity is the
+main feature of this design. No advanced features and no effects are
+used which makes it great for small sites. Have a look at the available
+styles in the CSS file and visit the [template homepage][andreas05] to
+see the original template and what can be done with it.
+
+[andreas05]: http://andreasviklund.com/templates/andreas05
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas06
+
+Open source web design template by [Andreas Viklund]. A fall/autumn
+design in orange and blue with menu tabs and many in-built styles to
+use. Have a look at the available styles in the CSS file and visit the
+[template homepage][andreas06] to see the original template and what can
+be done with it.
+
+[andreas06]: http://andreasviklund.com/templates/andreas06
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas07
+
+Open source web design template by [Andreas Viklund]. A very simple
+design with minimalistic use of .classes or IDs in the CSS file. Uses a
+fixed position site menu, good for small or personal sites. Have a look
+at the available styles in the CSS file and visit the [template
+homepage][andreas07] to see the original template and what can be done
+with it.
+
+[andreas07]: http://andreasviklund.com/templates/andreas07
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas08
+
+Open source web design template by [Andreas Viklund]. Very simple and
+basic template without images in light blue and white. Have a look at
+the available styles in the CSS file and visit the [template
+homepage][andreas08] to see the original template and what can be done
+with it.
+
+[andreas08]: http://andreasviklund.com/templates/andreas08
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## andreas09
+
+Open source web design template by [Andreas Viklund]. Features a two or
+three column layout in various colors (blue, green, orange, purple, red
+and black) with many styles. Have a look at the available styles in the
+CSS file and visit the [template homepage][andreas09] to see the
+original template and what can be done with it.
+
+[andreas09]: http://andreasviklund.com/templates/andreas09
+
+This template is free to use for any purpose, see the [copyright
+statement][AVcopy].
+
+
+## simple
+
+Provides a minimalistic website template. The template defines a
+horizontal header, a horizontal bar with the breadcrumb trail and the
+language menu, then a menu on the left and a footer.
+
+
+
+# Installation
+
+The easiest way to install this extension bundle is by installing the
+corresponding Rubygem:
+
+    gem install webgen-templates-bundle
+
+If you don't use Rubygems, copy the folder
+`lib/webgen/bundle/templates` into your `ext` directory.
+
+This bundle is auto-loaded, so you don't have anything else to do!
+
+
+# Copyright and license
+
+Copyright (c) 2013 Thomas Leitner under the MIT License (see LICENSE)
+
+* * *
+
+The licenses for the individual templates are mentioned in their
+description.

data/VERSION

@@ -0,0 +1 @@
+1.0.0

data/lib/webgen/bundle/templates/data/1024px/src/1024px.css

@@ -0,0 +1,61 @@
+/*
+Original design: 1024px (v3.1 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
+For more information, see http://andreasviklund.com/templates/1024px/
+*/
+
+/* General tags */
+body {background:url(images/background.gif) repeat-y top center #fff; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0;}
+a {color:#4088b8; font-weight:700; text-decoration:none;}
+a:hover {text-decoration:underline;}
+a img {border:0;}
+p {margin:0 0 18px 10px;}
+ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
+ul ul,ol ol {margin:4px 0 4px 35px;}
+blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
+blockquote p {margin:0;}
+
+/* Headers */
+h1 {color:#4088b8; font-size:3.6em; letter-spacing:-3px; margin:0 0 20px 25px;}
+h1 a {color:#4088b8; text-transform:none;}
+h2 {border-bottom:4px solid #dadada; color:#4088b8; font-size:1.4em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
+h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:1.2em; font-weight:700; margin:10px 0 8px; padding:1px 2px 2px 3px;}
+
+/* Main wrap */
+#wrap {color:#404040; margin:10px auto; padding:0; width:970px;}
+#header {margin:0;}
+#toplinks {font-size:0.9em; padding:5px 2px 2px 3px; text-align:right;}
+#toplinks a {color:gray;}
+#slogan {color:gray; font-size:1.5em; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}
+
+/* Sidebar and menu */
+#sidebar {float:left; line-height:1.4em; margin:0 0 5px; padding:1px 0 0; width:195px;}
+#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;}
+#sidebar li {list-style:none; margin:0 0 4px; padding:0;}
+#sidebar li a {font-size:1.2em; font-weight:700; padding:2px;}
+#sidebar ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;}
+#sidebar ul ul li a {font-weight:400;}
+#sidebar h2 {margin:3px 0 8px;}
+
+/* Main content */
+#content {float:right; line-height:1.5em; margin:0; padding:0; text-align:left; width:750px;}
+#contentalt {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;}
+#content h3,#contentalt h3 {margin:10px 0 8px;}
+
+/* Footer */
+#footer {border-top:4px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right;}
+#footer p {margin:0; padding:0;}
+#footer a {color:#808080;}
+
+/* Additional classes */
+.box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
+.box a {color:#f0f0f0;}
+.left {float:left; margin:0 15px 4px 0;}
+.right {float:right; margin:0 0 4px 15px;}
+.readmore {margin:-10px 10px 12px 0; text-align:right;}
+.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
+.timestamp a {font-weight:normal;}
+.blue {color:#4088b8;}
+.clear {clear:both;}
+.fade {color:#c8c8c8;}
+.gray {color:gray;}
+.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}

data/lib/webgen/bundle/templates/data/1024px/src/default.template

@@ -0,0 +1,55 @@
+<?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:}" 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" />
+    <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
+    <link rel="stylesheet" type="text/css" href="{relocatable: 1024px.css}" media="screen,projection" />
+    <title>{title: }</title>
+  </head>
+
+  <body>
+    <div id="wrap">
+
+      <div id="header">
+        <p id="toplinks">Skip to: <a href="#content">Content</a> | <a href="#sidebar">Navigation</a> | <a href="#footer">Footer</a><br />
+        Location: {breadcrumb_trail: }<br />
+        Language: {langbar: }
+        </p>
+        <h1><a href="{relocatable: /index.html}">Title<span class="fade">appendix</span></a></h1>
+        <p id="slogan">the slogan of the site...</p>
+      </div>
+
+      <div id="content">
+        <webgen:block name="content" />
+      </div>
+
+      <div id="sidebar">
+        <h2>Welcome!</h2>
+        <p>Write a short presentation of yourself or the site right here!</p>
+
+        <h2>Pages:</h2>
+        <div id="menu">{menu: {options: {sort: true, mi: {in_menu: true}, siblings: [0, -1]}}}</div>
+
+        <h2>Site news:</h2>
+        <p><strong>09.09.2009</strong><br />
+        Something will have happened by then.</p>
+
+        <h2>Links:</h2>
+        <ul class="links">
+          <li><a href="http://webgen.rubyforge.org/">webgen homepage</a></li>
+          <li><a href="http://andreasviklund.com/templates/">Free website templates</a></li>
+        </ul>
+      </div>
+
+      <div id="footer">
+        <p><a href="#">Contact us</a> | <a href="#">Privacy policy</a> | <a href="#">Sitemap</a> | <a href="#">RSS</a> | <a href="#header">Back to top</a><br />
+        &copy; 2012 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/lib/webgen/bundle/templates/data/andreas00/src/andreas00.css

@@ -0,0 +1,295 @@
+/* andreas00 - 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: 1.1 (Apr 20, 2006) */
+
+/***** Body and main container *****/
+
+body {
+margin:0 auto;padding:0;font:76% Verdana,Tahoma,Arial,sans-serif;background:#eaeaea url(images/bg.gif) top center repeat-y;color:#3a3a3a;
+}
+
+#wrap {
+background-color:#ffffff;color:#303030;margin:0 auto;padding:1px 5px;width:760px;
+}
+
+/***** Header *****/
+
+#header {
+color:#505050;background:#ffffff url(images/front.jpg) bottom left no-repeat;height:250px;margin:0 0 10px 0;padding:0;
+}
+
+#header h1 {
+font-size:2.5em;font-weight:normal;letter-spacing:-2px;margin:0 0 4px 15px;padding:15px 0 0 0;
+}
+
+#header h1 a,#header h1 a:hover {
+padding:0;
+}
+
+#header p {
+font-size:1.1em;letter-spacing:-1px;margin:0 0 20px 15px;padding:0 0 0 3px;
+}
+
+/***** Left sidebar *****/
+
+#avmenu {
+clear:left;float:left;width:150px;margin:0 0 10px 0;padding:0;
+}
+
+#avmenu ul {
+list-style:none;width:150px;margin:0 0 20px 0;padding:0;
+}
+
+#avmenu li {
+margin-bottom:5px;
+}
+
+#avmenu li a, #avmenu li span {
+font-weight:bold;height:20px;text-decoration:none;color:#505050;display:block;padding:6px 0 0 10px;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;
+}
+
+#avmenu li a:hover, #avmenu li a.current, #avmenu li.webgen-menu-item-selected a, #avmenu li.webgen-menu-item-selected span {
+background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;color:#505050;border-top:1px solid #b0b0b0;border-right:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;border-left:4px solid #505050;
+}
+
+#avmenu ul ul {
+margin:5px 0 5px 15px;font-size:0.9em;width:135px;
+}
+
+#avmenu ul ul a {
+height:16px;margin:0;padding:4px 0 0 8px;
+}
+
+#avmenu ul ul ul {
+margin:5px 0 5px 15px;font-size:0.9em;width:120px;
+}
+
+#avmenu h2 {
+font-size:1.5em;font-weight:normal;
+}
+
+/***** Right sidebar *****/
+
+#extras {
+float:right;width:130px;margin:0 0 10px 0;padding:0;font-size:0.9em;
+}
+
+#extras p, #extras ul {
+margin:0 0 1.5em 0;line-height:1.3em;padding:0;
+}
+
+#extras a {
+font-weight:bold;
+}
+
+#extras li {
+list-style:none;margin:0 0 6px 0;padding:0;
+}
+
+#extras h2 {
+font-size:1.6em;font-weight:normal;margin:0 0 6px 0;;letter-spacing:-1px;
+}
+
+/***** Main content *****/
+
+#content {
+margin:10px 140px 10px 160px;padding:0;line-height:1.5em;text-align:left;
+}
+
+#contentwide {
+margin:10px 0 10px 160px;padding:0;line-height:1.5em;text-align:left;
+}
+
+#contentfull {
+margin:10px 10px 10px 10px;padding:2px 0 0 0;line-height:1.5em;text-align:left;
+}
+
+#content h2, #contentwide h2, #contentfull h2 {
+font-size:1.8em;letter-spacing:-1px;font-weight:normal;margin:8px 0 10px 0;padding:0;
+}
+
+#content h3, #contentwide h3, #contentfull h3 {
+font-size:1.5em;font-weight:normal;margin:6px 0 6px 0;padding:0;
+}
+
+#content img, #contentwide img, #contentfull img {
+padding:1px;display:inline;background:#cccccc;color:#303030;border:4px solid #f0f0f0;
+}
+
+#content a, #contentwide a, #contentfull a {
+font-weight:bold;
+}
+
+#content ul, #content ol,
+#contentwide ul, #contentwide ol,
+#contentfull ul, #contentfull ol {
+margin:0 0 16px 20px;
+padding:0;
+}
+
+#content ul ul, #content ol ol,
+#contentwide ul ul, #contentwide ol ol,
+#contentfull ul ul, #contentfull ol ol {
+margin:2px 0 2px 20px;
+}
+
+#content li, #contentwide li, #contentfull li {
+margin:0 0 2px 10px;
+padding:0 0 0 4px;
+}
+
+/***** Footer *****/
+
+#footer {
+clear:both;margin:0 auto;padding:8px 0;border-top:2px solid #dadada;width:760px;text-align:center;color:#808080;background-color:#ffffff;font-size:0.9em;
+}
+
+#footer p {
+padding:0;margin:0;
+}
+
+#footer a {
+color:#808080;background-color:inherit;text-decoration:none;
+}
+
+#footer a:hover {
+text-decoration:underline;
+}
+
+/***** Various tags *****/
+
+a {
+text-decoration:none;color:#505050;background-color:inherit;
+}
+
+a:hover {
+text-decoration:underline;color:#286ea0;background-color:inherit;
+}
+
+a img {
+border:0;
+}
+
+p {
+margin:0 0 16px 0;
+}
+
+blockquote {
+border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:16px;padding:7px 7px 7px 11px;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;color:#505050;
+}
+
+blockquote p {
+font-size:1.1em;line-height:1.3em;margin:0;
+}
+
+/***** Table styles *****/
+
+table {
+margin:0 0 16px 0;padding:0;line-height:1.3em;border-collapse:collapse;border:1px solid #d8d8d8;
+}
+
+caption {
+text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;
+}
+
+th {
+padding:7px;text-align:left;background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;color:#505050;
+}
+
+td {
+padding:7px;font-size:0.9em;text-align:left;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;color:#303030;
+}
+
+/***** Form styles *****/
+
+.button {
+border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:0 0 15px 0;padding:7px 7px 7px 11px;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;color:#505050;font-weight:bold;width:120px;
+}
+
+input, textarea {
+border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;
+}
+
+label {
+margin:2px;
+}
+
+input {
+width:200px;
+}
+
+textarea {
+width:400px;
+}
+
+/***** Search box *****/
+
+#searchbox {
+padding:0;margin:6px 0 16px 0;
+}
+
+#searchform {
+background:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;padding:4px;width:116px;
+}
+
+#searchbox label {
+display:none;
+}
+
+/***** Various classes *****/
+
+.left {
+margin:10px 10px 5px 0;float:left;
+}
+
+.right {
+margin:10px 0 5px 10px;float:right;
+}
+
+.announce {
+margin:10px 0 10px 0;padding:10px 10px 5px 10px;width:105px;color:#505050;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;line-height:1.3em;
+}
+
+.announce a {
+font-weight:bold;
+}
+
+.announce p {
+font-size:0.9em;
+}
+
+.announce h2 {
+margin:0 0 10px 0;padding:0;
+}
+
+#avmenu .announce {
+width:125px;
+}
+
+.textright {
+text-align:right;margin:-10px 0 4px 0;
+}
+
+.center {
+text-align:center;
+}
+
+.small {
+font-size:0.8em;
+}
+
+.large {
+font-size:1.3em;
+}
+
+.bold {
+font-weight:bold;
+}
+
+.highlighted {
+padding:3px;background-color:#f0f0f0;color:#303030;border:1px solid #b0b0b0;
+}
+
+.hide {
+display:none;
+}