<!--{{{--> <link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' /> <!--}}}-->
Background: #fff Foreground: #000 PrimaryPale: #8cf PrimaryLight: #18f PrimaryMid: #04b PrimaryDark: #014 SecondaryPale: #ffc SecondaryLight: #fe8 SecondaryMid: #db4 SecondaryDark: #841 TertiaryPale: #eee TertiaryLight: #ccc TertiaryMid: #999 TertiaryDark: #666 Error: #f88
/*{{{*/ body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];} a {color:[[ColorPalette::PrimaryMid]];} a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];} a img {border:0;} h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;} h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];} h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];} .button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];} .button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];} .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];} .header {background:[[ColorPalette::PrimaryMid]];} .headerShadow {color:[[ColorPalette::Foreground]];} .headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];} .headerForeground {color:[[ColorPalette::Background]];} .headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];} .tabSelected {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border-left:1px solid [[ColorPalette::TertiaryLight]]; border-top:1px solid [[ColorPalette::TertiaryLight]]; border-right:1px solid [[ColorPalette::TertiaryLight]]; } .tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];} .tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];} .tabContents .button {border:0;} #sidebar {} #sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];} #sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];} #sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];} #sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];} #sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];} .wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];} .wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;} .wizard h2 {color:[[ColorPalette::Foreground]]; border:none;} .wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]]; border:1px solid [[ColorPalette::PrimaryMid]];} .wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];} .wizardFooter {background:[[ColorPalette::PrimaryPale]];} .wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];} .wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid; border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];} .wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];} .wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid; border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];} .wizard .notChanged {background:transparent;} .wizard .changedLocally {background:#80ff80;} .wizard .changedServer {background:#8080ff;} .wizard .changedBoth {background:#ff8080;} .wizard .notFound {background:#ffff80;} .wizard .putToServer {background:#ff80ff;} .wizard .gotFromServer {background:#80ffff;} #messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];} #messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;} .popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];} .popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];} .popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;} .popup li.disabled {color:[[ColorPalette::TertiaryMid]];} .popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;} .popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;} .popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;} .popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];} .listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];} .tiddler .defaultCommand {font-weight:bold;} .shadow .title {color:[[ColorPalette::TertiaryDark]];} .title {color:[[ColorPalette::SecondaryDark]];} .subtitle {color:[[ColorPalette::TertiaryDark]];} .toolbar {color:[[ColorPalette::PrimaryMid]];} .toolbar a {color:[[ColorPalette::TertiaryLight]];} .selected .toolbar a {color:[[ColorPalette::TertiaryMid]];} .selected .toolbar a:hover {color:[[ColorPalette::Foreground]];} .tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];} .selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];} .tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];} .tagging .button, .tagged .button {border:none;} .footer {color:[[ColorPalette::TertiaryLight]];} .selected .footer {color:[[ColorPalette::TertiaryMid]];} .error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];} .warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];} .lowlight {background:[[ColorPalette::TertiaryLight]];} .zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];} .imageLink, #displayArea .imageLink {background:transparent;} .annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];} .viewer .listTitle {list-style-type:none; margin-left:-2em;} .viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];} .viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];} .viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];} .viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];} .viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];} .viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];} .viewer code {color:[[ColorPalette::SecondaryDark]];} .viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];} .highlight, .marked {background:[[ColorPalette::SecondaryLight]];} .editor input {border:1px solid [[ColorPalette::PrimaryMid]];} .editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;} .editorFooter {color:[[ColorPalette::TertiaryMid]];} .readOnly {background:[[ColorPalette::TertiaryPale]];} #backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];} #backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;} #backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; } #backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];} #backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;} #backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;} #backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];} .backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];} .backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];} #backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:alpha(opacity=60);} /*}}}*/
/*{{{*/ * html .tiddler {height:1%;} body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;} h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;} h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;} h4,h5,h6 {margin-top:1em;} 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;} .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 in bold */ a.tiddlyLinkNonExisting.shadow {font-weight:bold;} #mainMenu .tiddlyLinkExisting, #mainMenu .tiddlyLinkNonExisting, #sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;} #sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;} .header {position:relative;} .header a:hover {background:transparent;} .headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;} .headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0; top:0;} .siteTitle {font-size:3em;} .siteSubtitle {font-size:1.2em;} #mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;} #sidebar {position:absolute; right:3px; width:16em; font-size:.9em;} #sidebarOptions {padding-top:0.3em;} #sidebarOptions a {margin:0 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 0.3em 0;} #sidebarTabs .tabContents {width:15em; overflow:hidden;} .wizard {padding:0.1em 1em 0 2em;} .wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;} .wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;} .wizardStep {padding:1em 1em 1em 1em;} .wizard .button {margin:0.5em 0 0; font-size:1.2em;} .wizardFooter {padding:0.8em 0.4em 0.8em 0;} .wizardFooter .status {padding:0 0.4em; margin-left:1em;} .wizard .button {padding:0.1em 0.2em;} #messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;} .messageToolbar {display:block; text-align:right; padding:0.2em;} #messageArea a {text-decoration:underline;} .tiddlerPopupButton {padding:0.2em;} .popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;} .popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;} .popup .popupMessage {padding:0.4em;} .popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;} .popup li.disabled {padding:0.4em;} .popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;} .listBreak {font-size:1px; line-height:1px;} .listBreak div {margin:2px 0;} .tabset {padding:1em 0 0 0.5em;} .tab {margin:0 0 0 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;} #contentWrapper {display:block;} #splashScreen {display:none;} #displayArea {margin:1em 17em 0 14em;} .toolbar {text-align:right; font-size:.9em;} .tiddler {padding:1em 1em 0;} .missing .viewer,.missing .title {font-style:italic;} .title {font-size:1.6em; font-weight:bold;} .missing .subtitle {display:none;} .subtitle {font-size:1.1em;} .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;} .annotation {padding:0.5em; margin:0.5em;} * html .viewer pre {width:99%; padding:0 0 1em 0;} .viewer {line-height:1.4em; padding-top:0.5em;} .viewer .button {margin:0 0.25em; padding:0 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;} .viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;} .viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;} table.listView {font-size:0.85em; margin:0.8em 1.0em;} table.listView th, table.listView td, table.listView tr {padding:0 3px 0 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:100%; font:inherit;} .editorFooter {padding:0.25em 0; font-size:.9em;} .editorFooter .button {padding-top:0; padding-bottom:0;} .fieldsetFix {border:0; padding:0; margin:1px 0px;} .zoomer {font-size:1.1em; position:absolute; overflow:hidden;} .zoomer div {padding:1em;} * html #backstage {width:99%;} * html #backstageArea {width:99%;} #backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;} #backstageToolbar {position:relative;} #backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;} #backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;} #backstageButton a {padding:0.1em 0.4em; margin:0.1em;} #backstage {position:relative; width:100%; z-index:50;} #backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;} .backstagePanelFooter {padding-top:0.2em; float:right;} .backstagePanelFooter a {padding:0.2em 0.4em;} #backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;} .whenBackstage {display:none;} .backstageVisible .whenBackstage {display:block;} /*}}}*/
/*** StyleSheet for use when a translation requires any css style changes. This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes. ***/ /*{{{*/ body {font-size:0.8em;} #sidebarOptions {font-size:1.05em;} #sidebarOptions a {font-style:normal;} #sidebarOptions .sliderPanel {font-size:0.95em;} .subtitle {font-size:0.8em;} .viewer table.listView {font-size:0.95em;} /*}}}*/
/*{{{*/ @media print { #mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;} #displayArea {margin: 1em 1em 0em;} noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */ } /*}}}*/
<!--{{{--> <div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'> <div class='headerShadow'> <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span> </div> <div class='headerForeground'> <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span> </div> </div> <div id='mainMenu' refresh='content' tiddler='MainMenu'></div> <div id='sidebar'> <div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div> <div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div> </div> <div id='displayArea'> <div id='messageArea'></div> <div id='tiddlerDisplay'></div> </div> <!--}}}-->
<!--{{{--> <div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div> <div class='title' macro='view title'></div> <div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div> <div class='tagging' macro='tagging'></div> <div class='tagged' macro='tags'></div> <div class='viewer' macro='view text wikified'></div> <div class='tagClear'></div> <!--}}}-->
<!--{{{--> <div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div> <div class='title' macro='view title'></div> <div class='editor' macro='edit title'></div> <div macro='annotations'></div> <div class='editor' macro='edit text'></div> <div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser excludeLists'></span></div> <!--}}}-->
To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers: * [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar) * [[MainMenu]]: The menu (usually on the left) * [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened You'll also need to enter your username for signing your edits: <<option txtUserName>>
These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser Your username for signing your edits. Write it as a [[WikiWord]] (eg [[JoeBloggs]]) <<option txtUserName>> <<option chkSaveBackups>> [[SaveBackups]] <<option chkAutoSave>> [[AutoSave]] <<option chkRegExpSearch>> [[RegExpSearch]] <<option chkCaseSensitiveSearch>> [[CaseSensitiveSearch]] <<option chkAnimate>> [[EnableAnimations]] ---- Also see [[AdvancedOptions]]
<<importTiddlers>>
Background: #fff Foreground: #000 PrimaryPale: #32CD32 PrimaryLight: #32CD32 PrimaryMid: #87CEEB PrimaryDark: #000080 SecondaryPale: #ffc SecondaryLight: #fe8 SecondaryMid: #db4 SecondaryDark: #841 TertiaryPale: #eee TertiaryLight: #ccc TertiaryMid: #999 TertiaryDark: #666 Error: #f88
Type the text for 'New Tiddler'
John Giraldo [img[http://www.nombres-animados.net/Letra-B/Bienvenido/Nombre-animado-Bienvenido-08.gif]]
Type the text for 'New Tiddler'
/*** |''Name:''|LoadRemoteFileThroughProxy (previous LoadRemoteFileHijack)| |''Description:''|When the TiddlyWiki file is located on the web (view over http) the content of [[SiteProxy]] tiddler is added in front of the file url. If [[SiteProxy]] does not exist "/proxy/" is added. | |''Version:''|1.1.0| |''Date:''|mar 17, 2007| |''Source:''|http://tiddlywiki.bidix.info/#LoadRemoteFileHijack| |''Author:''|BidiX (BidiX (at) bidix (dot) info)| |''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]| |''~CoreVersion:''|2.2.0| ***/ //{{{ version.extensions.LoadRemoteFileThroughProxy = { major: 1, minor: 1, revision: 0, date: new Date("mar 17, 2007"), source: "http://tiddlywiki.bidix.info/#LoadRemoteFileThroughProxy"}; if (!window.bidix) window.bidix = {}; // bidix namespace if (!bidix.core) bidix.core = {}; bidix.core.loadRemoteFile = loadRemoteFile; loadRemoteFile = function(url,callback,params) { if ((document.location.toString().substr(0,4) == "http") && (url.substr(0,4) == "http")){ url = store.getTiddlerText("SiteProxy", "/proxy/") + url; } return bidix.core.loadRemoteFile(url,callback,params); } //}}}
/*** |''Name:''|PasswordOptionPlugin| |''Description:''|Extends TiddlyWiki options with non encrypted password option.| |''Version:''|1.0.2| |''Date:''|Apr 19, 2007| |''Source:''|http://tiddlywiki.bidix.info/#PasswordOptionPlugin| |''Author:''|BidiX (BidiX (at) bidix (dot) info)| |''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]| |''~CoreVersion:''|2.2.0 (Beta 5)| ***/ //{{{ version.extensions.PasswordOptionPlugin = { major: 1, minor: 0, revision: 2, date: new Date("Apr 19, 2007"), source: 'http://tiddlywiki.bidix.info/#PasswordOptionPlugin', author: 'BidiX (BidiX (at) bidix (dot) info', license: '[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D]]', coreVersion: '2.2.0 (Beta 5)' }; config.macros.option.passwordCheckboxLabel = "Save this password on this computer"; config.macros.option.passwordInputType = "password"; // password | text setStylesheet(".pasOptionInput {width: 11em;}\n","passwordInputTypeStyle"); merge(config.macros.option.types, { 'pas': { elementType: "input", valueField: "value", eventName: "onkeyup", className: "pasOptionInput", typeValue: config.macros.option.passwordInputType, create: function(place,type,opt,className,desc) { // password field config.macros.option.genericCreate(place,'pas',opt,className,desc); // checkbox linked with this password "save this password on this computer" config.macros.option.genericCreate(place,'chk','chk'+opt,className,desc); // text savePasswordCheckboxLabel place.appendChild(document.createTextNode(config.macros.option.passwordCheckboxLabel)); }, onChange: config.macros.option.genericOnChange } }); merge(config.optionHandlers['chk'], { get: function(name) { // is there an option linked with this chk ? var opt = name.substr(3); if (config.options[opt]) saveOptionCookie(opt); return config.options[name] ? "true" : "false"; } }); merge(config.optionHandlers, { 'pas': { get: function(name) { if (config.options["chk"+name]) { return encodeCookie(config.options[name].toString()); } else { return ""; } }, set: function(name,value) {config.options[name] = decodeCookie(value);} } }); // need to reload options to load passwordOptions loadOptionsCookie(); /* if (!config.options['pasPassword']) config.options['pasPassword'] = ''; merge(config.optionsDesc,{ pasPassword: "Test password" }); */ //}}}
rgb(173,255,47)
JOHN GIRALDO [img[http://www.gifsanimados3d.com/gif-animados/webdiseno/gif-animados-WebDiseno-Bienvenido_53444.gif]]
HISTORIA DE LA TECNOLOGÍA: Las respuestas que los seres humanos han ido generando a las necesidades planteadas en cada época y contexto histórico son un perfecto indicador de la evolución tecnológica. El relativamente lento avance de las primeras etapas contrasta con el rapidísimo avance exponencial de las últimas décadas. Posiblemente un egipcio de los faraones no se sorprendiera demasiado si una hipotética máquina del tiempo lo adelantase más de un milenio para poder comparar los medios de transporte utilizados; sin embargo a cualquiera de nuestros abuelos le desborda un medio de comunicación tan extraordinario como Internet. Para su mejor estudio, y teniendo en cuenta el futuro próximo que nos aguarda, clasificaremos esta maravillosa evolución en varias etapas que se van acortando considerablemente en cuanto a su duración en el tiempo. Más adelante se citan algunos de los logros más significativos. La historia de la tecnología es la historia de la invención de herramientas y técnicas con un propósito práctico. La historia moderna está relacionada íntimamente con la historia de la ciencia, pues el descubrimiento de nuevos conocimientos ha permitido crear nuevas cosas y, recíprocamente, se han podido realizar nuevos descubrimientos científicos gracias al desarrollo de nuevas tecnologías, que han extendido las posibilidades de experimentación y adquisición del conocimiento. Los artefactos tecnológicos son productos de una economía, una fuerza del crecimiento económico y una buena parte de la vida. Las innovaciones tecnológicas afectan y están afectadas por las tradiciones culturales de la sociedad. También son un medio de obtener poder militar. La Historia de la Tecnología comenzó hace más de 2 millones de años, cuando nuestros antepasados se dieron cuenta de que, fabricando herramientas, podían vivir un poco mejor. Esa mejora del nivel de vida provocó automáticamente un cambio de hábitos de los individuos de la época. Los objetos empleados por la Humanidad a lo largo de la historia han ido evolucionando paralelamente al desarrollo tecnológico. Los hitos fundamentales de este desarrollo han sido la Revolución neolítica, la Revolución industrial y la aceleración tecnológica del siglo XX. Paralelamente a este desarrollo se han producido cambios sociales y laborales que han aumentado la calidad de vida de las personas. Sin embargo, esta actividad tecnológica ha provocado que muchas materias primas y recursos naturales escaseen. Se hace necesario, por ello, potenciar hábitos que impulsen el desarrollo sostenible, de modo que la actividad tecnológica no afecte negativamente al medio ambiente. Edad de Piedra: Durante la Edad de Piedra, los humanos eran cazadores recolectores, un estilo de vida que comportaba un uso de herramientas y asentamientos que afectaba muy escasamente a los biotopos. Las primeras tecnologías de importancia estaban asociadas a la supervivencia, la obtención de alimentos y su preparación. El fuego, las herramientas de piedra, las armas y el atuendo fueron desarrollos tecnológicos de gran importancia de este periodo. En este tiempo apareció la música. Algunas culturas desarrollaron canoas con batangas capaces de aventurarse en el océano, lo que propició migraciones a través del archipiélago Malayo, atravesando el Océano Índico hasta Madagascar y también cruzando el Océano Pacífico, lo que requería conocer las corrientes oceánicas, los patrones del clima, navegación y cartas estelares. La fase principal de predominio de la economía cazadora-recolectora se llama Paleolítico y el final se denomina epipaleolítico o mesolítico; la Edad de Piedra posterior, durante la cual se desarrollaron los rudimentos de la tecnología agraria, se llama periodo Neolítico. Estas fueron las bases de la tecnología industrial moderna. [img[http://www.apc-suramerica.net/wp-content/uploads/2012/03/edad-de-piedra.jpg]] Edades de Cobre y Bronce: La Edad de Piedra desembocó en la Edad de los Metales tras la Revolución Neolítica. Esta revolución comportó cambios radicales en la tecnología agraria, que llevaron al desarrollo de la agricultura, la domesticación animal y los asentamientos permanentes. La combinación de estos factores posibilitó el desarrollo de la fundición de cobre y más tarde bronce. Esta corriente tecnológica empezó en el Creciente fértil, desde donde se difundió. Los descubrimientos no tenían, y todavía no tienen, carácter universal. El sistema de las tres edades no describe con precisión la historia de la tecnología de los grupos ajenos a Eurasia, y no puede aplicarse en algunas poblaciones aisladas como los sentinelese, los Spinifex y ciertas tribus amazónicas, que todavía emplean la tecnología de la edad de piedra. [img[https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F_uheNlUAGBA8%2FSf0zt8s1_OI%2FAAAAAAAAA-w%2FZ-sdO2mB0qg%2Fs320%2Fedad3.jpg&container=blogger&gadget=a&rewriteMime=image%2F*]] Edad de Hierro: La Edad de Hierro empezó tras el desarrollo de la tecnología necesaria para el trabajo del hierro, material que reemplazó al bronce y posibilitó la creación de herramientas más resistentes y baratas. En muchas culturas euroasiáticas la Edad de Hierro fue la última fase anterior al desarrollo de la escritura, aunque de nuevo no se puede decir que esto sea universal.En la agricultura, las herramientas fuertes para el cultivo como las hachas de hierro, los picos, los rastrillos, las palas y las puntas de los arados hacían que la limpieza de la tierra y la producción de alimentos fueran más rápidos y más eficientes y le permitía a los granjeros cultivar tierras más fuertes. Las herramientas más eficientes en todas las áreas tuvieron como resultado más avances tecnológicos, el desarrollo de la industria y también más tiempo para descansar. Un granjero de la edad del hierro que trabajaba con un arado de hierro tenía significativamente más tiempo para dedicarle a su trabajo, familia y otros asuntos. Más tiempo de descanso entre otras personas con frecuencia también condujo a más tiempo para las artes y las ciencias. De esta forma, las sociedades de la edad del hierro florecieron con estas herramientas de hierro más baratas. Combinadas con el desarrollo de los alfabetos y las monedas, el hierro comenzó el movimiento de la humanidad hacia nuestra sociedad moderna. [img[http://curiosidades.batanga.com/sites/curiosidades.batanga.com/files/imagecache/completa/C%C3%B3mo-viv%C3%ADan-los-hombres-de-la-Edad-del-Hierro-4.jpg]] CIVILIZACIONES AVANZADAS: -Antiguo Egipto -Antigua Grecia -Roma -India -China -Incas -Mayas http://es.wikipedia.org/wiki/Historia_de_la_tecnolog%C3%ADa http://bqto.unesr.edu.ve/pregrado/Gestion%20de%20Tecnologia/gtr_unid1/historia_y_evolucin_de_la_tecnologa.html http://es.slideshare.net/khystynna/historia-de-la-tecnologa-4432890 INVENCIONES DESDE LA PREHISTORIA VIVIENDA La primera casa construida por el hombre data del 18 mil A.C. y estaba hecha con huesos de mamut fue hecha por la necesidad del hombre de protegerse de fenómenos naturales y algunosanimales, la relación de esta con la actualidad son las casas normales que hoy en día vemos por todas las calles de nuestra ciudad.La primera casa construida por el hombre data del 18 mil A.C. y estaba hecha con huesos de mamut fue hecha por la necesidad del hombre de protegerse de fenómenos naturales y algunosanimales, la relación de esta con la actualidad son las casas normales que hoy en día vemos por todas las calles de nuestra ciudad. [img[http://www.argentinaxplora.com/activida/legado/etno/etnoimg/skvivie.jpg]] VESTIDO El motivo principal de los primeros hombres para cubrirse el cuerpo fue preservarse del frió, 500.000 a. C. Al comienzo se taparon con las pieles de los animales que cazaban. Más tarde pudieron confeccionarse vestidos cómodos cuando pudieron cortar y coser, siendo en esa época cuando descubrieron la aguja con ojo, hace 40,000 años. [img[http://1.bp.blogspot.com/-kK6Fm4oKKkg/T0qJfCDQSLI/AAAAAAAABP8/_Rcks8SRjJc/s320/LA%2BPREHISTORIA%2BVESTIDO.jpg]] EL HACHA El hacha se utilizaba en la Prehistoria para luchar contra hombres y animales hace 250.000 años a. C . Eran piedras de sílice talladas en uno o dos extremos sujetas con fuertes ligaduras a un palo formando un ángulo recto [img[http://t3.gstatic.com/images?q=tbn:ANd9GcT6ZADHxKbtl_N_dbLCJnBv1DXybk1my0izBHU2YmctwkvF73SDznMRvLln]] LAMPARA Las primeras formas de lámpara eran palos ardiendo o recipientes llenos de brasas. Luego se utilizaron antorchas formadas por haces de ramas o astillas de madera resinosa, atados y empapados en sebo o aceite para mejorar sus cualidades de combustión. La lámpara de aceite eran recipientes de líquido oleoso que se hacían arder por medio de una mecha, 50.000 a. C. [img[http://3.bp.blogspot.com/--xAjSpZSYFs/UPXghNdHMsI/AAAAAAAAAps/x28Cpbr-E0E/s400/326_Hand_with_lamp.JPG]] PINTURA Una de las manifestaciones artísticas más antiguas que se conocen son las Pinturas Rupestres que desde hace 45,000 años nos han ido dejando los hombres primitivos en las paredes de las cuevas e incluso al aire libre. Las más antiguas pinturas y las más importantes se encuentran en España y Francia, son del Paleolítico y el Neolítico. Del Paleolítico son las extraordinarias pinturas de la Cueva de Altamira en España. [img[http://3.bp.blogspot.com/-_yn8p5Q_XnQ/UPWq71nJOnI/AAAAAAAAApY/bMbvontph5Y/s400/arturo+asensio+ilustraci%C3%B3n+para+la+exposici%C3%B3n+La+mirada+al+paleol%C3%ADtico.jpg]] LA RUEDA La rueda es una pieza mecánica circular que gira alrededor de un eje. Puede ser considerada una máquina simple, y forma parte del conjunto denominado elementos de máquinas. Es uno de los inventos fundamentales en la Historia de la humanidad, por su gran utilidad en la elaboración de alfarería, y también en el transporte terrestre, y como componente fundamental de diversas máquinas. El conocimiento de su origen se pierde en el tiempo, y sus múltiples usos han sido esenciales en el desarrollo del progreso humano. [img[http://thumbs.dreamstime.com/x/rueda-de-la-rueda-de-carro-contra-una-pared-del-estuco-en-arizona-13463081.jpg]] AGRICULTURA El inicio de la agricultura se encuentra en el período Neolítico, cuando la economía de las sociedades humanas evolucionó desde la recolección, la caza y la pesca a la agricultura y la ganadería. Las primeras plantas cultivadas fueron el trigo y la cebada. Sus orígenes se pierden en la prehistoria y su desarrollo se gestó en varias culturas que la practicaron de forma independiente, como las que surgieron en el denominado Creciente Fértil (zona de Oriente Próximo desde Mesopotamia al Antiguo Egipto), las culturas precolombinas de América Central, la cultura desarrollada por los chinos al este de Asia, etc. [img[http://noticias.iruya.com/a/cache/multithumb_thumbs/c_300_250_16777215_00_.._newnex_images_stories_economia_agricultura_agricultura_familiar.jpg]] EL VIDRIO El vidrio es un material duro, frágil, transparente y amorfo, se obtiene por fusión a unos 1.500 °C de la arena de sílice, carbonato de sodio y caliza, El vidrio no es cristal. Los primeros objetos de vidrio que se fabricaron fueron cuentas de collar y abalorios en Egipto, durante el reinado de Tutmosis III, aunque se supone que fueran artesanos asiáticos los que trajeron la manufactura del vidrio a Egipto, producían vidrio claro que contenía sílice puro coloreado de azul y verde. Egipto se convirtió en el principal proveedor de objetos de vidrio de las cortes reales, pero fue en fenicias donde se desarrolló el importante descubrimiento del vidrio soplado 200 años a. C. [img[http://img.archiexpo.es/images_ae/photo-mg/ladrillo-vidrio-54947-1683825.jpg]] LA ESCRITURA La invención de la escritura nació de la necesidad práctica de registrar inventarios, generalmente del comercio 4000 años a. C. Los primeros rastros de sumerio escrito datan del 3100 años a. C. y son marcas sinbólicas en pequeñas tabletas de arcilla que se sujetaban como etiquetas a los objetos que nombraban, protoescritura. Los sumerios ricos que poseían grandes depósitos de grano y rebaños de ganado usaban tabletas grandes, inscritas con pictografías en columnas para sus cuentas. Las primeras palabras escritas fueron dibujos simplificados que se conocen como pictografías. En Mesopotamia se usaba un punzón con punta triangular, se oprimía sobre la arcilla, dejando una serie de impresiones con forma de cuña, de ahí que a la escritura de Mesopotamia se le llame escritura cuneiforme. En Egipto se utilizaba el jeroglífico [img[http://thumbs.dreamstime.com/x/escritura-antigua-27689999.jpg]] http://www.doslourdes.net/monogr%C3%A1ficos-grandes-inventos-prehistoria.pdf http://www.buenastareas.com/ensayos/5-Inventos-Importantes-De-La-Prehistoria/660019.html http://www.profesorenlinea.cl/mediosocial/InventosCronologia.htm
/*** Description: Contains the stuff you need to use Tiddlyspot Note, you also need UploadPlugin, PasswordOptionPlugin and LoadRemoteFileThroughProxy from http://tiddlywiki.bidix.info for a complete working Tiddlyspot site. ***/ //{{{ // edit this if you are migrating sites or retrofitting an existing TW config.tiddlyspotSiteId = 'johngiraldo10-01'; // make it so you can by default see edit controls via http config.options.chkHttpReadOnly = false; window.readOnly = false; // make sure of it (for tw 2.2) window.showBackstage = true; // show backstage too // disable autosave in d3 if (window.location.protocol != "file:") config.options.chkGTDLazyAutoSave = false; // tweak shadow tiddlers to add upload button, password entry box etc with (config.shadowTiddlers) { SiteUrl = 'http://'+config.tiddlyspotSiteId+'.tiddlyspot.com'; SideBarOptions = SideBarOptions.replace(/(<<saveChanges>>)/,"$1<<tiddler TspotSidebar>>"); OptionsPanel = OptionsPanel.replace(/^/,"<<tiddler TspotOptions>>"); DefaultTiddlers = DefaultTiddlers.replace(/^/,"[[WelcomeToTiddlyspot]] "); MainMenu = MainMenu.replace(/^/,"[[WelcomeToTiddlyspot]] "); } // create some shadow tiddler content merge(config.shadowTiddlers,{ 'TspotControls':[ "| tiddlyspot password:|<<option pasUploadPassword>>|", "| site management:|<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">>//(requires tiddlyspot password)//<br>[[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]], [[download (go offline)|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download]]|", "| links:|[[tiddlyspot.com|http://tiddlyspot.com/]], [[FAQs|http://faq.tiddlyspot.com/]], [[blog|http://tiddlyspot.blogspot.com/]], email [[support|mailto:support@tiddlyspot.com]] & [[feedback|mailto:feedback@tiddlyspot.com]], [[donate|http://tiddlyspot.com/?page=donate]]|" ].join("\n"), 'TspotOptions':[ "tiddlyspot password:", "<<option pasUploadPassword>>", "" ].join("\n"), 'TspotSidebar':[ "<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">><html><a href='http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download' class='button'>download</a></html>" ].join("\n"), 'WelcomeToTiddlyspot':[ "This document is a ~TiddlyWiki from tiddlyspot.com. A ~TiddlyWiki is an electronic notebook that is great for managing todo lists, personal information, and all sorts of things.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //What now?// @@ Before you can save any changes, you need to enter your password in the form below. Then configure privacy and other site settings at your [[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]] (your control panel username is //" + config.tiddlyspotSiteId + "//).", "<<tiddler TspotControls>>", "See also GettingStarted.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Working online// @@ You can edit this ~TiddlyWiki right now, and save your changes using the \"save to web\" button in the column on the right.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Working offline// @@ A fully functioning copy of this ~TiddlyWiki can be saved onto your hard drive or USB stick. You can make changes and save them locally without being connected to the Internet. When you're ready to sync up again, just click \"upload\" and your ~TiddlyWiki will be saved back to tiddlyspot.com.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Help!// @@ Find out more about ~TiddlyWiki at [[TiddlyWiki.com|http://tiddlywiki.com]]. Also visit [[TiddlyWiki.org|http://tiddlywiki.org]] for documentation on learning and using ~TiddlyWiki. New users are especially welcome on the [[TiddlyWiki mailing list|http://groups.google.com/group/TiddlyWiki]], which is an excellent place to ask questions and get help. If you have a tiddlyspot related problem email [[tiddlyspot support|mailto:support@tiddlyspot.com]].", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Enjoy :)// @@ We hope you like using your tiddlyspot.com site. Please email [[feedback@tiddlyspot.com|mailto:feedback@tiddlyspot.com]] with any comments or suggestions." ].join("\n") }); //}}}
| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin | | 20/02/2015 08:00:49 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | failed | | 20/02/2015 08:01:02 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | | 26/02/2015 11:18:58 | johngiraldo10-01 | [[/|http://johngiraldo10-01.tiddlyspot.com/]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | ok | | 26/02/2015 11:20:19 | johngiraldo10-01 | [[/|http://johngiraldo10-01.tiddlyspot.com/]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | | 26/02/2015 11:49:19 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | failed | | 26/02/2015 11:49:35 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | | 26/02/2015 11:57:21 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | | 27/02/2015 07:15:25 | johngiraldo10-01 | [[/|http://johngiraldo10-01.tiddlyspot.com/]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | | 27/02/2015 07:37:01 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . | | 27/02/2015 07:55:18 | johngiraldo10-01 | [[index.html|http://johngiraldo10-01.tiddlyspot.com/index.html]] | [[store.cgi|http://johngiraldo10-01.tiddlyspot.com/store.cgi]] | . | [[index.html | http://johngiraldo10-01.tiddlyspot.com/index.html]] | . |
/*** |''Name:''|UploadPlugin| |''Description:''|Save to web a TiddlyWiki| |''Version:''|4.1.3| |''Date:''|Feb 24, 2008| |''Source:''|http://tiddlywiki.bidix.info/#UploadPlugin| |''Documentation:''|http://tiddlywiki.bidix.info/#UploadPluginDoc| |''Author:''|BidiX (BidiX (at) bidix (dot) info)| |''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]| |''~CoreVersion:''|2.2.0| |''Requires:''|PasswordOptionPlugin| ***/ //{{{ version.extensions.UploadPlugin = { major: 4, minor: 1, revision: 3, date: new Date("Feb 24, 2008"), source: 'http://tiddlywiki.bidix.info/#UploadPlugin', author: 'BidiX (BidiX (at) bidix (dot) info', coreVersion: '2.2.0' }; // // Environment // if (!window.bidix) window.bidix = {}; // bidix namespace bidix.debugMode = false; // true to activate both in Plugin and UploadService // // Upload Macro // config.macros.upload = { // default values defaultBackupDir: '', //no backup defaultStoreScript: "store.php", defaultToFilename: "index.html", defaultUploadDir: ".", authenticateUser: true // UploadService Authenticate User }; config.macros.upload.label = { promptOption: "Save and Upload this TiddlyWiki with UploadOptions", promptParamMacro: "Save and Upload this TiddlyWiki in %0", saveLabel: "save to web", saveToDisk: "save to disk", uploadLabel: "upload" }; config.macros.upload.messages = { noStoreUrl: "No store URL in parmeters or options", usernameOrPasswordMissing: "Username or password missing" }; config.macros.upload.handler = function(place,macroName,params) { if (readOnly) return; var label; if (document.location.toString().substr(0,4) == "http") label = this.label.saveLabel; else label = this.label.uploadLabel; var prompt; if (params[0]) { prompt = this.label.promptParamMacro.toString().format([this.destFile(params[0], (params[1] ? params[1]:bidix.basename(window.location.toString())), params[3])]); } else { prompt = this.label.promptOption; } createTiddlyButton(place, label, prompt, function() {config.macros.upload.action(params);}, null, null, this.accessKey); }; config.macros.upload.action = function(params) { // for missing macro parameter set value from options if (!params) params = {}; var storeUrl = params[0] ? params[0] : config.options.txtUploadStoreUrl; var toFilename = params[1] ? params[1] : config.options.txtUploadFilename; var backupDir = params[2] ? params[2] : config.options.txtUploadBackupDir; var uploadDir = params[3] ? params[3] : config.options.txtUploadDir; var username = params[4] ? params[4] : config.options.txtUploadUserName; var password = config.options.pasUploadPassword; // for security reason no password as macro parameter // for still missing parameter set default value if ((!storeUrl) && (document.location.toString().substr(0,4) == "http")) storeUrl = bidix.dirname(document.location.toString())+'/'+config.macros.upload.defaultStoreScript; if (storeUrl.substr(0,4) != "http") storeUrl = bidix.dirname(document.location.toString()) +'/'+ storeUrl; if (!toFilename) toFilename = bidix.basename(window.location.toString()); if (!toFilename) toFilename = config.macros.upload.defaultToFilename; if (!uploadDir) uploadDir = config.macros.upload.defaultUploadDir; if (!backupDir) backupDir = config.macros.upload.defaultBackupDir; // report error if still missing if (!storeUrl) { alert(config.macros.upload.messages.noStoreUrl); clearMessage(); return false; } if (config.macros.upload.authenticateUser && (!username || !password)) { alert(config.macros.upload.messages.usernameOrPasswordMissing); clearMessage(); return false; } bidix.upload.uploadChanges(false,null,storeUrl, toFilename, uploadDir, backupDir, username, password); return false; }; config.macros.upload.destFile = function(storeUrl, toFilename, uploadDir) { if (!storeUrl) return null; var dest = bidix.dirname(storeUrl); if (uploadDir && uploadDir != '.') dest = dest + '/' + uploadDir; dest = dest + '/' + toFilename; return dest; }; // // uploadOptions Macro // config.macros.uploadOptions = { handler: function(place,macroName,params) { var wizard = new Wizard(); wizard.createWizard(place,this.wizardTitle); wizard.addStep(this.step1Title,this.step1Html); var markList = wizard.getElement("markList"); var listWrapper = document.createElement("div"); markList.parentNode.insertBefore(listWrapper,markList); wizard.setValue("listWrapper",listWrapper); this.refreshOptions(listWrapper,false); var uploadCaption; if (document.location.toString().substr(0,4) == "http") uploadCaption = config.macros.upload.label.saveLabel; else uploadCaption = config.macros.upload.label.uploadLabel; wizard.setButtons([ {caption: uploadCaption, tooltip: config.macros.upload.label.promptOption, onClick: config.macros.upload.action}, {caption: this.cancelButton, tooltip: this.cancelButtonPrompt, onClick: this.onCancel} ]); }, options: [ "txtUploadUserName", "pasUploadPassword", "txtUploadStoreUrl", "txtUploadDir", "txtUploadFilename", "txtUploadBackupDir", "chkUploadLog", "txtUploadLogMaxLine" ], refreshOptions: function(listWrapper) { var opts = []; for(i=0; i<this.options.length; i++) { var opt = {}; opts.push(); opt.option = ""; n = this.options[i]; opt.name = n; opt.lowlight = !config.optionsDesc[n]; opt.description = opt.lowlight ? this.unknownDescription : config.optionsDesc[n]; opts.push(opt); } var listview = ListView.create(listWrapper,opts,this.listViewTemplate); for(n=0; n<opts.length; n++) { var type = opts[n].name.substr(0,3); var h = config.macros.option.types[type]; if (h && h.create) { h.create(opts[n].colElements['option'],type,opts[n].name,opts[n].name,"no"); } } }, onCancel: function(e) { backstage.switchTab(null); return false; }, wizardTitle: "Upload with options", step1Title: "These options are saved in cookies in your browser", step1Html: "<input type='hidden' name='markList'></input><br>", cancelButton: "Cancel", cancelButtonPrompt: "Cancel prompt", listViewTemplate: { columns: [ {name: 'Description', field: 'description', title: "Description", type: 'WikiText'}, {name: 'Option', field: 'option', title: "Option", type: 'String'}, {name: 'Name', field: 'name', title: "Name", type: 'String'} ], rowClasses: [ {className: 'lowlight', field: 'lowlight'} ]} }; // // upload functions // if (!bidix.upload) bidix.upload = {}; if (!bidix.upload.messages) bidix.upload.messages = { //from saving invalidFileError: "The original file '%0' does not appear to be a valid TiddlyWiki", backupSaved: "Backup saved", backupFailed: "Failed to upload backup file", rssSaved: "RSS feed uploaded", rssFailed: "Failed to upload RSS feed file", emptySaved: "Empty template uploaded", emptyFailed: "Failed to upload empty template file", mainSaved: "Main TiddlyWiki file uploaded", mainFailed: "Failed to upload main TiddlyWiki file. Your changes have not been saved", //specific upload loadOriginalHttpPostError: "Can't get original file", aboutToSaveOnHttpPost: 'About to upload on %0 ...', storePhpNotFound: "The store script '%0' was not found." }; bidix.upload.uploadChanges = function(onlyIfDirty,tiddlers,storeUrl,toFilename,uploadDir,backupDir,username,password) { var callback = function(status,uploadParams,original,url,xhr) { if (!status) { displayMessage(bidix.upload.messages.loadOriginalHttpPostError); return; } if (bidix.debugMode) alert(original.substr(0,500)+"\n..."); // Locate the storeArea div's var posDiv = locateStoreArea(original); if((posDiv[0] == -1) || (posDiv[1] == -1)) { alert(config.messages.invalidFileError.format([localPath])); return; } bidix.upload.uploadRss(uploadParams,original,posDiv); }; if(onlyIfDirty && !store.isDirty()) return; clearMessage(); // save on localdisk ? if (document.location.toString().substr(0,4) == "file") { var path = document.location.toString(); var localPath = getLocalPath(path); saveChanges(); } // get original var uploadParams = new Array(storeUrl,toFilename,uploadDir,backupDir,username,password); var originalPath = document.location.toString(); // If url is a directory : add index.html if (originalPath.charAt(originalPath.length-1) == "/") originalPath = originalPath + "index.html"; var dest = config.macros.upload.destFile(storeUrl,toFilename,uploadDir); var log = new bidix.UploadLog(); log.startUpload(storeUrl, dest, uploadDir, backupDir); displayMessage(bidix.upload.messages.aboutToSaveOnHttpPost.format([dest])); if (bidix.debugMode) alert("about to execute Http - GET on "+originalPath); var r = doHttp("GET",originalPath,null,null,username,password,callback,uploadParams,null); if (typeof r == "string") displayMessage(r); return r; }; bidix.upload.uploadRss = function(uploadParams,original,posDiv) { var callback = function(status,params,responseText,url,xhr) { if(status) { var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:"))); displayMessage(bidix.upload.messages.rssSaved,bidix.dirname(url)+'/'+destfile); bidix.upload.uploadMain(params[0],params[1],params[2]); } else { displayMessage(bidix.upload.messages.rssFailed); } }; // do uploadRss if(config.options.chkGenerateAnRssFeed) { var rssPath = uploadParams[1].substr(0,uploadParams[1].lastIndexOf(".")) + ".xml"; var rssUploadParams = new Array(uploadParams[0],rssPath,uploadParams[2],'',uploadParams[4],uploadParams[5]); var rssString = generateRss(); // no UnicodeToUTF8 conversion needed when location is "file" !!! if (document.location.toString().substr(0,4) != "file") rssString = convertUnicodeToUTF8(rssString); bidix.upload.httpUpload(rssUploadParams,rssString,callback,Array(uploadParams,original,posDiv)); } else { bidix.upload.uploadMain(uploadParams,original,posDiv); } }; bidix.upload.uploadMain = function(uploadParams,original,posDiv) { var callback = function(status,params,responseText,url,xhr) { var log = new bidix.UploadLog(); if(status) { // if backupDir specified if ((params[3]) && (responseText.indexOf("backupfile:") > -1)) { var backupfile = responseText.substring(responseText.indexOf("backupfile:")+11,responseText.indexOf("\n", responseText.indexOf("backupfile:"))); displayMessage(bidix.upload.messages.backupSaved,bidix.dirname(url)+'/'+backupfile); } var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:"))); displayMessage(bidix.upload.messages.mainSaved,bidix.dirname(url)+'/'+destfile); store.setDirty(false); log.endUpload("ok"); } else { alert(bidix.upload.messages.mainFailed); displayMessage(bidix.upload.messages.mainFailed); log.endUpload("failed"); } }; // do uploadMain var revised = bidix.upload.updateOriginal(original,posDiv); bidix.upload.httpUpload(uploadParams,revised,callback,uploadParams); }; bidix.upload.httpUpload = function(uploadParams,data,callback,params) { var localCallback = function(status,params,responseText,url,xhr) { url = (url.indexOf("nocache=") < 0 ? url : url.substring(0,url.indexOf("nocache=")-1)); if (xhr.status == 404) alert(bidix.upload.messages.storePhpNotFound.format([url])); if ((bidix.debugMode) || (responseText.indexOf("Debug mode") >= 0 )) { alert(responseText); if (responseText.indexOf("Debug mode") >= 0 ) responseText = responseText.substring(responseText.indexOf("\n\n")+2); } else if (responseText.charAt(0) != '0') alert(responseText); if (responseText.charAt(0) != '0') status = null; callback(status,params,responseText,url,xhr); }; // do httpUpload var boundary = "---------------------------"+"AaB03x"; var uploadFormName = "UploadPlugin"; // compose headers data var sheader = ""; sheader += "--" + boundary + "\r\nContent-disposition: form-data; name=\""; sheader += uploadFormName +"\"\r\n\r\n"; sheader += "backupDir="+uploadParams[3] + ";user=" + uploadParams[4] + ";password=" + uploadParams[5] + ";uploaddir=" + uploadParams[2]; if (bidix.debugMode) sheader += ";debug=1"; sheader += ";;\r\n"; sheader += "\r\n" + "--" + boundary + "\r\n"; sheader += "Content-disposition: form-data; name=\"userfile\"; filename=\""+uploadParams[1]+"\"\r\n"; sheader += "Content-Type: text/html;charset=UTF-8" + "\r\n"; sheader += "Content-Length: " + data.length + "\r\n\r\n"; // compose trailer data var strailer = new String(); strailer = "\r\n--" + boundary + "--\r\n"; data = sheader + data + strailer; if (bidix.debugMode) alert("about to execute Http - POST on "+uploadParams[0]+"\n with \n"+data.substr(0,500)+ " ... "); var r = doHttp("POST",uploadParams[0],data,"multipart/form-data; ;charset=UTF-8; boundary="+boundary,uploadParams[4],uploadParams[5],localCallback,params,null); if (typeof r == "string") displayMessage(r); return r; }; // same as Saving's updateOriginal but without convertUnicodeToUTF8 calls bidix.upload.updateOriginal = function(original, posDiv) { if (!posDiv) posDiv = locateStoreArea(original); if((posDiv[0] == -1) || (posDiv[1] == -1)) { alert(config.messages.invalidFileError.format([localPath])); return; } var revised = original.substr(0,posDiv[0] + startSaveArea.length) + "\n" + store.allTiddlersAsHtml() + "\n" + original.substr(posDiv[1]); var newSiteTitle = getPageTitle().htmlEncode(); revised = revised.replaceChunk("<title"+">","</title"+">"," " + newSiteTitle + " "); revised = updateMarkupBlock(revised,"PRE-HEAD","MarkupPreHead"); revised = updateMarkupBlock(revised,"POST-HEAD","MarkupPostHead"); revised = updateMarkupBlock(revised,"PRE-BODY","MarkupPreBody"); revised = updateMarkupBlock(revised,"POST-SCRIPT","MarkupPostBody"); return revised; }; // // UploadLog // // config.options.chkUploadLog : // false : no logging // true : logging // config.options.txtUploadLogMaxLine : // -1 : no limit // 0 : no Log lines but UploadLog is still in place // n : the last n lines are only kept // NaN : no limit (-1) bidix.UploadLog = function() { if (!config.options.chkUploadLog) return; // this.tiddler = null this.tiddler = store.getTiddler("UploadLog"); if (!this.tiddler) { this.tiddler = new Tiddler(); this.tiddler.title = "UploadLog"; this.tiddler.text = "| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |"; this.tiddler.created = new Date(); this.tiddler.modifier = config.options.txtUserName; this.tiddler.modified = new Date(); store.addTiddler(this.tiddler); } return this; }; bidix.UploadLog.prototype.addText = function(text) { if (!this.tiddler) return; // retrieve maxLine when we need it var maxLine = parseInt(config.options.txtUploadLogMaxLine,10); if (isNaN(maxLine)) maxLine = -1; // add text if (maxLine != 0) this.tiddler.text = this.tiddler.text + text; // Trunck to maxLine if (maxLine >= 0) { var textArray = this.tiddler.text.split('\n'); if (textArray.length > maxLine + 1) textArray.splice(1,textArray.length-1-maxLine); this.tiddler.text = textArray.join('\n'); } // update tiddler fields this.tiddler.modifier = config.options.txtUserName; this.tiddler.modified = new Date(); store.addTiddler(this.tiddler); // refresh and notifiy for immediate update story.refreshTiddler(this.tiddler.title); store.notify(this.tiddler.title, true); }; bidix.UploadLog.prototype.startUpload = function(storeUrl, toFilename, uploadDir, backupDir) { if (!this.tiddler) return; var now = new Date(); var text = "\n| "; var filename = bidix.basename(document.location.toString()); if (!filename) filename = '/'; text += now.formatString("0DD/0MM/YYYY 0hh:0mm:0ss") +" | "; text += config.options.txtUserName + " | "; text += "[["+filename+"|"+location + "]] |"; text += " [[" + bidix.basename(storeUrl) + "|" + storeUrl + "]] | "; text += uploadDir + " | "; text += "[[" + bidix.basename(toFilename) + " | " +toFilename + "]] | "; text += backupDir + " |"; this.addText(text); }; bidix.UploadLog.prototype.endUpload = function(status) { if (!this.tiddler) return; this.addText(" "+status+" |"); }; // // Utilities // bidix.checkPlugin = function(plugin, major, minor, revision) { var ext = version.extensions[plugin]; if (! (ext && ((ext.major > major) || ((ext.major == major) && (ext.minor > minor)) || ((ext.major == major) && (ext.minor == minor) && (ext.revision >= revision))))) { // write error in PluginManager if (pluginInfo) pluginInfo.log.push("Requires " + plugin + " " + major + "." + minor + "." + revision); eval(plugin); // generate an error : "Error: ReferenceError: xxxx is not defined" } }; bidix.dirname = function(filePath) { if (!filePath) return; var lastpos; if ((lastpos = filePath.lastIndexOf("/")) != -1) { return filePath.substring(0, lastpos); } else { return filePath.substring(0, filePath.lastIndexOf("\\")); } }; bidix.basename = function(filePath) { if (!filePath) return; var lastpos; if ((lastpos = filePath.lastIndexOf("#")) != -1) filePath = filePath.substring(0, lastpos); if ((lastpos = filePath.lastIndexOf("/")) != -1) { return filePath.substring(lastpos + 1); } else return filePath.substring(filePath.lastIndexOf("\\")+1); }; bidix.initOption = function(name,value) { if (!config.options[name]) config.options[name] = value; }; // // Initializations // // require PasswordOptionPlugin 1.0.1 or better bidix.checkPlugin("PasswordOptionPlugin", 1, 0, 1); // styleSheet setStylesheet('.txtUploadStoreUrl, .txtUploadBackupDir, .txtUploadDir {width: 22em;}',"uploadPluginStyles"); //optionsDesc merge(config.optionsDesc,{ txtUploadStoreUrl: "Url of the UploadService script (default: store.php)", txtUploadFilename: "Filename of the uploaded file (default: in index.html)", txtUploadDir: "Relative Directory where to store the file (default: . (downloadService directory))", txtUploadBackupDir: "Relative Directory where to backup the file. If empty no backup. (default: ''(empty))", txtUploadUserName: "Upload Username", pasUploadPassword: "Upload Password", chkUploadLog: "do Logging in UploadLog (default: true)", txtUploadLogMaxLine: "Maximum of lines in UploadLog (default: 10)" }); // Options Initializations bidix.initOption('txtUploadStoreUrl',''); bidix.initOption('txtUploadFilename',''); bidix.initOption('txtUploadDir',''); bidix.initOption('txtUploadBackupDir',''); bidix.initOption('txtUploadUserName',''); bidix.initOption('pasUploadPassword',''); bidix.initOption('chkUploadLog',true); bidix.initOption('txtUploadLogMaxLine','10'); // Backstage merge(config.tasks,{ uploadOptions: {text: "upload", tooltip: "Change UploadOptions and Upload", content: '<<uploadOptions>>'} }); config.backstageTasks.push("uploadOptions"); //}}}
This document is a ~TiddlyWiki from tiddlyspot.com. A ~TiddlyWiki is an electronic notebook that is great for managing todo lists, personal information, and all sorts of things. @@font-weight:bold;font-size:1.3em;color:#444; //What now?// @@ Before you can save any changes, you need to enter your password in the form below. Then configure privacy and other site settings at your [[control panel|http://johngiraldo10-01.tiddlyspot.com/controlpanel]] (your control panel username is //johngiraldo10-01//). <<tiddler TspotControls>> See also GettingStarted. @@font-weight:bold;font-size:1.3em;color:#444; //Working online// @@ You can edit this ~TiddlyWiki right now, and save your changes using the "save to web" button in the column on the right. @@font-weight:bold;font-size:1.3em;color:#444; //Working offline// @@ A fully functioning copy of this ~TiddlyWiki can be saved onto your hard drive or USB stick. You can make changes and save them locally without being connected to the Internet. When you're ready to sync up again, just click "upload" and your ~TiddlyWiki will be saved back to tiddlyspot.com. @@font-weight:bold;font-size:1.3em;color:#444; //Help!// @@ Find out more about ~TiddlyWiki at [[TiddlyWiki.com|http://tiddlywiki.com]]. Also visit [[TiddlyWiki.org|http://tiddlywiki.org]] for documentation on learning and using ~TiddlyWiki. New users are especially welcome on the [[TiddlyWiki mailing list|http://groups.google.com/group/TiddlyWiki]], which is an excellent place to ask questions and get help. If you have a tiddlyspot related problem email [[tiddlyspot support|mailto:support@tiddlyspot.com]]. @@font-weight:bold;font-size:1.3em;color:#444; //Enjoy :)// @@ We hope you like using your tiddlyspot.com site. Please email [[feedback@tiddlyspot.com|mailto:feedback@tiddlyspot.com]] with any comments or suggestions.