<div><a href="http://kperisetla.blogspot.com/2012/08/writing-your-first-sugar-activity.html">http://kperisetla.blogspot.com/2012/08/writing-your-first-sugar-activity.html</a></div><div><br></div><div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
The best open source project to work with is "Sugar" primarily developed by SugarLabs and developers, contributors around the world. As a Sugar Evangelist, I take this opportunity to share this post that describes on how you can get started with your first Sugar activity. The program that runs on Sugar Desktop environment is called as an Activity.<br>
<br>Prerequisites:<br><ul style="padding:0px 2.5em;margin:0.5em 0px;line-height:1.4"><li style="padding:0px;margin:0px 0px 0.25em">Familiarity with Python and PyGTK(Python interface for GUI programming using GTK+)</li><li style="padding:0px;margin:0px 0px 0.25em">
Sugar Desktop environment( installed, build or emulator on qemu)</li><li style="padding:0px;margin:0px 0px 0.25em">GTK+ packages installed on you Linux flavor.</li></ul></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
The example Activity shared in the following section has been tested on Fedora 17( Beefy Miracle).</div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">1. Create a directory structure :</h4>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">mkdir -p KartikActivity.activity/activity</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
2.Create <a href="http://activity.info">activity.info</a> :</h4><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
Create a file inside the "activity" sub directory with name "<a href="http://activity.info">activity.info</a>" to describe your bundle in the activity sub-directory. The <a href="http://wiki.laptop.org/go/Activity_Bundles" style="text-decoration:none;color:rgb(136,136,136)">Activity Bundles</a>specification explain in detail the meaning of each field.Write downs attribute names and corresponding values in this file as :</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><b>[Activity]<br>name = Kartik<br>
bundle_id = org.laptop.Kartik<br>exec = sugar-activity Kartik.KartikActivity<br>icon = myicon<br>activity_version = 1.0<br>show_launcher = yes</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">example :</div><div class="separator" style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);clear:both;text-align:justify">
<a href="http://3.bp.blogspot.com/-R9OdYHMUpUY/UCEUaIZ7zaI/AAAAAAAAD1M/9HAWxiH3vLk/s1600/Screenshot+from+2012-08-07+18:42:35.png" style="text-decoration:none;color:rgb(136,136,136);margin-left:1em;margin-right:1em"><img border="0" src="http://3.bp.blogspot.com/-R9OdYHMUpUY/UCEUaIZ7zaI/AAAAAAAAD1M/9HAWxiH3vLk/s1600/Screenshot+from+2012-08-07+18:42:35.png" style="border: 1px solid rgb(238, 238, 238); position: relative; padding: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; "></a></div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
3. Activity Icon:</h4><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Design an icon for your activity by following the instructions on making icons for Sugar and place it in the activity sub-directory. The file name should match the icon file name specified in the info file (e.g. myicon.svg).</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
I used the same icon as is used in paint :</div><div class="separator" style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);clear:both;text-align:justify">
<a href="http://2.bp.blogspot.com/-uN70owQpRk4/UCEYGOgvWyI/AAAAAAAAD1k/uhle7ScBNZc/s1600/Screenshot+from+2012-08-07+18:59:27.png" style="text-decoration:none;color:rgb(136,136,136);margin-left:1em;margin-right:1em"><img border="0" src="http://2.bp.blogspot.com/-uN70owQpRk4/UCEYGOgvWyI/AAAAAAAAD1k/uhle7ScBNZc/s1600/Screenshot+from+2012-08-07+18:59:27.png" style="border: 1px solid rgb(238, 238, 238); position: relative; padding: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; "></a></div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
4. Create setup.py:</h4><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Write the setup.py script in the top level directory (e.g. KartikActivity.activity/setup.py). The content should be like:</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<b>from sugar.activity import bundlebuilder<br>bundlebuilder.start()</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">A more advanced version, which supports building activity bundles without Sugar installed, looks like this:</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<b>#!/usr/bin/env python<br> try:<br> from sugar.activity import bundlebuilder<br> bundlebuilder.start()<br> except ImportError:<br> import os<br> os.system("find ./ | sed 's,^./,KartikActivity.activity/,g' > MANIFEST")<br>
os.system('rm KartikActivity.xo')<br> os.chdir('..')<br> os.system('zip -r KartikActivity.xo KartikActivity.activity')<br> os.system('mv KartikActivity.xo ./KartikActivity.activity')<br>
os.chdir('KartikActivity.activity')</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">5. Code your activity in Python:</h4>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">The name you specified in the .info file as "class" is the name of the class which runs your code. For the <a href="http://activity.info">activity.info</a> file above, we specify a top-level module named KartikActivity.Kartik</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
The content in Katik.py file :</div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><b>from sugar.activity import activity<br>
import logging<br><br>import sys, os<br>import gtk<br><br>class KartikActivity(activity.Activity):<br> def hello(self, widget, data=None):<br> <a href="http://logging.info">logging.info</a>('Hello Kartik') <br>
<br> def __init__(self, handle):<br> print "running activity init", handle<br> activity.Activity.__init__(self, handle)<br> print "activity running"<br><br> # Creates the Toolbox. It contains the Activity Toolbar, which is the<br>
# bar that appears on every Sugar window and contains essential<br> # functionalities, such as the 'Collaborate' and 'Close' buttons.<br> toolbox = activity.ActivityToolbox(self)<br> self.set_toolbox(toolbox)<br>
toolbox.show()<br><br> # Creates a new button with the label "Hello Kartik".<br> self.button = gtk.Button("Hello Kartik")<br><br> # When the button receives the "clicked" signal, it will call the<br>
# function hello() passing it None as its argument. The hello()<br> # function is defined above.<br> self.button.connect("clicked", self.hello, None)<br><br> # Set the button to be our canvas. The canvas is the main section of<br>
# every Sugar Window. It fills all the area below the toolbox.<br> self.set_canvas(self.button)<br><br> # The final step is to display this newly created widget.<br> self.button.show()<br><br>
print "AT END OF THE CLASS"</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">6. Create a MANIFEST:</h4>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">(e.g. KartikActivity.activity/MANIFEST), containing the list of the files (relative to the directory that the MANIFEST is in) to include in the package. (Note: Be sure not to leave blank lines at the end of the file.) This script does that in linux (run it from within the KartikActivity.activity directory):</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><b><br></b><b>cd KartikActivity.activity<br>
find . -type f | sed 's,^./,,g' > MANIFEST</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Content of MANIFEST should look like this:</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<b>activity/myicon.svg<br>activity/<a href="http://activity.info">activity.info</a><br>MANIFEST<br>Kartik.py<br>setup.py</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">7. Give permissions:</h4>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Make sure that all your python files have the required permissions to be used.</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<b>chmod a+x setup.py<br>chmod a+x Kartik.py</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">8. Bundle your Activity:</h4>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Setup your bundle for development (must be user olpc when you do this) to become user olpc, type: su - olpc</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">If you are prompted for a password, trying using: su</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<b>python setup.py dev</b></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br>
</div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">This just creates a symlink to your activity folder in ~/Activities, so that Sugar can find your activity.</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><h4 style="margin:0px;color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
9. Run your Activity !:</h4><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Restart Sugar using Ctrl-Alt-Erase and your activity will appear in the interface! (NOTE: By default, the Home view shows only the favorite activities. You should press Ctrl+2 or go the right-upper corner and change to the List View)</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
Now you can see your activity is visible within Journal:</div><div class="separator" style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);clear:both;text-align:justify">
<a href="http://3.bp.blogspot.com/-DkVrad9rooA/UCEY0ClL1MI/AAAAAAAAD1s/embYr0MOFfE/s1600/Screenshot+of+_Home_.png" style="text-decoration:none;color:rgb(136,136,136);margin-left:1em;margin-right:1em"><img border="0" height="480" src="http://3.bp.blogspot.com/-DkVrad9rooA/UCEY0ClL1MI/AAAAAAAAD1s/embYr0MOFfE/s640/Screenshot+of+_Home_.png" width="640" style="border: 1px solid rgb(238, 238, 238); position: relative; padding: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; "></a></div>
<a name="more" style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255)"></a><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">You can click that activity to start and here you go...your first sugar activity appears like this :</div>
<div class="separator" style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);clear:both;text-align:justify"><a href="http://3.bp.blogspot.com/-I-IGOQFszT4/UCEZ6Y5qNqI/AAAAAAAAD18/4DIDxQ_Cies/s1600/Screenshot+of+_Kartik+Activity__1.png" style="text-decoration:none;color:rgb(136,136,136);margin-left:1em;margin-right:1em"><img border="0" height="480" src="http://3.bp.blogspot.com/-I-IGOQFszT4/UCEZ6Y5qNqI/AAAAAAAAD18/4DIDxQ_Cies/s640/Screenshot+of+_Kartik+Activity__1.png" width="640" style="border: 1px solid rgb(238, 238, 238); position: relative; padding: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; "></a></div>
<div class="separator" style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);clear:both;text-align:justify"></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">I hope this post helps you understand sugar basics and how to develop activities for sugar.</div>
<div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify"><br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
For more details on sugar activities visit: <a href="http://wiki.laptop.org/go/Activities" style="text-decoration:none;color:rgb(136,136,136)">Sugar Activities</a></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">
<br></div><div style="color:rgb(102,102,102);font-family:'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size:13px;line-height:18px;background-color:rgb(255,255,255);text-align:justify">Cheers! :D</div></div>