RubyGems - themekit - Versions diffs - 0.1.0 - Mend

themekit 0.1.0

Files changed (16) hide show

data/README.md ADDED Viewed

@@ -0,0 +1,112 @@
+# Yardstick ThemeKit
+A tiny app that makes designing Yardstick Measure themes a whole lot more enjoyable.
+## Setup
+After cloning the repo, just install the gem:
+    $ sudo gem install themekit-[version].gem
+Then define the environment variable `YS_SYSTEM_CSS`.  This tells ThemeKit where on your computer the Yardstick system.css file is located:
+    export YS_SYSTEM_CSS="/absolute/path/to/yardstick/screen.css"
+_Tip: Add this line to your ~/.profile_
+## Creating a Theme
+Create a new Theme by passing the name (alphanumeric) to ThemeKit:
+    $ themekit my_awesome_theme
+This will create a new directory, `my_awesome_theme`, which is a fully-functioning skeleton Theme that can be customized.
+The first thing you should do is edit your theme's name in `info.yml`.
+The following files are required:
+  * `info.yml` - Defines your Theme's name & available variations.
+  * `theme.html` - Theme's markup & template tags.
+  * `styles.css` - Theme's stylesheet.  This should contain the styles for all variations.
+## Running the server
+To start ThemeKit, just change into your theme directory and run it:
+    $ cd ~/yardstick/themes/my_awesome_theme
+    $ themekit
+Then head to http://localhost:4567/
+## Theme Variations
+To test different **theme variations**, pass in the variations(s) as a space-separated list in the querystring:
+    http://localhost:4567/?green people
+or if you've got OCD:
+    http://localhost:4567/?green%20people
+These variations will be tacked onto the `<body>` tag:
+    <body class="green people">
+If no variation is specified, the value `"default"` will be used.  You can use the `body.[variation] [selector]` technique to style elements differently depending on the active variation:
+    body.people { background: url(people.jpg); }
+    body.medical { background: url(medical.jpg); }
+    body.green h1 { color: green; }
+    body.blue h1 { color: blue; }
+## Supported Tags
+  * {{ theme_variation }}
+  * {{ title }}
+  * {{ page.title }}
+  * {% image image\_data\_id [default image path] %}
+  * {% text text\_data\_id [default text] %}
+  * {% page_meta %}
+  * {% menu main %}
+  * {% menu account %}
+  * {{ page.content }}
+  * {{ system_stylesheet_path }}
+  * {{ stylesheet_path }}
+## Automatic Screenshots
+**Requires [PyYaML](http://pyyaml.org/wiki/PyYAML)**
+ThemeKit can automatically take screenshots of your Theme, in all its variations.  For example, if `info.yml` contains:
+    variations:
+      colors:
+        red: Red
+        green: Green
+        grey: Grey
+        blue: Blue
+      industries:
+        industrial: Industrial
+        medical: Medical
+ThemeKit will take 8 screenshots (4 colors x 2 industries).
+### Setup
+You must symlink two executables from ThemeKit into your path:
+    $ sudo ln -s ~/yardstick/themekit/bin/webkit2png /usr/bin/webkit2png
+    $ sudo ln -s ~/yardstick/themekit/bin/screenshots /usr/bin/screenshots
+### Taking Screenshots
+From within your Theme directory, just type:
+    $ screenshots
+This will read `info.yml` and determine all the possible variations your theme has and save a screenshot of each.  Screenshots are saved to a subdirectory of your theme, aptly named `screenshots`.
+**Each time you generate screenshots, existing screenshots will be deleted.**

data/Rakefile ADDED Viewed

@@ -0,0 +1,17 @@
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gemspec|
+    gemspec.name = "themekit"
+    gemspec.summary = "Enjoyable theming for Yardstick Measure."
+    gemspec.description = "A tiny app that makes designing Yardstick Measure themes a whole lot more enjoyable."
+    gemspec.email = "kyle@yardsticksoftware.com"
+    gemspec.homepage = "http://github.com/yardstick/themekit"
+    gemspec.authors = ["Yardstick Software"]
+    gemspec.has_rdoc = false
+    gemspec.executables = ['themekit']
+    gemspec.add_dependency('sinatra', '>= 0.9.4')
+  end
+rescue LoadError
+  puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
+end

data/VERSION ADDED Viewed

	@@ -0,0 +1 @@
1	+ 0.0.8

data/bin/screenshots ADDED Viewed

@@ -0,0 +1,95 @@
+#!/usr/bin/env python
+import os
+import sys
+import urllib2
+import Image
+import yaml
+BASE_URL = "http://localhost:4567/"
+YAML_FILE = 'info.yml'
+class Variation(object):
+  def __init__(self, name, labels):
+    self.name = name
+    self.labels = list(labels)
+  def __unicode__(self):
+    return self.filename
+  __repr__ = __unicode__
+  @property
+  def filename(self):
+    return '_'.join(self.labels)
+  @property
+  def url(self):
+    return "%s?%s" % (BASE_URL, "%20".join(self.labels))
+def product(*args, **kwds):
+    "Given a list of iterables, calculate the possible combinations."
+    # Based on itertools.product from Python 2.6
+    pools = map(tuple, args) * kwds.get('repeat', 1)
+    result = [[]]
+    for pool in pools:
+        result = [x+[y] for x in result for y in pool]
+    for prod in result:
+        yield tuple(prod)
+def load_variations(yaml_path):
+  "Loads a list of Variations from the specified yaml file."
+  data = open(yaml_path).read()
+  parsed = yaml.load(data)
+  variation_name = parsed['name'].lower().replace(r' ', '_')
+  variation_categories = []
+  variations_dict = parsed.get('variations', {})
+  for category_name in sorted(variations_dict.keys()):
+    variation_categories.append(variations_dict[category_name])
+  variations = []
+  for combo in product(*[category.keys() for category in variation_categories]):
+    variations.append(Variation(variation_name, combo))
+  return variations
+if __name__ == '__main__':
+  if not os.path.exists(YAML_FILE):
+    print "\n** Can't find %s.  This script must be run from the Theme's root directory.\n" % YAML_FILE
+    sys.exit(0)
+  try:
+    urllib2.urlopen(BASE_URL)
+  except urllib2.URLError, e:
+    print "\n** Couldn't connect to %s -- are you sure ThemeKit is running?\n" % BASE_URL
+    sys.exit(0)
+  # Determine the directory in which to save the screenshots.
+  # If it already exists, clear it's files and remove the directory.
+  dest = os.path.join(os.getcwd(), 'screenshots')
+  if os.path.isdir(dest):
+    print "** Removing existing screenshots..."
+    for path in os.listdir(dest):
+      os.remove(os.path.join(dest, path))
+    os.rmdir(dest)
+  os.mkdir(dest)
+  from subprocess import call, PIPE
+  variations = load_variations(YAML_FILE)
+  print '** Grabbing screenshots for %s variations...' % len(variations)
+  count = 1
+  for v in variations:
+    print "** %s) %s \t(%s)" % (count, " ".join(v.labels), v.url)
+    count += 1
+    call(['webkit2png', '--filename=%s' % v.filename, '--dir=%s' % dest, '--width=1024', '--height=768', '-F', v.url], stdout=open(os.devnull, 'w'))
+  for img_path in os.listdir(dest):
+    full_path = os.path.join(dest, img_path)
+    img = Image.open(full_path)
+    img = img.crop((0,0,1024,768))
+    img.thumbnail((300,300), Image.ANTIALIAS)
+    img.save(full_path.replace("-full", ""), "JPEG", quality=95)
+    os.remove(full_path)
+  print '** Screenshots have been saved in %s' % dest

data/bin/themekit ADDED Viewed

@@ -0,0 +1,33 @@
+#!/usr/bin/env ruby
+require "rubygems"
+require "themekit"
+def load_system_stylesheet
+  system_stylesheet = ENV["YS_SYSTEM_CSS"]
+  if system_stylesheet.nil?
+    puts "\n** WHUPS! You need to set the 'YS_SYSTEM_CSS' environment variable."
+    puts "This tells ThemeKit where the Yardstick 'system.css' file is located."
+    puts "Example: export YS_SYSTEM_CSS=\"~/path/to/system.css\"\n\n"
+    Kernel.exit(0)
+  end
+  system_stylesheet
+end
+if ARGV.empty?
+  # Run the ThemeKit Sinatra app.
+  theme_directory = Dir.pwd
+  puts "** Starting ThemeKit in #{theme_directory}"
+  ThemeKit::Server.run!({
+    :host => 'localhost',
+    :port => 4567,
+    :system_stylesheet => load_system_stylesheet,
+    :theme_directory => theme_directory
+  })
+else
+  # Create a new theme
+  theme_name = ARGV.first
+  theme = ThemeKit::Theme.new(theme_name, Dir.pwd)
+  theme.create
+  puts "Created #{theme.name} in #{theme.path}"
+end

data/bin/webkit2png ADDED Viewed

@@ -0,0 +1,278 @@
+#!/usr/bin/env python
+# webkit2png - makes screenshots of webpages
+# http://www.paulhammond.org/webkit2png
+__version__ = "0.5"
+# Copyright (c) 2009 Paul Hammond
+#
+# 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.
+#
+import sys
+import optparse
+try:
+  import Foundation
+  import WebKit
+  import AppKit
+  import objc
+except ImportError:
+  print "Cannot find pyobjc library files.  Are you sure it is installed?"
+  sys.exit()
+class AppDelegate (Foundation.NSObject):
+    # what happens when the app starts up
+    def applicationDidFinishLaunching_(self, aNotification):
+        webview = aNotification.object().windows()[0].contentView()
+        webview.frameLoadDelegate().getURL(webview)
+class WebkitLoad (Foundation.NSObject, WebKit.protocols.WebFrameLoadDelegate):
+    # what happens if something goes wrong while loading
+    def webView_didFailLoadWithError_forFrame_(self,webview,error,frame):
+        print " ... something went wrong"
+        self.getURL(webview)
+    def webView_didFailProvisionalLoadWithError_forFrame_(self,webview,error,frame):
+        print " ... something went wrong"
+        self.getURL(webview)
+    def makeFilename(self,URL,options):
+       # make the filename
+       if options.filename:
+         filename = options.filename
+       elif options.md5:
+         try:
+                import md5
+         except ImportError:
+                print "--md5 requires python md5 library"
+                AppKit.NSApplication.sharedApplication().terminate_(None)
+         filename = md5.new(URL).hexdigest()
+       else:
+         import re
+         filename = re.sub('\W','',URL);
+         filename = re.sub('^http','',filename);
+       if options.datestamp:
+         import time
+         now = time.strftime("%Y%m%d")
+         filename = now + "-" + filename
+       import os
+       dir = os.path.abspath(os.path.expanduser(options.dir))
+       return os.path.join(dir,filename)
+    def saveImages(self,bitmapdata,filename,options):
+        # save the fullsize png
+        if options.fullsize:
+            bitmapdata.representationUsingType_properties_(AppKit.NSPNGFileType,None).writeToFile_atomically_(filename + "-full.png",objc.YES)
+        if options.thumb or options.clipped:
+            # work out how big the thumbnail is
+            width = bitmapdata.pixelsWide()
+            height = bitmapdata.pixelsHigh()
+            thumbWidth = (width * options.scale)
+            thumbHeight = (height * options.scale)
+            # make the thumbnails in a scratch image
+            scratch = AppKit.NSImage.alloc().initWithSize_(
+                    Foundation.NSMakeSize(thumbWidth,thumbHeight))
+            scratch.lockFocus()
+            AppKit.NSGraphicsContext.currentContext().setImageInterpolation_(
+                    AppKit.NSImageInterpolationHigh)
+            thumbRect = Foundation.NSMakeRect(0.0, 0.0, thumbWidth, thumbHeight)
+            clipRect = Foundation.NSMakeRect(0.0,
+                    thumbHeight-options.clipheight,
+                    options.clipwidth, options.clipheight)
+            bitmapdata.drawInRect_(thumbRect)
+            thumbOutput = AppKit.NSBitmapImageRep.alloc().initWithFocusedViewRect_(thumbRect)
+            clipOutput = AppKit.NSBitmapImageRep.alloc().initWithFocusedViewRect_(clipRect)
+            scratch.unlockFocus()
+            # save the thumbnails as pngs
+            if options.thumb:
+                thumbOutput.representationUsingType_properties_(
+                        AppKit.NSPNGFileType,None
+                    ).writeToFile_atomically_(filename + "-thumb.png",objc.YES)
+            if options.clipped:
+                clipOutput.representationUsingType_properties_(
+                        AppKit.NSPNGFileType,None
+                    ).writeToFile_atomically_(filename + "-clipped.png",objc.YES)
+    def getURL(self,webview):
+        if self.urls:
+            if self.urls[0] == '-':
+                url = sys.stdin.readline().rstrip()
+                if not url: AppKit.NSApplication.sharedApplication().terminate_(None)
+            else:
+                url = self.urls.pop(0)
+        else:
+            AppKit.NSApplication.sharedApplication().terminate_(None)
+        print "Fetching", url, "..."
+        self.resetWebview(webview)
+        webview.mainFrame().loadRequest_(Foundation.NSURLRequest.requestWithURL_(Foundation.NSURL.URLWithString_(url)))
+        if not webview.mainFrame().provisionalDataSource():
+            print " ... not a proper url?"
+            self.getURL(webview)
+    def resetWebview(self,webview):
+        rect = Foundation.NSMakeRect(0,0,self.options.initWidth,self.options.initHeight)
+        webview.window().setContentSize_((self.options.initWidth,self.options.initHeight))
+        webview.setFrame_(rect)
+    def resizeWebview(self,view):
+        view.window().display()
+        view.window().setContentSize_(view.bounds().size)
+        view.setFrame_(view.bounds())
+    def captureView(self,view):
+        view.lockFocus()
+        bitmapdata = AppKit.NSBitmapImageRep.alloc()
+        bitmapdata.initWithFocusedViewRect_(view.bounds())
+        view.unlockFocus()
+        return bitmapdata
+    # what happens when the page has finished loading
+    def webView_didFinishLoadForFrame_(self,webview,frame):
+        # don't care about subframes
+        if (frame == webview.mainFrame()):
+            Foundation.NSTimer.scheduledTimerWithTimeInterval_target_selector_userInfo_repeats_( self.options.delay, self, self.doGrab, webview, False)
+    def doGrab(self,timer):
+            webview = timer.userInfo()
+            view = webview.mainFrame().frameView().documentView()
+            self.resizeWebview(view)
+            URL = webview.mainFrame().dataSource().initialRequest().URL().absoluteString()
+            filename = self.makeFilename(URL, self.options)
+            bitmapdata = self.captureView(view)
+            self.saveImages(bitmapdata,filename,self.options)
+            print " ... done"
+            self.getURL(webview)
+def main():
+    # parse the command line
+    usage = """%prog [options] [http://example.net/ ...]
+examples:
+%prog http://google.com/            # screengrab google
+%prog -W 1000 -H 1000 http://google.com/ # bigger screengrab of google
+%prog -T http://google.com/         # just the thumbnail screengrab
+%prog -TF http://google.com/        # just thumbnail and fullsize grab
+%prog -o foo http://google.com/     # save images as "foo-thumb.png" etc
+%prog -                             # screengrab urls from stdin
+%prog -h | less                     # full documentation"""
+    cmdparser = optparse.OptionParser(usage,version=("webkit2png "+__version__))
+    # TODO: add quiet/verbose options
+    cmdparser.add_option("-W", "--width",type="float",default=800.0,
+       help="initial (and minimum) width of browser (default: 800)")
+    cmdparser.add_option("-H", "--height",type="float",default=600.0,
+       help="initial (and minimum) height of browser (default: 600)")
+    cmdparser.add_option("--clipwidth",type="float",default=200.0,
+       help="width of clipped thumbnail (default: 200)",
+       metavar="WIDTH")
+    cmdparser.add_option("--clipheight",type="float",default=150.0,
+       help="height of clipped thumbnail (default: 150)",
+       metavar="HEIGHT")
+    cmdparser.add_option("-s", "--scale",type="float",default=0.25,
+       help="scale factor for thumbnails (default: 0.25)")
+    cmdparser.add_option("-m", "--md5", action="store_true",
+       help="use md5 hash for filename (like del.icio.us)")
+    cmdparser.add_option("-o", "--filename", type="string",default="",
+       metavar="NAME", help="save images as NAME-full.png,NAME-thumb.png etc")
+    cmdparser.add_option("-F", "--fullsize", action="store_true",
+       help="only create fullsize screenshot")
+    cmdparser.add_option("-T", "--thumb", action="store_true",
+       help="only create thumbnail sreenshot")
+    cmdparser.add_option("-C", "--clipped", action="store_true",
+       help="only create clipped thumbnail screenshot")
+    cmdparser.add_option("-d", "--datestamp", action="store_true",
+       help="include date in filename")
+    cmdparser.add_option("-D", "--dir",type="string",default="./",
+       help="directory to place images into")
+    cmdparser.add_option("--delay",type="float",default=0,
+       help="delay between page load finishing and screenshot")
+    cmdparser.add_option("--noimages", action="store_true",
+       help="don't load images")
+    cmdparser.add_option("--debug", action="store_true",
+       help=optparse.SUPPRESS_HELP)
+    (options, args) = cmdparser.parse_args()
+    if len(args) == 0:
+        cmdparser.print_usage()
+        return
+    if options.filename:
+        if len(args) != 1 or args[0] == "-":
+          print "--filename option requires exactly one url"
+          return
+    if options.scale == 0:
+      cmdparser.error("scale cannot be zero")
+    # make sure we're outputing something
+    if not (options.fullsize or options.thumb or options.clipped):
+      options.fullsize = True
+      options.thumb = True
+      options.clipped = True
+    # work out the initial size of the browser window
+    #  (this might need to be larger so clipped image is right size)
+    options.initWidth = (options.clipwidth / options.scale)
+    options.initHeight = (options.clipheight / options.scale)
+    if options.width>options.initWidth:
+       options.initWidth = options.width
+    if options.height>options.initHeight:
+       options.initHeight = options.height
+    app = AppKit.NSApplication.sharedApplication()
+    # create an app delegate
+    delegate = AppDelegate.alloc().init()
+    AppKit.NSApp().setDelegate_(delegate)
+    # create a window
+    rect = Foundation.NSMakeRect(0,0,100,100)
+    win = AppKit.NSWindow.alloc()
+    win.initWithContentRect_styleMask_backing_defer_ (rect,
+            AppKit.NSBorderlessWindowMask, 2, 0)
+    if options.debug:
+      win.orderFrontRegardless()
+    # create a webview object
+    webview = WebKit.WebView.alloc()
+    webview.initWithFrame_(rect)
+    # turn off scrolling so the content is actually x wide and not x-15
+    webview.mainFrame().frameView().setAllowsScrolling_(objc.NO)
+    webview.setPreferencesIdentifier_('webkit2png')
+    webview.preferences().setLoadsImagesAutomatically_(not options.noimages)
+    # add the webview to the window
+    win.setContentView_(webview)
+    # create a LoadDelegate
+    loaddelegate = WebkitLoad.alloc().init()
+    loaddelegate.options = options
+    loaddelegate.urls = args
+    webview.setFrameLoadDelegate_(loaddelegate)
+    app.run()
+if __name__ == '__main__' : main()

data/example_theme/info.yml ADDED Viewed

@@ -0,0 +1,12 @@
+# Give this theme a unique name
+name: Example Theme
+# Replace these with the variations actually supported by this theme.
+variations:
+  colors:
+    red: Red
+    green: Green
+    blue: Blue
+  industries:
+    it: IT
+    people: People

data/example_theme/styles.css ADDED Viewed

@@ -0,0 +1,32 @@
+body, .themeContent { font-size: 13px; }
+.container { width: 800px; }
+#header { background: #222; padding: 30px 0;}
+#header h2 { float: right; font-size: 15px; color: #fff; font-weight: normal; }
+#nav { background: #444; }
+#nav a { color: #999; font-size: 13px; padding: 0px 15px; line-height: 40px; }
+#nav a:hover,
+#nav li.active a { background: #555; color: #fff; }
+#mainNav { float: left; }
+#loginNav { float: right; }
+#loginNav a { font-size: 11px; }
+.themeContentContainer { padding-top: 30px; }
+.themeContent { color: #777; }
+.themeContent h1,
+.themeContent h2,
+.themeContent h3,
+.themeContent h4,
+.themeContent h5,
+.themeContent th { color: #444; }
+.themeContent th { background: #f4f4f4;}
+.themeContent h1 { letter-spacing: -1px; margin-bottom: 30px; }
+.themeContent img { border: 1px solid #ccc; padding: 1px; }
+#footer .container { font-size: 11px; color: #aaa; text-align: center; border-top: 1px solid #eee; padding: 5px 0 15px 0;}

data/example_theme/theme.html ADDED Viewed

@@ -0,0 +1,40 @@
+<!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" xml:lang="en" lang="en">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <link href="{{ system_stylesheet_path }}" media="screen" rel="stylesheet" type="text/css" />
+  <link rel="stylesheet" type="text/css" href="{{ stylesheet_path }}">
+	<title>{{ title }}</title>
+	{% page_meta %}
+</head>
+<body class="themeBody {{ theme_variation }}">
+<div id="header"><div class="container">
+  <div id="logo">
+    {% image image_data_id, common/default_image.png %}
+  </div>
+  <h2 id="subheading">{% text text_data_id, Making things more better! %}</h2>
+</div></div>
+<div id="nav"><div class="container">
+  <div id="mainNav" class="horizontal menu">{% menu main %}</div>
+  <div id="loginNav" class="horizontal menu">{% menu account %}</div>
+</div></div>
+<div class="themeContentContainer container">
+  <div class="themeContent">
+	  {% if notice %}
+        <div class="messages notice">{{ notice }}</div>
+    {% endif %}
+    <h1 class="pageTitle">{{ page.title }}</h1>
+    {{ page.content }}
+  </div>
+</div></div>
+<div id="footer"><div class="container">
+  {% text text_data_id, Copyright 2009 Yardstick Software %}
+</div></div>
+</body>
+</html>

data/github-test.rb ADDED Viewed

@@ -0,0 +1,22 @@
+#!/usr/bin/env ruby
+require 'yaml'
+if ARGV.size < 1
+  puts "Usage: github-test.rb my-project.gemspec"
+  exit
+end
+require 'rubygems/specification'
+data = File.read(ARGV[0])
+spec = nil
+if data !~ %r{!ruby/object:Gem::Specification}
+  Thread.new { spec = eval("$SAFE = 3\n#{data}") }.join
+else
+  spec = YAML.load(data)
+end
+spec.validate
+puts spec
+puts "OK"

data/lib/themekit/data.rb ADDED Viewed

@@ -0,0 +1,121 @@
+module ThemeKit
+  module Data
+    META_TAGS = <<-EOS
+    <meta name="keywords" content="themes, yardstick, server, design" />
+    <meta name="description" content="This is the Yardstick Measure Theme Server." />
+    EOS
+    MAIN_NAV = <<-EOS
+    <ul id="ys-menu_main" class="ys-menu">
+      <li class="active ys-menuItem"><a href="/tincidunt-orci-quis-lectus-nullam">Home</a></li>
+      <li class="ys-menuItem"><a href="#">Products</a></li>
+      <li class="ys-menuItem"><a href="#">Services</a></li>
+      <li class="ys-menuItem"><a href="#">Our Company</a></li>
+      <li class="ys-menuItem"><a href="#">Contact Us</a></li>
+    </ul>
+    EOS
+    USER_NAV = <<-EOS
+    <ul id="ys-menu_account" class="ys-menu">
+      <li class="ys-menuItem"><a href="/login">Login</a></li>
+      <li class="ys-menuItem"><a href="/login">Sign up</a></li>
+    </ul>
+    EOS
+    DUMMY_HTML = <<-EOS
+    <!-- START DUMMY CONTENT -->
+    <p>Lorem ipsum dolor sit amet, <a href="#">claritas ut aliquam</a> consectetuer magna. Quis per me placerat humanitatis est sed. Usus claritatem habent aliquip te veniam tincidunt adipiscing eu. Blandit minim cum facer nisl in feugiat nihil eleifend. Eua nunc consuetudium non molestie iusto claram eleifend claritas eorum, id.</p>
+    <h2>Heading Level 2</h2>
+    <p>It's time for some <strong>strong</strong> text and some <em>emphasized</em> text.</p>
+    <p>Enim autem littera erat elit ii nihil sequitur molestie dignissim magna. Ad, et, facilisi ex aliquip fiant decima hendrerit habent. Praesent sollemnes tincidunt at. Parum quod, formas imperdiet suscipit te velit. Nunc delenit me est demonstraverunt formas minim non. Eros legunt iriure at lorem notare.</p>
+    <p>Here's a table:</p>
+    <table>
+    <caption>The awesome people of Yardstick</caption>
+    <thead>
+    <tr>
+    <th>Name</th>
+    <th>Languages</th>
+    <th>Awesome Factor</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+    <th>Kyle</th>
+    <td>Python</td>
+    <td>11</td>
+    </tr>
+    <tr>
+    <th>Paul</th>
+    <td>Ruby</td>
+    <td>10.5</td>
+    </tr>
+    <tr>
+    <th>Nolan</th>
+    <td>Photoshop</td>
+    <td>11</td>
+    </tr>
+    <tr>
+    <th>Ben</th>
+    <td>ColdFusion</td>
+    <td>11</td>
+    </tr>
+    <tr>
+    <th>Don</th>
+    <td>ColdFusion</td>
+    <td>11</td>
+    </tr>
+    </tbody>
+    </table>
+    <p>Here's a quote:</p>
+    <blockquote>
+    <p>Enim autem littera erat elit ii nihil sequitur molestie dignissim magna. Ad, et, facilisi ex aliquip fiant decima hendrerit habent. Praesent sollemnes tincidunt at. Parum quod, formas imperdiet suscipit te velit. Nunc delenit me est demonstraverunt formas minim non. Eros legunt iriure at lorem notare.</p>
+    </blockquote>
+    <h3>Heading Level 3</h3>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <h4>Heading Level 4</h4>
+    <p>Et, investigationes nostrud, parum eros assum, claritas lius. Facit facer euismod eu id, nulla. Adipiscing, littera ii consectetuer typi in praesent, aliquam. Mirum erat minim eum duis. Nisl ex delenit te, me velit est typi. Non at hendrerit ad soluta nibh qui cum, eua.</p>
+    <h5>Heading Level 5</h5>
+    <p>Et, investigationes nostrud, parum eros assum, claritas lius. Facit facer euismod eu id, nulla. Adipiscing, littera ii consectetuer typi in praesent, aliquam. Mirum erat minim eum duis. Nisl ex delenit te, me velit est typi. Non at hendrerit ad soluta nibh qui cum, eua.</p>
+    <h6>Heading Level 6</h6>
+    <p>Et, investigationes nostrud, parum eros assum, claritas lius. Facit facer euismod eu id, nulla. Adipiscing, littera ii consectetuer typi in praesent, aliquam. Mirum erat minim eum duis. Nisl ex delenit te, me velit est typi. Non at hendrerit ad soluta nibh qui cum, eua.</p>
+    <ul>
+    <li>Milk</li>
+    <li>Bread</li>
+    <li>Eggs</li>
+    <li>Veggies
+    <ul>
+    <li>Peppers</li>
+    <li>Cucumbers</li>
+    <li>Radishes</li>
+    </ul>
+    </li>
+    <li>Cookies</li>
+    </ul>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <ol>
+    <li>Milk</li>
+    <li>Bread</li>
+    <li>Eggs</li>
+    <li>Veggies
+    <ul>
+    <li>Peppers</li>
+    <li>Cucumbers</li>
+    <li>Radishes</li>
+    </ul>
+    </li>
+    <li>Cookies</li>
+    </ol>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <h2>A block image followed by an inline image</h2>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <p><img alt="none" src="http://farm4.static.flickr.com/3253/2496907243_5efbbab5cd.jpg" /></p>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <p><img alt="none" src="http://farm4.static.flickr.com/3253/2496907243_5efbbab5cd_t.jpg" /> This image should be floating, but that's something the user can specify in the WYSIWYG editor, or the theme can define the float.  Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <p>Lectores, doming quarta, ad possim cum eua esse. Et quod eu quis id aliquip ii liber. In ex te, sequitur sed me feugiat ipsum molestie elit legentis. Lectorum praesent est eros non lorem. At possim soluta illum per ad. Amet tincidunt cum eua nibh mutationem.</p>
+    <!-- END DUMMY CONTENT -->
+    EOS
+  end
+end

data/lib/themekit/server.rb ADDED Viewed

@@ -0,0 +1,50 @@
+require 'rubygems'
+require 'sinatra/base'
+module ThemeKit
+  class Server < Sinatra::Base
+    get '/*' do
+      system_stylesheet = options.system_stylesheet
+      theme_directory = options.theme_directory
+      # Get the path they're requesting.
+      # If the path is empty, ie: "/", default to theme.html
+      path = params[:splat][0]
+      path = "theme.html" if path.length == 0
+      if path == "system.css"
+        file_path = system_stylesheet
+        puts "** Rendering system stylesheet: #{file_path}"
+      else
+        file_path = File.join(theme_directory, path)
+      end
+      # Everything *except* theme.html can be statically served.
+      return send_file(file_path) unless path == "theme.html"
+      # Because sinatra is lame and doesn't keep GET variables when using
+      # a splat in the route.
+      begin
+        variations = request.url.split("?")[1].gsub(/%20/, ' ')
+      rescue
+        variations = 'default'
+      end
+      puts "** Rendering theme with variations: #{variations}"
+      begin
+        html = File.open(file_path).read()
+        return ThemeKit::Theme.render(html, {:variations => variations})
+      rescue
+        missing = File.join(theme_directory, 'theme.html')
+        return "<strong>Theme file doesn't exist:</strong> #{missing}"
+      end
+    end
+  end
+end

data/lib/themekit/theme.rb ADDED Viewed

@@ -0,0 +1,56 @@
+#!/usr/bin/env ruby -wKU
+require 'fileutils'
+module ThemeKit
+  class Theme
+    attr_reader :name, :path, :example_path
+    def initialize(name, path)
+      @name = name
+      @path = path
+      @example_path = File.join(File.dirname(__FILE__), '../../example_theme')
+    end
+    def create
+      FileUtils.cp_r @example_path, File.join(@path, @name)
+    end
+    def self.render(html, options={})
+      data = {
+        :variations => 'default',
+        :title => "Welcome | CompuGlobal Exams",
+        :meta_tags => ThemeKit::Data::META_TAGS,
+        :main_nav => ThemeKit::Data::MAIN_NAV,
+        :user_nav => ThemeKit::Data::USER_NAV,
+        :page_title => "Welcome to my website",
+        :page_content => "#{ThemeKit::Data::DUMMY_HTML}<p>Yardstick ThemeKit: <strong>#{Time.now}</strong></p>",
+        :system_stylesheet_path => "system.css",
+        :stylesheet_path => "styles.css",
+        :media_path => "",
+        :notice => "This is an example notice.",
+      }.merge(options)
+      html.gsub!(/\{\{\s*theme_variation\s*\}\}/, data[:variations])                            # {{ theme_variation }}
+      html.gsub!(/\{\{\s*title\s*\}\}/, data[:title])                                           # {{ title }}
+      html.gsub!(/\{\{\s*page.title\s*\}\}/, data[:page_title])                                 # {{ page.title }}
+      html.gsub!(/\{%\s*image \w.*, (\w.*)\s*%\}/, "<img src=\"#{data[:media_path]}\\1\" />")              # {% image ... %}
+      html.gsub!(/\{%\s*text \w.*, (\w.*)\s*%\}/, "\\1")                                # {% text ... %}
+      html.gsub!(/\{%\s*page_meta\s*%\}/, data[:meta_tags])                                     # {% page_meta %}
+      html.gsub!(/\{%\s*menu main\s*%\}/, data[:main_nav])                                      # {% menu main %}
+      html.gsub!(/\{%\s*menu account\s*%\}/, data[:user_nav])                                   # {% menu account %}
+      html.gsub!(/\{\{\s*page.content\s*\}\}/, data[:page_content])                             # {{ page.content }}
+      html.gsub!(/\{\{\s*system_stylesheet_path\s*\}\}/, data[:system_stylesheet_path])         # {{ system_stylesheet_path }}
+      html.gsub!(/\{\{\s*stylesheet_path\s*\}\}/, data[:stylesheet_path])                       # {{ stylesheet_path }}
+      # Notices
+      html.gsub!(/\{%\s*if notice\s*%\}/, '')
+      html.gsub!(/\{%\s*endif\s*%\}/, '')
+      html.gsub!(/\{\{\s*notice\s*\}\}/, data[:notice])
+      html
+    end
+  end
+end

data/lib/themekit.rb ADDED Viewed

@@ -0,0 +1,6 @@
+require 'themekit/server'
+require 'themekit/data'
+require 'themekit/theme'
+module ThemeKit
+end

data/themekit.gemspec ADDED Viewed

@@ -0,0 +1,14 @@
+spec = Gem::Specification.new do |s|
+  s.name = "themekit"
+  s.summary = "A tiny app that makes designing Yardstick Measure themes a whole lot more enjoyable."
+  s.version = "0.1.0"
+  s.author = "Yardstick Software"
+  s.email = "kyle@yardsticksoftware.com"
+  s.homepage = "https://github.com/yardstick/themekit/tree/master"
+  s.platform = Gem::Platform::RUBY
+  s.files = Dir['**/**']
+  s.executables = ['themekit']
+  s.has_rdoc = false
+  s.add_dependency "sinatra"
+end

metadata ADDED Viewed

@@ -0,0 +1,88 @@
+--- !ruby/object:Gem::Specification
+name: themekit
+version: !ruby/object:Gem::Version
+  prerelease: false
+  segments:
+  - 0
+  - 1
+  - 0
+  version: 0.1.0
+platform: ruby
+authors:
+- Yardstick Software
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2010-02-25 00:00:00 -07:00
+default_executable:
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        segments:
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id001
+description:
+email: kyle@yardsticksoftware.com
+executables:
+- themekit
+extensions: []
+extra_rdoc_files: []
+files:
+- bin/screenshots
+- bin/themekit
+- bin/webkit2png
+- example_theme/info.yml
+- example_theme/styles.css
+- example_theme/theme.html
+- github-test.rb
+- lib/themekit/data.rb
+- lib/themekit/server.rb
+- lib/themekit/theme.rb
+- lib/themekit.rb
+- Rakefile
+- README.md
+- themekit-0.1.0.gem
+- themekit.gemspec
+- VERSION
+has_rdoc: true
+homepage: https://github.com/yardstick/themekit/tree/master
+licenses: []
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      segments:
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      segments:
+      - 0
+      version: "0"
+requirements: []
+rubyforge_project:
+rubygems_version: 1.3.6
+signing_key:
+specification_version: 3
+summary: A tiny app that makes designing Yardstick Measure themes a whole lot more enjoyable.
+test_files: []