Greg Wolff's Page

Proof of concepts

Fri, 22 Jun 2007 00:44:57 GMT

I'm originally from the Show Me State. Maybe that's why I find it so important to build things that demonstrate new ideas in practical settings.

This page itself is build upon TiddlyWiki, a nifty little tool that lets anyone create and share their own real-life working web sites without asking permission or signing up for any web service. (Nobody knows that I've replaced my original "corporate" page with this page, not the system administrator, web gurus, or all the rest. ). Autonomy and personal creativity drive businesses. People, whether they'd be teachers, doctors, real estate brokers, or musicians need local control in order to deliver great service and great performances.

This site itself shows one example of how our service research results seek to put that power over documents and data back into hands of people and help them create great experiences.

Thu, 21 Jun 2007 23:55:28 GMT

Fri, 22 Jun 2007 00:28:30 GMT

Please see my UnaMesa talk page

AboutMe

Thu, 21 Jun 2007 23:55:10 GMT

Depending on your point of view, you may see me as:

Vice President of an R&D group working closely with customers to create services that eliminate unnecessary paperwork
An advocate for improving education, health care, and community based services as founder of the UnaMesa Assocation
A pragmatic optimist thankful for the opportunity to attend MIT, CMU, and Stanford, now building upon that rigorous training to create additional opportunities for others.

BlogCreateTemplate

Sat, 03 Mar 2007 11:20:00 GMT

<div class="editBox">
Title: <span macro='edit title'></span>
<div class='editor' macro='edit text'>
<input type='hidden' edit='tags' value='blog' />
</div>
<div class='toolbar'><span macro='saveBlog'></span> <span macro='toolbar deleteTiddler'></span></div>
</div>

collapseMacros

Sat, 03 Mar 2007 11:20:00 GMT

config.commands.collapseTiddler = {
text: "Close",
tooltip: "Close this blog entry",
handler: function(event,src,title)
{
var e = story.findContainingTiddler(src);
if(e.getAttribute("template") != config.tiddlerTemplates[DEFAULT_EDIT_TEMPLATE]){
var t = (readOnly&&store.tiddlerExists("WebCollapsedTemplate"))?"WebCollapsedTemplate":"CollapsedTemplate";
if (!store.tiddlerExists(t)) { alert("Can't find 'CollapsedTemplate'"); return; }
if(e.getAttribute("template") != t ){
e.setAttribute("oldTemplate",e.getAttribute("template"));
story.displayTiddler(null,title,t);
}
}
}
}

config.commands.expandTiddler = {
text: "View",
tooltip: "Expand this blog entry",
handler: function(event,src,title)
{
var e = story.findContainingTiddler(src);
story.displayTiddler(null,title,e.getAttribute("oldTemplate"));
}
}

ViewReadonlyTemplate

Sat, 03 Mar 2007 11:20:00 GMT

ViewEditableTemplate

Sat, 03 Mar 2007 11:20:00 GMT

TabHelper

Sat, 03 Mar 2007 11:20:00 GMT

Tab =
{
show: function (name)
{
var divs = document.getElementById('tiddlerDisplay').getElementsByTagName('div');

highlight tabs

var tabs = new Array('ContactInfo', 'AboutMe', 'BlogList', 'CommentList');

for (var i = 0; i < tabs.length; i++)
{
var tab = document.getElementById(tabs[i] + 'Tab');

if (tabs[i] == name)
tab.className += ' selected';
else
tab.className = tab.className.replace('selected', );
}

show tiddlers correctly

for (var i = 0; i < divs.length; i++)
{
if (divs[i].className.indexOf('tiddler') == -1)
continue;

if (divs[i].id == 'tiddlerContactInfo')
divs[i].style.display = (name == 'ContactInfo') ? 'block' : 'none';

if (divs[i].id == 'tiddlerAboutMe')
divs[i].style.display = (name == 'AboutMe') ? 'block' : 'none';

if (divs[i].id == 'tiddlerCommentToolbar')
divs[i].style.display = (name == 'CommentList') ? 'block' : 'none';

if (divs[i].id == 'tiddlerCommentList')
divs[i].style.display = (name == 'CommentList') ? 'block' : 'none';

if (divs[i].getAttribute('tags') == 'comment')
divs[i].style.display = (name == 'CommentList') ? 'block' : 'none';

if (divs[i].getAttribute('template') == 'CommentEditTemplate')
divs[i].style.display = (name == 'CommentList') ? 'block' : 'none';

if (divs[i].id == 'tiddlerBlogToolbar')
divs[i].style.display = (name == 'BlogList') ? 'block' : 'none';

if (divs[i].id == 'tiddlerBlogList')
divs[i].style.display = (name == 'BlogList') ? 'block' : 'none';

if (divs[i].getAttribute('tags') == 'blog')
divs[i].style.display = (name == 'BlogList') ? 'block' : 'none';

if (divs[i].getAttribute('template') == 'BlogCreateTemplate')
divs[i].style.display = (name == 'BlogList') ? 'block' : 'none';
}
}
};

window.setTimeout(function() { Tab.show('ContactInfo') }, 50);

StyleSheetLayout

Sat, 03 Mar 2007 11:20:00 GMT

html .tiddler {

/* height: 1%; */
}

body {
font-size: .75em;
font-family: Calibri, "Lucida Sans", Verdana;
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5 {
font-weight: bold;
text-decoration: none;
padding-left: 0.4em;
}

h1 {font-size: 1.35em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}

hr {
height: 1px;
}

a{
text-decoration: none;
}

dt {font-weight: bold;}

ol { list-style-type: decimal }
ol ol { list-style-type: lower-alpha }
ol ol ol { list-style-type: lower-roman }
ol ol ol ol { list-style-type: decimal }
ol ol ol ol ol { list-style-type: lower-alpha }
ol ol ol ol ol ol { list-style-type: lower-roman }
ol ol ol ol ol ol ol { list-style-type: decimal }

.txtOptionInput {
width: 11em;
}

contentWrapper .chkOptionInput {

border: 0;
}

.externalLink {
text-decoration: underline;
border: none;
}

.externalLink:hover {
border: none;
}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {
font-weight: bold;
}

.tiddlyLinkNonExisting {
font-style: italic;
}

/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */
a.tiddlyLinkNonExisting.shadow {
font-weight: bold;
}

mainMenu .tiddlyLinkExisting,
mainMenu .tiddlyLinkNonExisting,
mainMenu .externalLink,
sidebarTabs .tiddlyLinkNonExisting{

font-weight: normal;
font-style: normal;
margin-right: 3px;
text-decoration: none;
border-bottom: 1px dotted #5274b5;
}

sidebarTabs .tiddlyLinkExisting {

font-weight: bold;
font-style: normal;
}

.header {
color: #776029;
color: #333;
position: relative;
margin: 20px 0px 0px 20px;
padding-left: 100px;
_height: 80px;
min-height: 80px;
}

.header a:hover {
background: transparent;
}

.siteTitle {
padding-top: 0.2em;
font-size: 3em;
line-height: 1.2em;
}

.siteSubtitle {
font-size: 1.2em;
color: #666;
}

mainMenu {

}

tabs {

list-style-type: none;
margin: 0px 0px 0px 22px;
padding: 0px;
position: relative;
top: 9px;
_top: 0px;
}

tabs li {

float: left;
background: white url("AC95E155275F5F28275C6A088A467AE68F66F22F.gif") top left no-repeat;
font-size: 1.5em;
padding-top: 10px;
text-align: center;
color: #666;
cursor: pointer;

min-height: 25px;
height: 25px;
max-height: 25px;
min-width: 182px;
width: 182px;
max-width: 182px;

_margin-bottom: -9px;
}

tabs li:hover {

color: #e81018;
}

tabs li.selected {

background-image: url("C458A34C71A46BF702A9FA61F511682FE452B5FD.gif");
color: #444;
font-weight: bold;
}

sidebar {

position: absolute;
right: 3px;
width: 16em;
font-size: .9em;
}

sidebarOptions {

padding-top: 0.3em;
}

sidebarOptions a {

margin: 0em 0.2em;
padding: 0.2em 0.3em;
display: block;
}

sidebarOptions input {

margin: 0.4em 0.5em;
}

sidebarOptions .sliderPanel {

margin-left: 1em;
padding: 0.5em;
font-size: .85em;
}

sidebarOptions .sliderPanel a {

font-weight: bold;
display: inline;
padding: 0;
}

sidebarOptions .sliderPanel input {

margin: 0 0 .3em 0;
}

sidebarTabs .tabContents {

width: 15em;
overflow: hidden;
}

.wizard {
padding: 0.1em 0em 0em 2em;
}

.wizard h1 {
font-size: 2em;
font-weight: bold;
background: none;
padding: 0em 0em 0em 0em;
margin: 0.4em 0em 0.2em 0em;
}

.wizard h2 {
font-size: 1.2em;
font-weight: bold;
background: none;
padding: 0em 0em 0em 0em;
margin: 0.2em 0em 0.2em 0em;
}

.wizardStep {
padding: 1em 1em 1em 1em;
}

.wizard .button {
margin: 0.5em 0em 0em 0em;
font-size: 1.2em;
}

messageArea {

display: none;
}

.messageToolbar {
display: block;
text-align: right;
}

messageArea a{

text-decoration: underline;
}

.popup {
font-size: .9em;
padding: 0.2em;
list-style: none;
margin: 0;
}

.popup hr {
display: block;
height: 1px;
width: auto;
padding: 0;
margin: 0.2em 0em;
}

.listBreak {
font-size: 1px;
line-height: 1px;
}

.listBreak div {
margin: 2px 0;
}

.popup li.disabled {
padding: 0.2em;
}

.popup li a{
display: block;
padding: 0.2em;
}

.tabset {
padding: 1em 0em 0em 0.5em;
}

.tab {
margin: 0em 0em 0em 0.25em;
padding: 2px;
}

.tabContents {
padding: 0.5em;
}

.tabContents ul, .tabContents ol {
margin: 0;
padding: 0;
}

.txtMainTab .tabContents li {
list-style: none;
}

.tabContents li.listLink {
margin-left: .75em;
}

body {
height: 100%;
}

container {

margin: 3em auto;
width: 950px;
}

displayArea {

clear: both;
background: transparent url("9F7884F00185BB44DEA693CAD7F10406F8DCCF2E.gif") top left no-repeat;
overflow: auto;
}

right {

background: transparent url("D6C477BDEC07663891FF4EB9923AF443164DBEB0.gif") top right repeat-y;
}

topRight {

padding-top: 28px;
background: url("CF357C41D15C67397D3FB40DF01BCDA59E80C77E.gif") top right no-repeat;
}

bottomLeft {

background: url("F229BBE40C2E54E6FE80DFE31F1EB2DA05D27932.gif") top left no-repeat;
height: 28px;
}

bottomRight {

background: url("6D1DE2AF267445DCBF2857A73F67CE218CFC07E9.gif") bottom right no-repeat;
height: 28px;
}

picture {

float: right;
margin-right: 30px;
margin-top: 5em;
text-align: center;
}

picture img {

margin-bottom: 15px;
}

tiddlerDisplay {

height: 30em;
min-height: 30em;
max-height: 30em;
overflow: auto;
margin-left: 40px;
padding-right: 30px;
}

tiddlerContactInfo {

padding-top: 0.5em;
font-size: 1.5em;
}

tiddlerContactInfo p {

margin: 0px;
}

tiddlerContactInfo .name {

font-size: 1.5em;
font-weight: bold;
margin-top: 1.3em;
margin-bottom: 1em;
}

tiddlerContactInfo .vcard {

margin-top: 1em;
font-size: 0.75em;
}

.blogHeader {
margin-top: 1.5em;
font-size: 130%;
}

.blogHeader button {
display: inline;
font-size: 80%;
margin-left: 4px;
}

.commentHeader {
margin-top: 2em;
}

.editBox {
background-color: #ffffcf;
padding: 10px;
border: 1px solid #ffff96;
margin: 10px 0px 10px 0px;
}

.subtitle {
font-size: 0.8em;
line-height: 100%;
font-style: italic;
}

.toolbar {
padding-top: 20px;
padding-right: 35px;
}

.selected .toolbar {
visibility: visible;
}

.missing .viewer,.missing .title {
font-style: italic;
}

.title {
font-size: 1.8em;
font-weight: bold;
padding: 0px 35px;
background-color: transparent;
}

.missing .subtitle {
display: none;
}

.tiddler .button {
padding: 0.2em 0.4em;
}

.tagging {
margin: 0.5em 0.5em 0.5em 0;
float: left;
display: none;
}

.isTag .tagging {
display: block;
}

.tagged {
margin: 0.5em;
float: right;
}

.tagging, .tagged {
font-size: 0.9em;
padding: 0.25em;
}

.tagging ul, .tagged ul {
list-style: none;margin: 0.25em;
padding: 0;
}

.tagClear {
clear: both;
}

.footer {
font-size: .9em;
}

.footer li {
display: inline;
}

html .viewer pre {

width: 99%;
padding: 0 0 1em 0;
}

.viewer {
line-height: 150%;
font-size: 1.1em;
}

.viewer .button {
margin: 0em 0.25em;
padding: 0em 0.25em;
}

.viewer blockquote {
line-height: 1.5em;
padding-left: 0.8em;
margin-left: 2.5em;
}

.viewer ul, .viewer ol{
margin-left: 0.5em;
padding-left: 1.5em;
margin-bottom: 0px;
}

.viewer table {
border-collapse: collapse;
margin: 0.8em 1.0em;
}

.viewer th, .viewer td, .viewer tr,.viewer caption{
padding: 3px;
}

.viewer table.listView {
font-size: 0.85em;
margin: 0.8em 1.0em;
}

.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {
padding: 0px 3px 0px 3px;
}

.viewer pre {
padding: 0.5em;
margin-left: 0.5em;
font-size: 1.2em;
line-height: 1.4em;
overflow: auto;
}

.viewer code {
font-size: 1.2em;
line-height: 1.4em;
}

.editor {
font-size: 1.1em;
}

.editor input, .editor textarea {
display: block;
width: 500px;
font: inherit;
margin-top: 5px;
}

.editorFooter {
padding: 0.25em 0em;
font-size: .9em;
}

.editorFooter .button {
padding-top: 0px; padding-bottom: 0px;}

.fieldsetFix {border: 0;
padding: 0;
margin: 1px 0px 1px 0px;
}

.sparkline {
line-height: 1em;
}

.sparktick {
outline: 0;
}

.zoomer {
font-size: 1.1em;
position: absolute;
padding: 1em;
}

.cascade {
font-size: 1.1em;
position: absolute;
overflow: hidden;
}

button {
font: 1em Calibri, "Lucida Sans", Verdana;
margin-right: 8px;
}

StyleSheetColors

Sat, 03 Mar 2007 11:20:00 GMT

body {
color: black;
background-color: #f4f4f4;
}

a{
color: #5274b5;
border-bottom: 1px dotted #5274b5;
font-weight: bold;
}

a:hover{
color: #1b396f;
border-bottom: 1px dotted #1b396f;
}

a img{
border: 0;
}

.button {
color: #383838;
border: none;
}

.button:hover {
color: #5274b5;
border: none;
}

.tabContents .button {
border: 0;}

messageArea .button {

display: none;
}

.title {
color: #333;
}

.tagging .button, .tagged .button {
border: none;
}

.imageLink, #displayArea .imageLink {
background: transparent;
}

.viewer
{
color: #383838;
width: 95%;
}

.viewer .listTitle {list-style-type: none; margin-left: -2em;}

.viewer img
{
max-width: 95%;
}

SiteTitle

Sat, 03 Mar 2007 11:20:00 GMT

Greg Wolff's Page

SiteSubtitle

Sat, 03 Mar 2007 11:20:00 GMT

SaveChanges

Sat, 03 Mar 2007 11:20:00 GMT

Sorry, there was a problem saving your changes.

PageTemplate

Sat, 03 Mar 2007 11:20:00 GMT

<div id='messageArea'></div>

<div id="container">

<ul id="tabs">

<li class="first selected" onclick="Tab.show('ContactInfo')" id="ContactInfoTab">Contact Info</li>
<li onclick="Tab.show('AboutMe')" id="AboutMeTab">About Me</li>
<li onclick="Tab.show('BlogList')" id="BlogListTab">Blog</li>
<li onclick="Tab.show('CommentList')" id="CommentListTab">Talk</li>

</ul>

<div id='displayArea'>
<div id="topRight">
<div id="right">

<div id="picture">
<img src="B190588664EE4AFF15DFAE44828BE3E1E650AAA4.jpg" alt="Greg Wolff" width="275" />

<img src="F6D3DC9EEE5BA68F666B78489766BA8B85763DDE.gif" alt="F6D3DC9EEE5BA68F666B78489766BA8B85763DDE.gif" />
</div>

<div id="tiddlerDisplay"></div>

<div id="bottomLeft"><div id="bottomRight">
</div> <!— #bottomRight >
</div> <! #bottomLeft >
</div> <! #right >
</div> <! #topRight >
</div> <! #topLeft >
</div> <! #displayArea >

</div> <!— #container >

KillMessages

Sat, 03 Mar 2007 11:20:00 GMT

displayMessage = function () {};

EditTemplate

Sat, 03 Mar 2007 11:20:00 GMT

DefaultTiddlers

Sat, 03 Mar 2007 11:20:00 GMT

ContactInfo AboutMe BlogToolbar BlogList CommentToolbar CommentList

CreateTiddlyButtonReplacement

Sat, 03 Mar 2007 11:20:00 GMT

makes actual clickable buttons

createTiddlyButton =

function (theParent,theText,theTooltip,theAction,theClass,theId,theAccessKey)
{
var theButton = document.createElement("button");
if(theAction)
{
theButton.onclick = theAction;
theButton.setAttribute("href","javascript:;");
}
theButton.setAttribute("title",theTooltip);
if(theText)
theButton.innerHTML = theText;
if(theClass)
theButton.className = theClass;
if(theId)
theButton.id = theId;
if(theParent)
theParent.appendChild(theButton);
if(theAccessKey)
theButton.setAttribute("accessKey",theAccessKey);
return(theButton);
}

BlogEditTemplate

Sat, 03 Mar 2007 11:20:00 GMT

Config

Sat, 03 Mar 2007 11:20:00 GMT

config.commands.editTiddler.text = 'Edit';
config.commands.editTiddler.tooltip = 'Edit this content';
config.commands.saveTiddler.text = 'Save';
config.commands.editTiddler.tooltip = 'Save your changes';
config.commands.cancelTiddler.text = 'Cancel';
config.commands.cancelTiddler.tooltip = 'Undo your changes';
config.commands.deleteTiddler.text = 'Delete';
config.commands.deleteTiddler.tooltip = 'Delete this content';

config.options.txtMaxEditRows = 7;
config.options.chkAutoSave = true;
config.options.chkConfirmDelete = false;
config.options.txtUserName = 'Nobody';
config.views.wikified.defaultText = 'Enter text here.';

story.chooseTemplateForTiddler = function (tiddler, template)
{

if (tiddler == 'AboutMe')
{
if ((template == DEFAULT_VIEW_TEMPLATE) || ! template)
return 'ViewEditableTemplate';
else
return config.tiddlerTemplates[template];
}
else
{
check the tags on the tiddler

var tiddler = store.getTiddler(tiddler);

if (! tiddler)
return template;

var tags = tiddler.getTags();

if (tags.indexOf('comment') != -1)
if ((template == DEFAULT_VIEW_TEMPLATE) || ! template)
return 'CommentViewTemplate';
else
return 'CommentEditTemplate';

if (tags.indexOf('blog') != -1)
{
if ((template == DEFAULT_VIEW_TEMPLATE) || ! template)
return 'BlogViewTemplate';
else
if (template == DEFAULT_EDIT_TEMPLATE)
return 'BlogEditTemplate';
else
return template;
}
}

return 'ViewReadonlyTemplate';
};