[KSS-checkins] r44823 - kukit/euro-python-2007
jvloothuis at codespeak.net
jvloothuis at codespeak.net
Sat Jul 7 13:31:10 CEST 2007
Author: jvloothuis
Date: Sat Jul 7 13:31:09 2007
New Revision: 44823
Modified:
kukit/euro-python-2007/demo.kss
kukit/euro-python-2007/example-plugin.html
kukit/euro-python-2007/goals-of-kss.html
kukit/euro-python-2007/kss-presentation.css
kukit/euro-python-2007/kss-protocol.html
kukit/euro-python-2007/python-integration.html
kukit/euro-python-2007/static-demo.html
Log:
Cleaned up slides further to prepare them for the presentation
Modified: kukit/euro-python-2007/demo.kss
==============================================================================
--- kukit/euro-python-2007/demo.kss (original)
+++ kukit/euro-python-2007/demo.kss Sat Jul 7 13:31:09 2007
@@ -9,3 +9,8 @@
toggleClass-kssSelector: htmlid(kss-source);
toggleClass-classname: hidden;
}
+#show-html:click{
+ action-client: toggleClass;
+ toggleClass-kssSelector: htmlid(html-source);
+ toggleClass-classname: hidden;
+}
Modified: kukit/euro-python-2007/example-plugin.html
==============================================================================
--- kukit/euro-python-2007/example-plugin.html (original)
+++ kukit/euro-python-2007/example-plugin.html Sat Jul 7 13:31:09 2007
@@ -72,18 +72,7 @@
</div>
<a href="server-demo.html">Server communication example</a>
-
- <div class="note">
- <p>An example KSS command in show which alters the style
- property of a node. Notice how the plugin is registered using
- the command registry API.</p>
-
- <p>You can also see that a command is defined using
- Javascript. In this example you can see it is pretty straight
- forware to get the arguments and the node on which to
- operate.</p>
- </div>
</div>
</div>
</body>
Modified: kukit/euro-python-2007/goals-of-kss.html
==============================================================================
--- kukit/euro-python-2007/goals-of-kss.html (original)
+++ kukit/euro-python-2007/goals-of-kss.html Sat Jul 7 13:31:09 2007
@@ -42,7 +42,7 @@
<body>
<div class="wrapper">
<div class="content">
- <h1>Goals of the Kinetic Style Sheets system</h1>
+ <h1>Goals of KSS (Kinetic Style Sheets)</h1>
<ul>
<li>Ajax without writing Javascript</li>
<li>Unobtrusive</li>
Modified: kukit/euro-python-2007/kss-presentation.css
==============================================================================
--- kukit/euro-python-2007/kss-presentation.css (original)
+++ kukit/euro-python-2007/kss-presentation.css Sat Jul 7 13:31:09 2007
@@ -38,9 +38,10 @@
/* color */
body {
-/*background:#201;*/
-background-color: #ff4916;
+background:#201;
+/*background-color: #ff4916;*/
color:#fff;
+font-size: 110%;
}
h1 {
@@ -133,74 +134,4 @@
display: none;
}
-
-/*
-font-family:"Everson Mono Latin 6"
-font-family:"Prestige Elite Std";
-font-family:"Oloron Tryout";
-font-family:"MS LineDraw";
-font-family:"";
-font-family:"";
- */
-
-}
-
-/*
-.button {
-color: grey;
-}
-
-.button:hover {
-color: black;
-}
-
-.nf {
-color:#06287E;
-}
-
-.nd {
-color:#555555;
-font-weight:bold;
-}
-
-jeroens kss shit
-
- body {
- background-color: darkblue;
- padding: 0;
- margin: 0}
- background-color: white;
-*/
-
-
-/*
-h1 {
-font-family:"Street Corner Bold";
-font-family:Bubbleboy;
-font-family:"Arial Rounded MT Bold";
-font-family:Glamourgirl;
-font-weight:bold;
-font-family:"Alba";
-font-family:"Agency FB";
-font-family:"Alba Super";
-font-family:"Brassiere Seethru";
-font-family:"Debussy";
-font-family:"Gilgongo Mutombo";
-font-family:"Gilgongo Ombre";
-font-family:"Howie's_Funhouse";
-font-family:MamaRound;
-font-family:"National First Font";
-font-family:"OCR A Extended";
-font-family:"Phosphorus Iodide";
-font-family:"RNS BARUTA BLACK";
-font-family:"Turn Table BV";
-}
- */
-
-
-/*
-p, h2 {
-font-family:"Poor Richard"
-
-}
- */
+li { padding: 0.8em; }
\ No newline at end of file
Modified: kukit/euro-python-2007/kss-protocol.html
==============================================================================
--- kukit/euro-python-2007/kss-protocol.html (original)
+++ kukit/euro-python-2007/kss-protocol.html Sat Jul 7 13:31:09 2007
@@ -62,26 +62,24 @@
</tr>
<tr>
<td colspan="3">
- OPRUIMEN
-
<div class="hidden" id="protocol-detail">
<pre>
<code class="html">
-<!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"
- xmlns:kukit="http://www.kukit.org/commands/1.0"><body>
+xmlns:kukit="http://www.kukit.org/commands/1.0">
+<body>
<kukit:commands>
<kukit:command selector="resultslot"
- name="replaceInnerHTML" selectorType="htmlid">
+ name="replaceInnerHTML"
+ selectorType="htmlid">
<kukit:param name="html">
- <h1>Parameters: , widget2000, firstpage.htm</h1>
+ <h1>Hello world</h1>
</kukit:param>
</kukit:command>
<!-- more commands can go here -->
</kukit:commands>
-</body></html>
+</body>
+</html>
</code>
</pre>
</div>
Modified: kukit/euro-python-2007/python-integration.html
==============================================================================
--- kukit/euro-python-2007/python-integration.html (original)
+++ kukit/euro-python-2007/python-integration.html Sat Jul 7 13:31:09 2007
@@ -51,7 +51,8 @@
commands = KSSCommands()
core = commands.get('core')
-core.replace_inner_html(CSS('div.content'), 'html data')
+core.replace_inner_html(CSS('div.content'),
+ 'html data')
commands.render()
</code></pre>
</div>
@@ -67,8 +68,10 @@
@kssaction
def update_content(self):
core = self.getCommandSet('core')
- selector = ksscore.getCssSelector('div.content')
- core.replaceInnerHTML(selector, 'html data')
+ selector = ksscore.getCssSelector(
+ 'div.content')
+ core.replaceInnerHTML(selector,
+ 'html data')
</code></pre>
</div>
Modified: kukit/euro-python-2007/static-demo.html
==============================================================================
--- kukit/euro-python-2007/static-demo.html (original)
+++ kukit/euro-python-2007/static-demo.html Sat Jul 7 13:31:09 2007
@@ -56,15 +56,20 @@
toggleClass-kssSelector: htmlid(photo);
toggleClass-value: hidden;
}
+ </code></pre>
+ </div>
+ <div id="show-html" class="button">Look at the HTML</div>
+ <div id="html-source" class="hidden">
+ <pre><code class="html">
+<html>
+ <head>
+ ...
+ <link rel="kinetic-stylesheet"
+ type="text/kss" href="./demo.kss" />
+ ...
-#show-kss:click{
- action-client: toggleClass;
- toggleClass-kssSelector: htmlid(kss-source);
- toggleClass-value: hidden;
-}
</code></pre>
- KSS IN DE HTML VOORBEELD TOEVOEGEN
</div>
<a href="example-plugin.html">Plugin example</a>
More information about the Kukit-checkins
mailing list