Skip to content

Commit

Permalink
Basic read me and some home page sub-edits.
Browse files Browse the repository at this point in the history
  • Loading branch information
@modius
modius committed Apr 25, 2013
1 parent c0b9f75 commit 339bd30
Show file tree
Hide file tree
Showing 2 changed files with 94 additions and 12 deletions.
85 changes: 73 additions & 12 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,16 +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">
<base href="http://www.mollio.org/" />
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mollio</title>
<title>Mollio CSS/HTML Design | Open Source</title>
<style type="text/css">

/* these styles are in the head of this page because this is a unique page */

/* THE BIG GUYS */
* {margin:0;padding:0}
body {text-align:center;padding: 20px 0;background: #222;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
img {border:none;display:block}
img {border:none;display:inline}
hr {margin: 1em 0;background:#eee;height:1px;color:#eee;border:none;clear:both}

/* LINKS */
Expand All @@ -21,7 +22,9 @@

/* LISTS */
ul {margin: .3em 0 1.5em 2em}
ul.related {margin-top:-1em}
li {margin-left:2em}
dt {font-weight:bold}
#wrap {border: 1px solid #fff;position:relative;background:#fff;width:600px;margin: 0 auto;text-align:left}
#header {background: #666 url("css/images/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
#header h1 {color:#fff;font-size: 145%;padding:20px 20px 12px}
Expand All @@ -38,61 +41,104 @@
h5 {font-size: 106%}
h6 {font-size: 96%}

.old {text-decoration:line-through}

.highlight {border: 2px solid #090;background:#e6ffe7;padding: 15px;position:relative}
.highlight h2 {background:#090;color:#fff;margin:0;padding:3px 10px;display:inline}
.highlight p {margin:3px 0}
.highlight ul {margin: 3px 0}
.highlight a:link {color:#090}
.highlight a:hover {color:#c00}

</style>
</head>
<body>

<div id="wrap">

<div id="header">
<h1>Mollio CSS/HTML Templates</h1>
<div id="poweredby"><a href="http://farcry.daemon.com.au/"><img src="wsimages/mollio.gif" alt="FarCry - Mollio" /></a></div>
<h1>Mollio CSS/HTML Design | Open Source</h1>

<div id="poweredby"><a href="http://www.farcrycore.org/"><img src="wsimages/mollio.gif" alt="FarCry - Mollio" /></a></div>
</div>

<div id="content">

<div class="highlight">

<h2>Attention: Newcomers to Mollio...</h2>

<p>Mollio launched in early 2006, which is a long time in internet time.
Since then Microsoft has launched IE7, which exposed a few <a href="http://groups.google.com/group/Mollio/browse_thread/thread/ecdead0d7819080b">rendering</a> <a href="http://www.etomite.com/forums/index.php?showtopic=6273">problems</a> that the Mollio dropdown navigation had.
We think Mollio is still a useful, basic, starting point for website layout, but
we'd suggest you check out some of the many other CSS template and framework initiatives that have popped up since Mollio was created, and continue to be updated, like:
</p>

<ul>
<li><a href="http://twitter.github.io/bootstrap/">Twitter's Bootstrap Framework</a></li>
<li><a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a></li>
<li><a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI CSS Grids</a></li>
</ul>

</div>

<h2>What is Mollio?</h2>

<p>
Mollio is a simple set of html/css templates. The aim was to create a set of page templates that use
css for layout <strong>aswell as</strong> some sample basic content which has also had some css applied. It's definately a work in
progress. More sample content and layouts are planned to be added. Get involved, suggest &amp; contribute
css for layout <strong>as well as</strong> some sample basic content which has also had some css applied.
More sample content and layouts are planned to be added. Get involved, suggest &amp; contribute
ideas via the <a href="http://groups.google.com/group/Mollio">Mollio Google Group</a>.
</p>

<h2>So enough of the chit chat, what are you talking about?</h2>

<ul>
<li><a href="typeA.html">Type A</a> - 1 column</li>
<li><a href="typeB.html">Type B</a> - 2 columns - Main + Left hand nav</li>
<li><a href="typeC.html">Type C</a> - 3 columns - Main + Left hand nav + Right Sidebar</li>

<li><a href="typeD.html">Type D</a> - 2 columns - Main + Right Sidebar</li>
<li><a href="typeE.html">Type E</a> - 2 columns - Main + Right hand nav</li>
<li><a href="typeF.html">Type F</a> - 3 columns - Main + Right hand nav + Left Sidebar</li>
<li><a href="mollio_style_guide.pdf">Styleguide (PDF)</a></li>

</ul>

<h2>Can I get all those files as a zipped archive?</h2>
<p>Sure can, Here's <a href="mollio_version1.zip">mollio_version1.zip</a></p>
<p>Sure can:</p>
<ul class="related">
<li><a href="https://github.com/Daemonite/mollio">Clone or Download direct from Github</a></li>

</ul>

<h2>What about the photoshop source files?</h2>
<p>We've used Photoshop CS2 to create these - so you may or may not need that version to open these...</p>
<ul class="related">
<li><a href="psds/mollio_psds.zip">mollio_psds.zip</a> (12/04/06)</li>
</ul>


<h2>Can I use it on my own project?</h2>
<p>
Our hope is to make Mollio templates and their derivatives as universal as possible. In order to help those creating derivative works of Mollio we've agreed to release the templates under three different licenses; <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons</a>, <a href="http://creativecommons.org/licenses/GPL/2.0/">GPL</a> and <a href="http://www.opensource.org/licenses/cpl1.0.php">CPL</a>.
As a creator of a derivative work you simply need to choose the license that suits your project.
</p>
<p>

If you have no idea about licensing or want to know nothing about licensing then you are after the Creative Commons license. Essentially you can do what you like as long as you keep the attribution in the HTML
- basically a link to Mollio saying where it all began.
</p>

<h2>Who made it?</h2>
<p>
Pete Ottery (pottery at daemon dot com dot au), Creative Director from a Web Development company in Sydney called <a href="http://daemon.com.au/">Daemon</a>.
Pete Ottery, while working at a web development company in Sydney called <a href="http://www.daemon.com.au/">Daemon</a>.
</p>

<h2>Why?</h2>
<p>
Daemon built an open source CMS called <a href="http://www.farcrycms.org/">FarCry</a>, and Pete created this skin to use as a default install skin

Daemon built an <a href="http://www.farcrycore.org/">open source CMS called FarCry</a> and then created this skin to use as a default install skin
when creating a site. We figured the html/css would be helpful to use in its own right, so even if you
are not using FarCry you might find it useful.
</p>
Expand All @@ -102,10 +148,25 @@ <h2>Is there any support or help provided?</h2>
Theres a very basic styleguide linked above which details how the page templates are structured.
Beyond that, join the <a href="http://groups.google.com/group/Mollio">Mollio Google Group</a> &amp; ask questions.
</p>


<h2>The History of updates</h2>
<dl>
<dt>Version 1.1</dt>
<dd>
<ol>
<li>added another layout, a "type F". basically the same as Type C but the left and right columns swapped</li>
<li>added partial support for Mac IE5. the css now has a set (fixed) width you can define (set at 10em in Mollio) for those top horizontal nav items. other browsers get a width:auto</li>

<li>the licenses its released under have been updated. now CC, GPL &amp; CPL. All the detail you could ever want to know is linked above.</li>
</ol>
</dd>
</dl>

<hr />

Copyright &copy; 2006 <a href="http://daemon.com.au/">Daemon Pty Limited</a>
Copyright &copy; 2006-2013 <a href="http://www.daemon.com.au/">Daemon Internet Consultants</a>


<hr />

Expand Down
21 changes: 21 additions & 0 deletions readme.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# Mollio

Mollio is a simple set of open source html/css templates, released in 2006 by
[Daemon Internet Consultants](http://www.daemon.com.au). The aim was to create a set of page templates that use
css for layout **as well as** some sample basic content which has also had some css applied.

[See Mollio in action.](http://mollio.org)

## Can I use it on my own project?

Our hope is to make Mollio templates and their derivatives as universal as possible. In order to help those creating derivative works of Mollio we've agreed to release the templates under three different licenses;
- [Creative Commons](http://creativecommons.org/licenses/by/2.5/)
- [GPL](http://creativecommons.org/licenses/GPL/2.0/)
- [CPL](http://www.opensource.org/licenses/cpl1.0.php)

As a creator of a derivative work you simply need to choose the license that suits your project.

If you have no idea about licensing or want to know nothing about licensing
then you are after the Creative Commons license. Essentially you can do what
you like as long as you keep the attribution in the HTML - basically a link to
[Mollio](http://mollio.org) saying where it all began.

0 comments on commit 339bd30

Please sign in to comment.