Flashcards (SVG images)
Learn with flashcards using Xholon Workbooks
<?xml version="1.0" encoding="UTF-8"?>
<!--Xholon Workbook http://www.primordion.com/Xholon/wb/ (C) Ken Webb Tue May 15 2012 21:00:20 GMT-0400 (EDT)-->
<XholonWorkbook>
<Notes><![CDATA[
Xholon
------
Title: Flashcards (SVG images)
Description: Learn with flashcards using Xholon Workbooks
Url: http://www.primordion.com/Xholon/wb/xholon
InternalName:
YoutubeId:
Keywords:
My Notes
--------
How to run the flashcard app ::
Click the Run button above.
Then either
Click the Step button in the overlay, and
Continue to click either the Step button or the large white area in the lower part of the overlay.
Or
Click once on the Pause button to start (unpause) continuous display.
Flashcards with images can be a useful way to learn a set of facts. In this workbook I will create a simple flashcard player.
To get started, I've created a simple app with some test flashcards, all on this page.
How to change the language, while the flashcard app is running ::
Click on the WordLists node in the overlay, to show the list of languages.
Click on a language node (ex: español).
How to change the programming code::
Scroll down to the Deckbehavior editor.
When you've made your changes, click Run or Refresh.
How to randomize the order of display ::
cards = $this.children(".Card");
card = cards.eq(Math.random() * cards.length);
How to use one of the utility functions, when the flashcard app is running ::
Scroll down to the FlashcardSystembehavior editor.
Copy the name of a utility function.
Click the Submit button.
Examples:
listCardWords();
tree, leaf, cat, car, bird (crow), sun, cloud, house,
listCardWords("the ");
the tree, the leaf, the cat, the car, the bird (crow), the sun, the cloud, the house,
listLanguages();
English: en
français: fr
español: es
Deutsch: de
русский: ru
中文: zh
changeLanguage("fr");
Attributions
"Crow" symbol by The Noun Project, "Tree" symbol by Valentina Piccione, "Sun" symbol by National Park Service, "House" symbol by The Noun Project, "Cat" symbol public domain, "Maple Leaf" symbol public domain, "House" symbol by The Noun Project, "Car" symbol by Okan Benn, from thenounproject.com collection.
"Trash Can" symbol by The Noun Project, "Fence" symbol by The Noun Project, "Bike Hop" symbol by Alfonso Urbán, from thenounproject.com collection.
]]></Notes>
<script implName="lang:python:inline:"><![CDATA[
]]></script>
<script implName="lang:javascript:inline:"><![CDATA[
]]></script>
<_-.XholonClass>
<!-- types of domain objects -->
<FlashcardSystem/>
<Deck/>
<Card/>
<Side>
<A/>
<B/>
<C/>
</Side>
<DeckSelector/>
<WordLists/>
<Words/>
</_-.XholonClass>
<xholonClassDetails>
</xholonClassDetails>
<FlashcardSystem>
<!--
Words can be translated from the original language (English in this case) into any other language.
One way to translate a list of words is to copy the entire list (including commas) to Google translate,
and then copy back the result to a new list of words in the other language.
Note: You must use the ’ character rather than ' as an apostrophe.
ex: l’arbre rather than l'arbre
-->
<WordLists>
<!-- key language -->
<Words roleName="English" lang="en">tree, leaf, cat, car, bird (crow), sun, cloud, house</Words>
<!-- other languages -->
<Words roleName="français" lang="fr">l’arbre, la feuille, le chat, la voiture, l’oiseau (le corbeau), le soleil, le nuage, la maison</Words>
<Words roleName="español" lang="es">el árbol, la hoja, el gato, el coche, el pájaro (el cuervo), el sol, la nube, la casa</Words>
<Words roleName="Deutsch" lang="de">der Baum, das Blatt, die Katze, das Auto, der Vogel (die Krähe), die Sonne, die Wolke, das Haus</Words>
<Words roleName="русский" lang="ru">дерево, листья, кошки, машины, птицы (вороны), солнце, облака, дом</Words>
<Words roleName="中文" lang="zh">树, 叶, 猫, 汽车, 鸟类（乌鸦）, 太阳, 云, 房子</Words>
<!--<Words roleName="testing" lang="aa">one,two,three</Words>-->
</WordLists>
<Deck roleName="Intro">
<Card><A>Welcome to</A><B>Xholon Workbook Flashcards</B></Card>
</Deck>
<!-- <Card><A></A><B></B></Card> -->
<Deck roleName="Outdoor nouns">
<Card><A>tree</A><B><![CDATA[<g id="Tree">
<title>Tree</title>
<path d="m189.133,114.39715c4.46988,-4.11552 7.31804,-10.28445 7.31804,-17.19215c0,-12.39264 -9.15771,-22.43664 -20.45845,-22.43664c-0.41498,0 -0.8181,0.04031 -1.22913,0.06912c-4.06544,-14.47346 -14.80676,-24.83569 -27.46535,-24.83569c-16.14351,0 -29.22882,16.82639 -29.22882,37.58831c0,0.05473 0.00528,0.11088 0.00528,0.16418c-10.17279,1.29744 -18.07385,10.76831 -18.07385,22.27245c0,9.34276 5.20652,17.34337 12.61121,20.7202c-1.25797,2.91023 -1.98149,6.15167 -1.98149,9.58463c0,12.39119 9.16037,22.43668 20.45982,22.43668c2.5291,0 4.93864,-0.5256 7.17491,-1.44579l0,32.6794l17.00365,0l0,-32.86084c4.60387,-1.79709 8.7231,-5.00977 12.05713,-9.24913c2.63675,1.35504 5.56766,2.13409 8.66925,2.13409c11.30075,0 20.45847,-10.04543 20.45847,-22.43666c-0.0013,-6.90623 -2.84947,-13.07519 -7.32063,-17.19216l-0.00003,0z" fill="#007f00" id="svg_17"/>
</g>]]></B></Card>
<Card><A>leaf</A><B><![CDATA[<g id="Leaf">
<title>Leaf</title>
<path stroke="#007f00" fill="#007f00" d="m144.278,75l-7.733,15.081c-0.87801,1.639 -2.45,1.487 -4.02299,0.572l-5.60001,-3.032l4.173,23.16499c0.87799,4.23201 -1.938,4.23201 -3.327,2.403l-9.772,-11.438l-1.58701,5.809c-0.182,0.762 -0.98599,1.563 -2.19299,1.373l-12.357,-2.717l3.246,12.337c0.69399,2.745 1.237,3.882 -0.701,4.606l-4.404,2.164l21.27,18.064c0.842,0.68301 1.268,1.91202 0.96799,3.02402l-1.862,6.38899c7.324,-0.884 13.88999,-1.674 21.214,-2.55501c0.65001,-0.009 1.729,0.569 1.724,1.354l-0.97,23.39999l3.561,0l-0.56,-23.34999c-0.005,-0.785 0.974,-1.41301 1.625,-1.40401c7.323,0.88101 13.89,1.67101 21.213,2.55501l-1.86,-6.38899c-0.29999,-1.112 0.125,-2.34201 0.96701,-3.02402l21.271,-18.064l-4.405,-2.164c-1.938,-0.724 -1.396,-1.86099 -0.70001,-4.606l3.245,-12.337l-12.35599,2.717c-1.207,0.19 -2.01199,-0.61 -2.194,-1.373l-1.58701,-5.809l-9.771,11.438c-1.39,1.83 -4.205,1.83 -3.327,-2.403l4.173,-23.16499l-5.60001,3.032c-1.57201,0.916 -3.145,1.067 -4.022,-0.572l-7.739,-15.081z" id="maple_leaf_2_"/>
</g>]]></B></Card>
<Card><A>cat</A><B><![CDATA[<g id="Cat" fill="#000000">
<title>Cat</title>
<path transform="rotate(179.809, 172.078, 136.412)" d="m234.8461,197.66827c-0.62628,-0.2265 -2.27014,-1.37961 -4.09668,-2.86218c-3.47046,-2.84158 -5.14044,-3.80936 -7.38446,-4.26236c-3.60089,-0.7207 -6.57556,-0.20593 -13.02063,2.32678c-3.73132,1.46198 -4.67072,1.77084 -5.74054,1.77084c-1.17419,0.0206 -1.35687,-0.04117 -1.87872,-0.65891c-0.75671,-0.86484 -1.01764,-2.47095 -0.78278,-4.85953c0.20874,-2.61508 0.88715,-4.79773 3.02679,-9.92493c2.08752,-5.02426 2.63544,-6.79507 2.68762,-8.73065c0.05225,-1.93558 -0.49573,-3.21222 -1.74823,-4.22119c-1.43512,-1.11191 -2.68762,-1.42078 -9.15881,-2.26501c-9.96765,-1.31784 -16.41272,-2.82098 -22.54468,-5.23016c-12.15955,-4.79773 -21.31833,-13.34308 -27.03281,-25.24475c-1.46121,-3.04749 -2.53107,-5.86847 -4.85336,-12.82831c-3.02686,-9.08069 -3.28778,-9.53369 -7.9324,-13.36365c-6.02759,-4.98306 -10.59393,-7.30984 -21.16177,-10.76917c-5.42743,-1.77084 -7.77582,-2.80042 -9.49799,-4.11823c-2.32233,-1.77084 -3.2095,-3.47992 -3.54871,-6.69214c-0.39142,-3.89172 2.37448,-7.06277 8.24551,-9.45135c1.22638,-0.49417 2.97464,-1.07074 3.914,-1.25604c2.4267,-0.4942 4.43588,-0.2059 4.43588,0.63831c0,0.16473 -1.22638,1.31784 -2.71371,2.57391c-3.78354,3.15045 -4.69681,4.81833 -3.70526,6.87744c0.8089,1.62671 4.3837,3.85056 8.63693,5.3537c2.03528,0.7207 14.01215,4.48886 16.69977,5.27133c6.75821,1.95618 9.70676,1.87381 13.17719,-0.4324l1.2525,-0.82364l25.51935,0.04117l25.54547,0.06177l-0.07831,1.54434c-0.2348,4.01529 -1.56561,4.81833 -8.48035,5.1272c-1.95703,0.08237 -3.65308,0.2059 -3.70526,0.2677c-0.23486,0.16473 0.78278,2.05911 2.47888,4.69476c3.02686,4.67419 7.17566,9.12189 9.55017,10.21323c1.06982,0.49417 1.35687,0.53537 3.3139,0.453c2.45276,-0.10297 3.83569,-0.55597 5.0882,-1.68848c1.0437,-0.9472 1.33075,-1.72964 1.74823,-4.8801c0.26093,-1.91498 0.54797,-3.00632 1.14813,-4.20059c2.97467,-6.0744 11.84644,-12.78711 16.80414,-12.68417c1.69611,0.0206 2.45282,0.43243 3.39215,1.87381c0.83502,1.29724 0.93939,2.75922 0.28705,3.76819c-0.23486,0.37064 -1.59167,1.60611 -2.97467,2.75922c-6.18414,5.0654 -8.08893,9.08069 -8.08893,17.07007c0,8.11292 2.00916,14.06375 6.41895,18.96445c0.62628,0.7001 2.73987,2.63568 4.69684,4.32413c6.23633,5.3743 7.46271,7.45401 7.46271,12.62238c-0.02606,2.98572 -0.28705,4.57126 -1.38293,7.78348c-1.85266,5.539 -1.22638,8.21585 2.68762,11.67517c2.6615,2.36798 2.89636,3.19165 1.95703,7.12454c-1.04376,4.30356 -1.43518,6.19794 -1.98315,9.96613c-0.70453,4.73596 -1.22638,5.7861 -3.07898,6.40384c-1.14813,0.39124 -2.34845,0.35007 -3.60089,-0.10294z" id="svg_1" fill="#3f3f3f"/>
</g>]]></B></Card>
<Card><A>car</A><B><![CDATA[<g id="Car">
<title>Car</title>
<g>
<path fill="#003f7f" id="svg_1" d="m144.75539,101.63898c53.27823,-48.88369 112.90132,-20.98272 140.70314,8.23277c6.58902,4.07277 8.41879,6.94386 10.80698,10.12552c2.65643,0.43149 3.05518,1.18138 3.17853,1.48943c2.33737,13.03236 -0.47131,20.89804 -11.69656,20.82352c-0.87247,-37.42289 -45.32834,-28.86385 -40.67772,2.52681c-49.56563,0 -60.66255,0 -89.10008,0c2.18272,-30.49194 -40.51092,-39.89317 -41.90091,0c-19.07592,-0.63684 -16.21645,-10.17928 -15.47432,-19.17995c5.54977,0.23373 6.16853,-21.92529 44.16095,-24.0181zm122.73186,19.99654c9.20673,0 16.66602,7.57562 16.66602,16.94087c0,9.34747 -7.45929,16.93301 -16.66602,16.93301c-9.20679,0 -16.66603,-7.58554 -16.66603,-16.93301c0,-9.36525 7.45924,-16.94087 16.66603,-16.94087zm-130.0847,0c9.20198,0 16.67079,7.57562 16.67079,16.94087c0,9.34747 -7.46881,16.93301 -16.67079,16.93301c-9.20674,0 -16.67579,-7.58554 -16.67579,-16.93301c0,-9.36525 7.46905,-16.94087 16.67579,-16.94087zm78.83217,-40.53001c-15.09012,-2.2264 -35.49783,-0.4571 -50.51062,12.91954c0,7.47779 0,2.03881 0,9.50899c16.83759,0 33.6778,-0.69061 50.51062,-0.69061c0,-7.48056 0,-14.2599 0,-21.73792zm7.14261,1.30968c7.06767,0.78082 25.92358,7.23389 33.47949,20.20213c-10.90839,0 -21.83136,0 -32.76886,0c0,-6.70482 -0.71063,-13.48416 -0.71063,-20.20213z" class="fil0"/>
</g>
</g>]]></B></Card>
<Card><A>bird (crow)</A><B><![CDATA[<g id="Bird">
<title>Bird</title>
<path d="m222.85159,79.28233c-2.05014,-4.54123 -23.20438,-11.87351 -30.19373,17.37371l-36.90395,25.92912l-55.20573,30.96569l2.765,0.89688l7.33483,-2.0051l-11.64802,6.44463l3.81969,1.239l39.51385,-11.0004c0,0 17.82663,2.28119 31.71654,2.29044c-0.65427,1.22711 -1.3085,2.4529 -1.96416,3.68001c-0.66125,1.24031 4.93079,13.64482 6.99643,19.55186c-3.48268,0.49533 -6.96681,0.99199 -10.44951,1.48732c-1.24503,0.17699 -0.71346,1.94302 0.52031,1.76733c3.66881,-0.52174 7.33621,-1.0435 11.00362,-1.56526c3.66742,0.52176 7.33624,1.04352 11.00223,1.56526c1.23375,0.17569 1.76534,-1.59035 0.52032,-1.76733c-3.51233,-0.50063 -7.02605,-0.99994 -10.53978,-1.50056c-0.15933,-0.50851 -0.32007,-1.01707 -0.4808,-1.52431c-0.62321,-1.97868 -1.24643,-3.95605 -1.87108,-5.93478c-1.16606,-3.69583 -2.32932,-7.39171 -3.49538,-11.08755c-0.00845,-0.02641 -0.01692,-0.04228 -0.02397,-0.06473c0.423,-0.79517 13.75735,-6.4882 13.75735,-6.4882s-0.00565,0 -0.00703,-0.00134c48.44337,-16.33548 21.76053,-53.78411 31.97035,-59.6c4.29344,-2.44497 19.01102,-6.11177 19.01102,-6.11177c0,-4.1727 -17.14842,-4.53991 -17.14842,-4.53991l0.00002,0z" id="svg_1" fill="black"/>
</g>]]></B></Card>
<Card><A>sun</A><B><![CDATA[<g id="Sun">
<title>Sun</title>
<g id="svg_1">
<path id="path2638" d="m155.44798,75l5.18869,0l0,20.23971l-5.18869,0l0,-20.23971z" fill="#ffff00"/>
<path id="path2640" d="m155.14175,173.42192l5.18752,0l0,20.24089l-5.18752,0l0,-20.24089z" fill="#ffff00"/>
<path id="path2642" d="m196.28349,130.41954l19.71651,0l0,5.30908l-19.71651,0l0,-5.30908z" fill="#ffff00"/>
<path id="path2644" d="m100,130.08974l19.71884,0l0,5.32573l-19.71884,0l0,-5.32573z" fill="#ffff00"/>
<path id="path2646" d="m107.50867,105.24226l2.5172,-4.65063l17.22948,9.80492l-2.51836,4.66493l-17.22832,-9.81922z" fill="#ffff00"/>
<path id="path2648" d="m128.19264,83.59882l4.39059,-2.82896l10.46089,17.16784l-4.39178,2.81348l-10.4597,-17.15236z" fill="#ffff00"/>
<path id="path2650" d="m175.08447,168.96059l4.47295,-2.64204l9.85886,17.52742l-4.47414,2.65395l-9.85767,-17.53932z" fill="#ffff00"/>
<path id="path2652" d="m190.15868,154.80623l2.5172,-4.64943l17.25615,9.80492l-2.53111,4.66493l-17.24223,-9.82042z" fill="#ffff00"/>
<path id="path2654" d="m131.43599,186.74397l-4.52979,-2.58369l9.55259,-17.71196l4.54489,2.57059l-9.56769,17.72507z" fill="#ffff00"/>
<path id="path2656" d="m108.51672,164.25279l-2.72832,-4.50656l16.71212,-10.73839l2.74107,4.50894l-16.72487,10.73601z" fill="#ffff00"/>
<path id="path2658" d="m192.01582,116.75456l-2.59955,-4.62088l17.07402,-10.12045l2.6019,4.62206l-17.07637,10.11926z" fill="#ffff00"/>
<path id="path2660" d="m178.82893,101.58344l-4.54488,-2.59679l9.56537,-17.68457l4.53212,2.58487l-9.55261,17.69649l0,0z" fill="#ffff00"/>
<path id="path2662" d="m126.02576,134.26649c0,-18.15727 14.34805,-32.88547 32.03802,-32.88547c17.67607,0 32.01254,14.72821 32.01254,32.88547c0,18.15727 -14.33528,32.86765 -32.01254,32.86765c-17.68997,0.00356 -32.03802,-14.71037 -32.03802,-32.86765" fill="#ffff00"/>
</g>
</g>]]></B></Card>
<Card><A>cloud</A><B><![CDATA[<g id="Cloud">
<title>Cloud</title>
<path fill="black" id="svg_1" d="m250.46088,195.15594l-128.68661,0c-12.00654,0 -21.77426,-11.02563 -21.77426,-24.57625c0,-11.49841 7.03099,-21.17772 16.49377,-23.84645c4.22285,-11.91451 13.98865,-20.44791 25.37758,-21.97944c1.20045,-27.66327 21.51564,-49.75381 46.31612,-49.75381c18.17484,0 34.39648,12.06049 41.92542,29.96819c6.18179,-3.81247 13.14716,-5.84288 20.34799,-5.84288c23.45529,0 42.53912,21.53936 42.53912,48.01532c0,26.47597 -19.08191,48.01532 -42.53912,48.01532l0,0zm-128.82751,-32.20337c-3.66122,0.08496 -6.61797,3.47479 -6.61797,7.62712c0,4.20679 3.03011,7.62712 6.75694,7.62712l128.68855,0c15.17557,0 27.52176,-13.9362 27.52176,-31.06619c0,-17.12996 -12.34427,-31.064 -27.52176,-31.064c-7.1082,0 -13.85742,3.0587 -19.00473,8.60965l-9.83528,10.61174l-2.7097,-15.04945c-2.95096,-16.39799 -15.87233,-28.29942 -30.72369,-28.29942c-17.28891,0 -31.3567,15.8773 -31.3567,35.39279c0,1.58598 0.10423,3.2308 0.30688,4.89303l1.40889,11.51801l-10.14407,-2.01079c-0.96114,-0.18954 -1.91649,-0.28758 -2.84483,-0.28758c-7.72385,0 -14.43445,6.19145 -15.95529,14.72049l-1.25449,7.0302l-6.34971,-0.23093c-0.11967,-0.00655 -0.24318,-0.01526 -0.36478,-0.02179l0,0z"/>
</g>]]></B></Card>
<Card><A>house</A><B><![CDATA[<g id="House">
<title>House</title>
<polygon stroke="blue" fill="blue" id="svg_1" points="257.5399932861328,109.0130615234375 257.5399932861328,69.89285659790039 236.95999145507812,69.89285659790039 236.95999145507812,85.37979125976562 210.5,55 137,139.39286041259766 154.63999938964844,139.39286041259766 154.63999938964844,194 200.20999908447266,194 200.20999908447266,149.32142639160156 220.79000091552734,149.32142639160156 220.79000091552734,194 266.36000061035156,194 266.36000061035156,139.39286041259766 284,139.39286041259766 "/>
</g>]]></B></Card>
</Deck>
<!-- <Card><A></A><B></B></Card> -->
<Deck roleName="Outdoor nouns 2">
<Card><A>trash can</A><B><![CDATA[<g id="TrashCan">
<title>Trash Can</title>
<g>
<path id="svg_2" d="m106.71147,81.78647c-0.858,15.751 3.476,38.437 6.593,49.558c2.05699,7.339 4.103,14.298 6.01099,21.944c4.479,0 8.95699,0 13.43501,0c-1.194,-16.291 2.849,-25.95 15.558,-24.632c-0.237,-11.196 -0.44,-36.737 -1.26601,-47.188c-13.67,0.001 -26.659,0.318 -40.33099,0.318z" clip-rule="evenodd" fill-rule="evenodd"/>
<g id="svg_3">
<path id="svg_4" d="m147.04347,154.77246c-6.705,0 -12.16,-5.45799 -12.16,-12.16499c0,-6.709 5.455,-12.164 12.16,-12.164c6.71199,0 12.168,5.455 12.168,12.164c-0.00099,6.707 -5.457,12.16499 -12.168,12.16499zm0,-20.105c-4.373,0 -7.936,3.562 -7.936,7.94c0,4.37599 3.562,7.93901 7.936,7.93901c4.383,0 7.94299,-3.56302 7.94299,-7.93901c0,-4.379 -3.564,-7.94 -7.94299,-7.94z" fill="#000000"/>
</g>
<circle id="svg_5" r="2.27344" cy="142.60847" cx="147.04347" fill="#000000"/>
<rect id="svg_6" height="4.555" width="47.044" clip-rule="evenodd" fill-rule="evenodd" y="75.00047" x="100.00047"/>
</g>
</g>]]></B></Card>
<Card><A>fence</A><B><![CDATA[ <g id="Fence">
<title>Fence</title>
<g id="svg_6">
<path fill="#000000" d="m122.47794,155.45068c0,3.43301 -2.781,6.215 -6.213,6.215l0,0c-3.433,0 -6.214,-2.78198 -6.214,-6.215l0,-69.209c0,-3.433 2.78101,-6.215 6.214,-6.215l0,0c3.432,0 6.213,2.782 6.213,6.215l0,69.209z" id="svg_1"/>
<path d="m154.01794,155.45169c0,3.43201 -2.78,6.21399 -6.21201,6.21399l0,0c-3.433,0 -6.214,-2.78198 -6.214,-6.21399l0,-69.209c0,-3.43201 2.78101,-6.214 6.214,-6.214l0,0c3.43201,0 6.21201,2.782 6.21201,6.214l0,69.209z" id="svg_2" fill="#000000"/>
<path d="m184.74994,155.45169c0,3.43201 -2.783,6.21399 -6.215,6.21399l0,0c-3.43201,0 -6.21301,-2.78198 -6.21301,-6.21399l0,-69.209c0,-3.43201 2.78101,-6.214 6.21301,-6.214l0,0c3.43199,0 6.215,2.782 6.215,6.214l0,69.209z" id="svg_3" fill="#000000"/>
<path fill="#000000" d="m107.13794,107.52569c-3.93401,0.008 -7.13,-2.768 -7.136,-6.2l0,0c-0.009,-3.43199 3.176,-6.21999 7.109,-6.228l79.359,-0.166c3.936,-0.009 7.13199,2.767 7.138,6.19901l0,0c0.008,3.43199 -3.17599,6.22099 -7.11,6.23l-79.36,0.165z" id="svg_4"/>
<path fill="#000000" d="m107.13794,142.87569c-3.93401,0.00999 -7.13,-2.767 -7.136,-6.19899l0,0c-0.009,-3.43201 3.176,-6.22101 7.109,-6.229l79.359,-0.166c3.936,-0.009 7.13199,2.767 7.138,6.2l0,0c0.008,3.42999 -3.17599,6.21899 -7.11,6.229l-79.36,0.16499z" id="svg_5"/>
<path fill="#000000" d="m176.62694,76.46969c1.05,-1.958 2.769,-1.958 3.81801,0c1.04898,1.958 2.76799,5.161 3.81799,7.118s0.19098,3.55899 -1.908,3.55899c-2.101,0 -5.53798,0 -7.63899,0c-2.10001,0 -2.95901,-1.602 -1.909,-3.55899s2.76898,-5.16 3.81999,-7.118z" id="svg_7"/>
<path fill="#000000" d="m144.89694,76.46969c1.04999,-1.958 2.769,-1.958 3.81799,0c1.04901,1.958 2.76801,5.161 3.81799,7.118s0.19101,3.55899 -1.90799,3.55899c-2.101,0 -5.53799,0 -7.63901,0c-2.09999,0 -2.95898,-1.602 -1.909,-3.55899s2.769,-5.16 3.82001,-7.118z" id="svg_9"/>
<path fill="#000000" d="m114.35493,76.46969c1.05,-1.958 2.769,-1.958 3.818,0c1.049,1.958 2.768,5.161 3.818,7.118s0.191,3.55899 -1.908,3.55899c-2.10101,0 -5.538,0 -7.639,0c-2.1,0 -2.959,-1.602 -1.909,-3.55899s2.769,-5.16 3.82,-7.118z" id="svg_11"/>
</g>
</g>]]></B></Card>
<Card><A>bicycle</A><B><![CDATA[ <g id="Bicycle">
<title>Bicycle</title>
<g id="svg_1">
<path id="svg_2" d="m186.67584,119.70694c-2.64,-5.991 -8.577,-9.862 -15.12601,-9.862c-2.297,0 -4.53499,0.474 -6.65298,1.406c-3.461,1.525 -6.13501,4.102 -7.82001,7.189l-5.08701,-2.258l-2.40999,-2.347l23.06,-4.986c0.455,-0.099 0.879,-0.262 1.26601,-0.476c1.52699,-0.437 2.88599,-1.46201 3.70398,-2.969l0.34001,-0.62901c1.61501,-2.978 0.51201,-6.7 -2.466,-8.31499l-20.27899,-11c-2.97801,-1.615 -6.7,-0.51 -8.315,2.467l-0.341,0.81699c-0.313,0.572 -0.52,0.967 -0.636,1.967l-1.752,0c-0.339,0 -0.696,-0.09 -1.05901,-0.018l-0.09099,0.018l-25.31801,0c-1.534,0 -3.228,0.868 -3.228,2.402l0,0.423c0,1.535 1.694,3.175 3.228,3.175l0.594,0c0.164,0 0.334,0.122 0.51701,0.284c1.852,1.632 4.40199,2.33301 4.50999,2.366c0.028,0.008 0.057,-0.042 0.085,-0.037l2.098,3.233l-1.824,6.057c-0.293,-0.13499 -0.626,-0.166 -0.938,-0.07c-0.37,0.112 -0.672,0.378 -0.827,0.732l-0.565,1.294c-1.542,-0.472 -3.166,-0.725 -4.82999,-0.725c-2.298,0 -4.536,0.47299 -6.65401,1.406c-8.334,3.673 -12.128,13.443 -8.45499,21.779c2.64,5.991 8.577,9.862 15.12499,9.862c2.297,0 4.536,-0.47299 6.65401,-1.405c8.33501,-3.67401 12.129,-13.44299 8.45599,-21.78c-1.29601,-2.943 -3.392,-5.37 -5.961,-7.082l0.523,-0.97c0.28,-0.519 0.178,-1.14799 -0.22,-1.552l0.269,-0.895l23.38499,17.357c0.20601,0.151 0.45,0.24 0.70399,0.257l3.336,0.211l0.987,0.962c0.15701,0.15201 0.326,0.283 0.50301,0.39801c0.19099,1.56299 0.60899,3.12299 1.276,4.63699c2.64,5.991 8.57701,9.862 15.125,9.862c2.29701,0 4.536,-0.47299 6.65401,-1.405c8.33499,-3.673 12.129,-13.44299 8.45599,-21.78zm-58.25999,1.421c2.89,6.559 -0.09401,14.245 -6.653,17.13601c-1.66701,0.73399 -3.428,1.10599 -5.233,1.10599c-5.153,0 -9.825,-3.04599 -11.902,-7.75999c-2.889,-6.55901 0.095,-14.246 6.654,-17.136c1.667,-0.734 3.428,-1.106 5.233,-1.106c1.169,0 2.312,0.164 3.408,0.461l-4.868,11.158c-0.23199,0.531 -0.086,1.133 0.319,1.503c0,0.479 0.262,0.942 0.716,1.176c0.193,0.1 0.4,0.147 0.604,0.147c0.47099,0 0.925,-0.25201 1.16399,-0.694l6.136,-11.375c1.898,1.33499 3.448,3.173 4.422,5.384zm31.72701,3.666c-0.14601,-0.562 -0.431,-1.095 -0.87701,-1.529l-0.25699,-0.25c0.065,-0.245 0.13699,-0.489 0.217,-0.73l6.439,2.85799l-5.52199,-0.349zm-34.56201,-28.083c0.00401,0 0.002,-0.147 0.008,-0.122l0.006,-0.072c0.048,0.243 0.14001,0.415 0.249,0.624c-0.953,0.493 -1.923,0.935 -2.302,1.028c-0.481,-0.167 -1.93999,-0.458 -3.21999,-1.458l5.259,0zm2.899,5.078c0.209,-0.69801 -0.187,-1.43501 -0.88499,-1.645c-0.29001,-0.087 -0.58501,-0.064 -0.84801,0.036l-1.924,-1.23c0.567,-0.189 1.27,-0.47 1.953,-0.859c0.52299,0.316 1.158,0.651 1.80499,0.523l10.554,-1.903l9.04201,0c0.26099,0 0.53699,0.194 0.83699,0.356l9.91,5.27699l-16.56999,3.533c-2.14801,0.464 -3.621,2.32 -3.66301,4.42599l-11.261,-5.01099l1.05,-3.503zm3.561,8.42799l8.011,3.556l10.334,10.06001l-18.345,-13.616zm44.758,28.04701c-1.66701,0.73399 -3.42799,1.10599 -5.233,1.10599c-5.153,0 -9.82399,-3.04599 -11.90199,-7.75999c-0.46201,-1.05 -0.772,-2.12801 -0.94301,-3.211c0.20601,-0.13301 0.40401,-0.28401 0.58301,-0.468l0.024,-0.025c0.14899,-0.153 0.27798,-0.319 0.392,-0.492l11.46799,0.72501c0.02802,0.00099 0.056,0.00198 0.08301,0.00198c0.491,0 0.94501,-0.27299 1.173,-0.71399l0.26801,-0.51601c0.16699,-0.324 0.19299,-0.701 0.073,-1.045c-0.121,-0.34399 -0.37801,-0.62199 -0.711,-0.77l-11.76601,-5.22299c1.33299,-2.314 3.38399,-4.242 6.00999,-5.4c1.668,-0.734 3.429,-1.106 5.233,-1.106c5.153,0 9.82501,3.046 11.90201,7.76c2.88899,6.56 -0.095,14.246 -6.65401,17.13701z" fill="#000000"/>
<path id="svg_3" d="m142.45285,84.79993l-1.789,-1.19199c-0.10501,-0.10001 -0.276,-0.11301 -0.396,-0.041l-4.87801,2.948l0.18599,0.306c1.93201,3.196 6.09201,4.208 9.289,2.276c1.953,-1.181 3.10201,-3.197 3.25201,-5.33l-1.836,1.11c-1.20601,0.729 -2.69101,0.652 -3.828,-0.077z" fill="#000000"/>
<path id="svg_4" d="m139.37685,82.08894c0.713,-0.431 1.58099,-0.376 2.25099,0.078l1.771,1.203c0.58301,0.38901 1.37001,0.424 1.99802,0.04401l3.961,-2.39301c-0.18901,-0.697 -0.50101,-1.369 -0.882,-1.99699c-2.38301,-3.943 -7.48201,-5.2 -11.408,-2.829c-3.315,2.004 -4.75299,5.96 -3.67499,9.509l5.98399,-3.615z" fill="#000000"/>
</g>
</g>]]></B></Card>
<!--<Card><A></A><B><![CDATA[<g id="">
<title></title>
</g>]]></B></Card>
<Card><A></A><B><![CDATA[<g id="">
<title></title>
</g>]]></B></Card>-->
</Deck>
<DeckSelector>Outdoor nouns</DeckSelector>
</FlashcardSystem>
<FlashcardSystembehavior implName="lang:webEditionjs:inline:"><![CDATA[
function postConfigure() {
var flashcardSystem = this.parent();
// listCardWords();
// listCardWords("the ");
listCardWords = function(article) {
if (!article) {article="";};
flashcardSystem.find(".Card > .A").each( function() {
print(article + $(this).attr("val_string") + ", ");
});
}
// changeLanguage("fr");
changeLanguage = function(lang) {
var words = flashcardSystem.find(".WordLists > .Words[lang='" + lang + "']");
if (words.length) {
var wordsArray = words.attr("val_string").split(",");
flashcardSystem.find(".Card > .A").each( function(index) {
if (index < wordsArray.length) {
$(this).attr("val_string", $.trim(wordsArray[index]));
}
});
}
}
// change language if click on the langage node
flashcardSystem.find(".WordLists > .Words").each( function() {
var theseWords = $(this);
theseWords.click( function() {
changeLanguage(theseWords.attr("lang"));
});
});
// listLanguages();
listLanguages = function(lang) {
flashcardSystem.find(".WordLists > .Words").each( function() {
print("\n" + $(this).attr("roleName") + ": " + $(this).attr("lang"));
});
}
}
]]></FlashcardSystembehavior>
<Deckbehavior implName="lang:webEditionjs:inline:"><![CDATA[
function postConfigure() {
var $this = this.parent();
$this.data("card", $this.children(".Card:first"));
$("textarea#btstrp_console").css("font-size", "12px");
$("textarea#btstrp_console").attr("cols", "50");
$this.application("setConfigParam", "TimeStepInterval", "2000");
$this.data("state", 0);
}
function act() {
var $this = this.parent();
if ($this.data("state") == 0) {
var svg = $($('div#mySVGDiv > object')[0].contentDocument.getElementsByTagNameNS(svgns, 'svg')[0]);
$this.data("sideA", svg.children('g').children('text#A'));
$this.data("sideBT", svg.children('g').children('text#BT'));
$this.data("sideBG", svg.children('g').children('g#BG'));
svg.children('g').children('rect').bind( 'click', function() {
$this.application("step");
});
$this.data("state", 1);
}
var card = $this.data("card");
var textA = card.children(".A").attr("val_string");
var textB = card.children(".B").attr("val_string");
if ($this.data("state") == 1) {
$this.data("sideA").text("");
$this.data("sideBT").text("");
$this.data("sideBG").empty();
if (textB.charAt(0) == '<') {
$this.data("sideBG").xholoncreationservice("readSvgFromString", textB);
}
else {
$this.data("sideBT").text(textB);
}
$this.data("state", 2);
}
else {
$this.data("sideA").text(textA);
// sequential order
card = card.next(".Card");
if (!card.length) {
card = $this.children(".Card:first");
}
// random order
//cards = $this.children(".Card");
//card = cards.eq(Math.random() * cards.length);
$this.data("card", card);
$this.data("state", 1);
}
}
]]></Deckbehavior>
<Cardbehavior implName="lang:webEditionjs:inline:"><![CDATA[
function postConfigure() {
var sides = this.siblings();
sides.each( function() {
var $this = $(this);
if (!$this.attr("val_string")) {
// the contents may be SVG text
var ix = $this.text().indexOf('<');
if (ix != -1) {
$this.attr("val_string", $this.text().substring(ix));
}
else {
$this.attr("val_string", "?");
}
}
});
this.remove();
}
]]></Cardbehavior>
<DeckSelectorbehavior implName="lang:webEditionjs:inline:"><![CDATA[
function postConfigure() {
var $this = this.parent();
var selected = $this.attr("val_string");
//println(selected);
var decks = $this.siblings(".Deck");
decks.each( function() {
var $thisDeck = $(this);
//println($thisDeck.attr("rolename"));
if (!($thisDeck.attr("rolename") == selected)) {
$thisDeck.remove();
}
});
$this.remove();
}
]]></DeckSelectorbehavior>
<Blockbehavior implName="lang:bsh:inline:"><![CDATA[
]]></Blockbehavior>
<Blockbehavior implName="lang:jruby:inline:"><![CDATA[
]]></Blockbehavior>
<Blockbehavior implName="lang:groovy:inline:"><![CDATA[
]]></Blockbehavior>
<SvgClient><Attribute_String roleName="svgUri"><![CDATA[data:image/svg+xml,
<svg width="500" height="200" xmlns="http://www.w3.org/2000/svg">
<g>
<rect id="Card" fill="#ffffff" width="500" height="200" x="0" y="0"/>
<text id="A" font-size="24" x="10" y="30">Click the Step button to get started.</text>
<text id="BT" font-size="24" x="10" y="85">Continue to click Step, or click here.</text>
<g id="BG" x="10" y="85"></g>
</g>
</svg>
]]></Attribute_String><Attribute_String roleName="setup">${MODELNAME_DEFAULT},${SVGURI_DEFAULT}</Attribute_String></SvgClient>
</XholonWorkbook>
All original content Copyright © 2012 Ken Webb