Permalink
Browse files

Syncing with the last round of copy changes. Added page tracking.

  • Loading branch information...
1 parent f84786b commit 50f35b730afa7b616b83626c5c342fda2e601d29 @benschwarz committed Jan 17, 2010
@@ -1,8 +1,10 @@
:title: Getting started with Bonsai
:body: |
- To run Bonsai you will need Ruby and Rubygems. If you're using a Mac the good news is that Ruby and Rubygems will already be installed.
+ If you're using a Mac the good news is that Bonsai is dirt simple to get running.
To install Bonsai, open Terminal.app and run `sudo gem install bonsai`.
+ Bonsai has a built in web server, so you won't need to fiddle about with any other software.
+
Once installed typing `bonsai --help` will display a list of available options.
> bonsai --help
@@ -19,13 +21,13 @@
The Bonsai generator will create an index page, `.htaccess` for apache, `base.less` and a default [mustache](http://github.com/defunkt/mustache) template.
- If you're uninterested in using [lesscss](http://lesscss.org), simply rename your `base.less` file to `base.css`.
+ If you're uninterested in using [less](http://lesscss.org), simply rename your `base.less` file to `base.css`.
- Any `.less` files added to the `public/` directory will be processed with less.
+ Any `.less` or `.sass` files added to the `public/` directory will be processed with less and sass respectively.
You don't have to use mustache either - Bonsai uses "[Tilt](http://github.com/rtomayko/tilt)", to use another templating engine, simply change the file extension.
- Bonsai comes with a built in webserver, use it while building your website. Run `bonsai --cultivate` from within your generated framework (`cd ./jasper`). A web server will start on port 5000, navigate to [localhost](http://localhost:5000) and get hacking.
+ To use Bonsai's built in server while building your website. Run `bonsai --cultivate` from within your generated framework (`cd ./jasper`). your web browser of choice will open.
When you save, add or remove files `bonsai --cultivate` will also process your assets (images, js, and css).
@@ -1,9 +1,9 @@
:title: Forward
:body: |
- Bonsai is a simple website builder. Perfect for portfolios, catalogues and other image-heavy sites.
+ Bonsai builds dynamic web sites that run anywhere. Perfect for portfolios, catalogues and other image-heavy sites.
+
+ There's no database or admin interface - just templates for the HTML, YML files for the content, and the file system defines the hierarchy. Upload the results and you're away.
- It differs from other tools in that it's not aimed at blogs or text-heavy sites, but those where simple, well-defined hierarchies are the focus.
+ It's not aimed at blogs or text-heavy sites, but those where simple, well-defined hierarchies are the focus.
Bonsai is designed to keep a clear separation between content and templates, following best web practices. It has been built with an emphasis on simplicity of use.
-
- There's no database or admin interface - just templates for the HTML, YML files for the content, and the file system defines the hierarchy.
@@ -86,9 +86,8 @@ nav.main {
text-transform: lowercase;
text-align: center;
font-style: italic;
- line-height: 1.5em;
- font-size: 0.8em;
- font-style: italic;
+ font-size: 0.9em;
+ text-shadow: #eeeeee 1px 1px 1px;
}
nav.main li { display: inline; }
nav.main li:not(:last-child):after { content: "/"; }
@@ -109,6 +108,7 @@ section#content h2 {
font-style: italic;
text-align: center;
width: 100%;
+ text-shadow: white 1px 1px 1px;
}
section#content h3 {
font-size: 1.8em;
@@ -50,11 +50,11 @@ header {
span[lang="ja"] { font-size: 1.5em; font-family: "M+1 Heavy", "Helvetica", "Arial", "sans-serif"; font-weight: 700; }
span[lang="en"] { font-size: 0.8em; font-family: "M+2 Light", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: 300; text-transform: uppercase; }
a { text-decoration: none; color: white; position: absolute; margin: 20px 0 0 25px; }
- #logo { width: 145px; height: 145px; -moz-border-radius: 72px; -webkit-border-radius: 72px; border-radius: 72px; background-color: black; position: relative; margin: 0 auto; }
+ #logo { width: 145px; height: 145px; -moz-border-radius: 72px; -webkit-border-radius: 72px; border-radius: 72px; background-color: black; position: relative; margin: 0 auto; }
}
nav.main {
- .ten; border-bottom: 1px solid black; padding-bottom: 5em; margin: 5em auto 2.5em auto; text-transform: lowercase; text-align: center; font-style: italic; font-size: 0.8em;
+ .ten; border-bottom: 1px solid black; padding-bottom: 5em; margin: 5em auto 2.5em auto; text-transform: lowercase; text-align: center; font-style: italic; font-size: 0.9em; text-shadow: #eee 1px 1px 1px;
li { display: inline; }
li:not(:last-child):after { content: "/"; }
a { color: black; text-decoration: none; padding: 0.25em 0.4em; }
@@ -63,7 +63,7 @@ nav.main {
section#content {
.centered; .nine; margin-bottom: 5em;
- h2 { font-size: 2.5em; margin-bottom: 1em; font-style: italic; text-align: center; width: 100%; }
+ h2 { font-size: 2.5em; margin-bottom: 1em; font-style: italic; text-align: center; width: 100%; text-shadow: white 1px 1px 1px; }
h3 { font-size: 1.8em; margin: 2em 0 1em 0; font-style: italic; text-align: center; }
h4 { font-size: 1.2em; margin: 2em 0 1em 0; .small-caps; font-style: italic; }
p { font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em; }
@@ -1,5 +1,29 @@
$(function() {
+
+ // Out links
$("a[href^='http']").click(function() {
pageTracker._trackPageview('/outgoing/' + $(this).attr("href").replace('http://', ''));
});
+
+ // Download tracking
+ $("a[href$='pdf'], a[href$='zip']").click(function () {
+ pageTracker._trackEvent("Downloads", this.href.match(/.\w+$/), this.href)
+ });
+
+ // Amount of page scrolled
+ // If the page can be scrolled, what percentage was scrolled?
+ $(window).scroll(function(){
+ var bottom = $(window).height() + $(window).scrollTop();
+ var height = $(document).height();
+ var percentage = Math.round(100*bottom/height);
+
+ pageTracker._trackEvent("UX", "Page scrolling", percentage);
+ });
+
+ // Elements clicked that weren't A's ??
+ // $(":not(html,body,a)") ??
+
+ // Tabbing through fields (Do users actually do it?)
+
+ // Copy and paste tracking
});
@@ -1,8 +1,8 @@
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Bonsai, {{title}}</title>
- <meta name="keywords" content="ruby, static, website, web, site, generator, portfolio, free, open source, oss, simple, elegant, software, cms, content management, humane, flexible, easy-to-use">
- <meta name="description" content="A tiny static web site generator">
+ <meta name="keywords" content="ruby, static, website, web, site, generator, portfolio, free, open source, oss, simple, elegant, software, cms, content management, humane, flexible, easy-to-use, dynamic">
+ <meta name="description" content="Build sites that run anywhere">
<meta name="google-site-verification" content="dUUTNejHlDOk3LhVnN58eNChhRdfLbCgskXT2ICnvzY">
<link rel="stylesheet" href="/docs/css/base.css" type="text/css">
<!--[if IE]>

0 comments on commit 50f35b7

Please sign in to comment.