[Ktutorial-commits] SF.net SVN: ktutorial:[190] trunk/web-src

SourceForge Headquarters 1320 Columbia Street Suite 310 San Diego, CA 92101 +1 (858) 422-6466

Revision: 190
          http://ktutorial.svn.sourceforge.net/ktutorial/?rev=190&view=rev
Author:   danxuliu
Date:     2010-03-24 21:03:40 +0000 (Wed, 24 Mar 2010)

Log Message:
-----------
Add KTutorial editor screenshots

Modified Paths:
--------------
    trunk/web-src/pages/aboutWeb.xml
    trunk/web-src/pages/screenshotsGallery.xml
    trunk/web-src/screenshotsList.xml

Added Paths:
-----------
    trunk/web-src/data/images/screenshots/MainWindow-192.png
    trunk/web-src/data/images/screenshots/MainWindow.png
    trunk/web-src/data/images/screenshots/NewCondition-192.png
    trunk/web-src/data/images/screenshots/NewCondition.png
    trunk/web-src/data/images/screenshots/SetReactionData-192.png
    trunk/web-src/data/images/screenshots/SetReactionData.png

Added: trunk/web-src/data/images/screenshots/MainWindow-192.png
===================================================================
(Binary files differ)


Property changes on: trunk/web-src/data/images/screenshots/MainWindow-192.png
___________________________________________________________________
Added: svn:mime-type
   + image/png

Added: trunk/web-src/data/images/screenshots/MainWindow.png
===================================================================
(Binary files differ)


Property changes on: trunk/web-src/data/images/screenshots/MainWindow.png
___________________________________________________________________
Added: svn:mime-type
   + image/png

Added: trunk/web-src/data/images/screenshots/NewCondition-192.png
===================================================================
(Binary files differ)


Property changes on: trunk/web-src/data/images/screenshots/NewCondition-192.png
___________________________________________________________________
Added: svn:mime-type
   + image/png

Added: trunk/web-src/data/images/screenshots/NewCondition.png
===================================================================
(Binary files differ)


Property changes on: trunk/web-src/data/images/screenshots/NewCondition.png
___________________________________________________________________
Added: svn:mime-type
   + image/png

Added: trunk/web-src/data/images/screenshots/SetReactionData-192.png
===================================================================
(Binary files differ)


Property changes on: trunk/web-src/data/images/screenshots/SetReactionData-192.png
___________________________________________________________________
Added: svn:mime-type
   + image/png

Added: trunk/web-src/data/images/screenshots/SetReactionData.png
===================================================================
(Binary files differ)


Property changes on: trunk/web-src/data/images/screenshots/SetReactionData.png
___________________________________________________________________
Added: svn:mime-type
   + image/png

Modified: trunk/web-src/pages/aboutWeb.xml
===================================================================

--- trunk/web-src/pages/aboutWeb.xml	2010-03-24 19:49:06 UTC (rev 189)
+++ trunk/web-src/pages/aboutWeb.xml	2010-03-24 21:03:40 UTC (rev 190)
@@ -79,6 +79,7 @@
 		<p>The only known element used which isn't ECMAScript is <em>onresize</em> event handling for the window (used in the gallery generator to resize the screenshots when the window is resized, and also used to load the scripts on window load). As far as I know, it's Javascript, because the <a href="http://www.w3.org/TR/Window/" title="W3C Window Object 1.0 specification">Window Object specification</a> is still a Working draft and doesn't have <a href="http://www.w3.org/TR/Window/#ecmascript-binding" title="ECMAScript binding for Window Object">ECMAScript bindings</a> defined. I haven't found an equivalent way to do it with pure ECMAScript.</p>
 		<p>The four scripts are: <a href="src/data/script/roundedCorners.js" title="Script to round corners">script/roundedCorners.js</a>, <a href="src/data/script/galleryGenerator.js" title="Script to generate a screenshots gallery">script/galleryGenerator.js</a>, <a href="src/data/script/foldableList.js" title="Script to make nested lists foldable">script/foldableList.js</a> and <a href="src/data/script/videoEmbedder.js" title="Script to replace ogg video links with embedded players">script/videoEmbedder.js</a>. Further information about each script can be found in the documentation in their header and functions documentation.</p>
 		<p>Those scripts only adds some optional features. Their lack doesn't ruin the use of the website, and, as desirable, it's perfectly usable in not ECMAScript enabled browsers. Each script is guarded against not conformant browsers using the hasFeature(feature, version) method of the DOMImplementation interface.</p>
+		<p>In fact, <em>script/galleryGenerator.js</em> is currently disabled until I can get some time to fix it, as the screenshots are resized over their natural size when the page size is too large. Better no gallery than an ugly gallery :P</p>
 		<p>Sadly, the fifth script, the one that contains the true video player, wasn't developed by me and I don't know whether it conforms to ECMAScript or not. I hope that it does, anyway ;)</p>
 		<div class="h2Rounded">
 			<h2>
@@ -114,6 +115,6 @@
 			<li>Copy source dir: copy all the contents of the <em>src</em> directory to the <em>src</em> subdirectory of the output directory.</li>
 		</ol>
 
-		<p class="lastUpdated">Last updated: 2010-01-30</p>
+		<p class="lastUpdated">Last updated: 2010-03-24</p>
 	</page:content>
 </page>

Modified: trunk/web-src/pages/screenshotsGallery.xml
===================================================================
--- trunk/web-src/pages/screenshotsGallery.xml	2010-03-24 19:49:06 UTC (rev 189)
+++ trunk/web-src/pages/screenshotsGallery.xml	2010-03-24 21:03:40 UTC (rev 190)
@@ -5,10 +5,28 @@
 		<page:headElements xmlns:page="http://lusi.berlios.de/namespaces/page" xmlns="http://www.w3.org/1999/xhtml">
 			<script src="script/galleryGenerator.js" type="text/javascript">/*Empty*/</script>
 		</page:headElements>
-		<scriptOnLoad>generateGallery();</scriptOnLoad>
 	</variables>
 	<page:content xmlns:page="http://lusi.berlios.de/namespaces/page" xmlns="http://www.w3.org/1999/xhtml">
 		<h1>Gallery</h1>
-		<p>Nothing to see here. Move along.</p>
+		<ul id="screenshotsList">
+			<li>
+				<p>KTutorial editor: Main window</p>
+				<a href="images/screenshots/MainWindow.png" title="Click for full size">
+					<img src="images/screenshots/MainWindow-192.png" alt="KTutorial editor main window showing a tutorial being worked on" width="192" height="144"/>
+				</a>
+			</li>
+			<li>
+				<p>KTutorial editor: New condition to wait for</p>
+				<a href="images/screenshots/NewCondition.png" title="Click for full size">
+					<img src="images/screenshots/NewCondition-192.png" alt="KTutorial editor dialog to add a new condition to wait for" width="192" height="93"/>
+				</a>
+			</li>
+			<li>
+				<p>KTutorial editor: Set reaction data</p>
+				<a href="images/screenshots/SetReactionData.png" title="Click for full size">
+					<img src="images/screenshots/SetReactionData-192.png" alt="KTutorial editor dialog to set the trigger and response of a reaction" width="192" height="221"/>
+				</a>
+			</li>
+		</ul>
 	</page:content>
 </page>

Modified: trunk/web-src/screenshotsList.xml
===================================================================
--- trunk/web-src/screenshotsList.xml	2010-03-24 19:49:06 UTC (rev 189)
+++ trunk/web-src/screenshotsList.xml	2010-03-24 21:03:40 UTC (rev 190)
@@ -4,6 +4,21 @@
 
 <ul id="screenshotsList" xmlns="http://www.w3.org/1999/xhtml">
 	<li>
-		<p>Nothing to see here. Move along.</p>
+		<p>KTutorial editor: Main window</p>
+		<a href="images/screenshots/MainWindow.png" title="Click for full size">
+			<img src="images/screenshots/MainWindow-192.png" alt="KTutorial editor main window showing a tutorial being worked on" width="192" height="144"/>
+		</a>
 	</li>
+	<li>
+		<p>KTutorial editor: New condition to wait for</p>
+		<a href="images/screenshots/NewCondition.png" title="Click for full size">
+			<img src="images/screenshots/NewCondition-192.png" alt="KTutorial editor dialog to add a new condition to wait for" width="192" height="93"/>
+		</a>
+	</li>
+	<li>
+		<p>KTutorial editor: Set reaction data</p>
+		<a href="images/screenshots/SetReactionData.png" title="Click for full size">
+			<img src="images/screenshots/SetReactionData-192.png" alt="KTutorial editor dialog to set the trigger and response of a reaction" width="192" height="221"/>
+		</a>
+	</li>
 </ul>


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.


