Add zuul talk

This commit is contained in:
James E. Blair 2012-09-26 15:04:36 -07:00
parent 3bd3fcc63c
commit 5486cad3a0
71 changed files with 6499 additions and 0 deletions

View File

@ -22,5 +22,6 @@
<li><a href="ci-roadmap-folsom/index.html">CI and Developer Infrastructure Roadmap for Folsom</a></li>
<li><a href="jenkins/index.html">Jenkins Conference 2012, New York</a></li>
<li><a href="overview/index.html">Scaling OpenStack Development with Git, Gerrit, and Jenkins</a></li>
<li><a href="zuul/index.html">Trunk Gating with Jenkins, Gerrit, and Zuul</a></li>
</ul>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
zuul/graphics/bullet.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 B

BIN
zuul/graphics/example.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

223
zuul/graphics/example.svg Normal file
View File

@ -0,0 +1,223 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 11.0, SVG Export Plug-In -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
viewBox="-0.724 -0.46 279 52" xml:space="preserve">
<desc>W3C Indian Office logo</desc>
<defs>
</defs>
<g>
<rect x="107.669" y="15.986" style="fill:#0C479D" width="163.338" height="13.73"/>
<path style="fill:#FFFFFF" d="M117.042,25.062c-0.6,0.853-1.279,1.812-2.692,1.812c-0.879,0-1.985-0.574-1.985-2.052
c0-2.039,1.919-4.277,3.758-4.277c1.053,0,1.532,0.586,1.532,1.172c0,0.6-0.333,0.96-0.839,0.96c-0.36,0-0.759-0.239-0.759-0.693
c0-0.372,0.28-0.586,0.28-0.772c0-0.174-0.187-0.227-0.307-0.227c-1.16,0-1.959,2.799-1.959,3.745
c0,1.065,0.587,1.293,0.973,1.293c0.6,0,1.093-0.428,1.626-1.201L117.042,25.062z"/>
<path style="fill:#FFFFFF" d="M134.227,22.596c0,1.985-1.652,4.278-3.784,4.278c-1.093,0-2.132-0.705-2.132-1.986
c0-2.053,1.719-4.344,3.825-4.344C132.641,20.544,134.227,20.81,134.227,22.596z M129.896,25.554c0,0.268,0,0.934,0.693,0.934
c1.279,0,2.052-3.705,2.052-4.705c0-0.666-0.293-0.852-0.64-0.852C130.562,20.931,129.896,24.702,129.896,25.554z"/>
<path style="fill:#FFFFFF" d="M151.587,25.076c-0.426,0.718-1.053,1.746-2.092,1.746c-0.213,0-0.934,0-0.934-0.867
c0-0.946,1.174-3.864,1.174-4.157c0-0.161-0.16-0.294-0.334-0.294c-0.333,0-1.679,0.666-2.852,5.197h-1.612
c0.679-2.544,1.359-4.744,1.359-5.077c0-0.347-0.36-0.347-0.72-0.347v-0.36c0.293,0,1.612-0.119,2.665-0.359l-0.8,2.479
l0.04,0.027c0.96-1.412,1.679-2.519,2.839-2.519c0.32,0,1.013,0.025,1.013,1.052c0,0.866-1.159,3.692-1.159,4.079
c0,0.119,0.053,0.24,0.199,0.24c0.268,0,0.574-0.48,0.92-1.013L151.587,25.076z"/>
<path style="fill:#FFFFFF" d="M166.562,22.596l-0.36-0.026c-0.106-0.666-0.387-1.586-1.173-1.586c-0.706,0-0.706,0.652-0.706,0.72
c0,0.839,1.825,2.013,1.825,3.385c0,1.292-1.146,1.786-1.998,1.786c-0.587,0-0.92-0.266-1.227-0.266
c-0.053,0-0.32,0.039-0.387,0.266h-0.359l0.293-2.211l0.36,0.039c0.199,1.772,1.159,1.772,1.278,1.772
c0.507,0,0.76-0.398,0.76-0.732c0-0.346-0.319-0.879-0.746-1.373c-0.693-0.799-1.066-1.346-1.066-2.158
c0-1.187,0.92-1.666,1.786-1.666c0.666,0,0.826,0.293,1.267,0.293c0.199,0,0.239-0.054,0.373-0.28h0.386L166.562,22.596z"/>
<path style="fill:#FFFFFF" d="M183.493,22.596c0,1.985-1.653,4.278-3.785,4.278c-1.093,0-2.132-0.705-2.132-1.986
c0-2.053,1.719-4.344,3.824-4.344C181.907,20.544,183.493,20.81,183.493,22.596z M179.161,25.554c0,0.268,0,0.934,0.694,0.934
c1.278,0,2.052-3.705,2.052-4.705c0-0.666-0.293-0.852-0.64-0.852C179.828,20.931,179.161,24.702,179.161,25.554z"/>
<path style="fill:#FFFFFF" d="M194.643,20.917c1.359-0.119,1.772-0.146,2.665-0.372l-0.746,2.372l0.066,0.026
c0.4-0.8,1.188-2.398,2.066-2.398c0.053,0,0.772,0,0.772,0.879c0,0.613-0.373,0.973-0.786,0.973c-0.466,0-0.613-0.506-0.8-0.506
c-0.373,0-1.065,1.333-1.359,2.039c-0.347,0.893-0.479,1.532-0.906,2.771h-1.612c0.707-2.398,1.359-4.636,1.359-5.064
c0-0.333-0.24-0.346-0.72-0.359V20.917z"/>
<path style="fill:#FFFFFF" d="M213.214,21.277h-1.105c-0.44,1.626-1.16,3.958-1.16,4.412c0,0.16,0.187,0.199,0.2,0.199
c0.333,0,0.853-0.786,1.026-1.066l0.293,0.187c-0.494,0.774-1.146,1.813-2.187,1.813c-0.959,0-0.959-0.799-0.959-0.893
c0-0.547,0.64-2.546,1.227-4.652h-0.681V20.81c0.521-0.199,1.533-0.612,2.439-2.024h0.467l-0.52,1.932h0.959V21.277z"/>
<path style="fill:#FFFFFF" d="M226.346,25.008c-0.68,1.04-1.239,1.813-2.226,1.813c-0.773,0-0.92-0.574-0.92-0.893
c0-0.586,1.04-3.918,1.04-4.225c0-0.427-0.4-0.439-0.787-0.427v-0.36c0.534-0.039,1.786-0.159,2.692-0.372
c-0.52,1.905-1.333,4.717-1.333,5.144c0,0.133,0.121,0.199,0.201,0.199c0.319,0,0.771-0.666,1.039-1.066L226.346,25.008z
M225.759,17.585c0.507,0,0.92,0.413,0.92,0.906c0,0.479-0.399,0.88-0.92,0.88c-0.626,0-0.879-0.56-0.879-0.906
C224.88,18.145,225.159,17.585,225.759,17.585z"/>
<path style="fill:#FFFFFF" d="M243.436,25.102c-0.254,0.452-0.999,1.719-2.119,1.719c-0.2,0-0.893,0-0.893-0.746
c0-0.574,0.16-1.027,0.293-1.427l-0.026-0.013c-1.014,1.413-1.572,2.186-2.586,2.186c-1.025,0-1.025-0.732-1.025-1.039
c0-0.92,0.999-3.345,0.999-4.119c0-0.347-0.293-0.36-0.746-0.387v-0.36c1.186-0.053,2.599-0.359,2.785-0.372l-1.253,4.104
c-0.16,0.507-0.199,0.654-0.199,0.894c0,0.252,0.133,0.318,0.307,0.318c0.532,0,1.345-1.265,1.519-1.584
c0.6-1.08,0.906-2.133,1.319-3.559h1.573c-0.268,0.934-1.374,4.518-1.374,4.944c0,0.227,0.134,0.254,0.2,0.254
c0.32,0,0.826-0.8,0.946-0.987L243.436,25.102z"/>
<path style="fill:#FFFFFF" d="M254.745,20.917c1.412-0.119,1.745-0.146,2.665-0.359l-0.8,2.479l0.04,0.027
c0.772-1.187,1.64-2.519,2.825-2.519c0.066,0,0.879,0,0.879,0.893c0,0.52-0.187,0.973-0.307,1.279l0.014,0.027
c0.68-1.08,1.466-2.199,2.559-2.199c0.733,0,1.054,0.466,1.054,1.052c0,0.88-1.187,3.599-1.187,4.118
c0,0.16,0.146,0.201,0.227,0.201c0.254,0,0.68-0.667,0.906-1.013l0.293,0.174c-0.413,0.707-1.026,1.746-2.092,1.746
c-0.227,0-0.934,0-0.934-0.867c0-0.972,1.173-3.811,1.173-4.13c0-0.16-0.106-0.307-0.319-0.307c-0.561,0-1.266,1.159-1.479,1.546
c-0.493,0.853-0.68,1.453-1.346,3.637h-1.6c1.026-3.318,1.466-4.49,1.466-4.864c0-0.253-0.159-0.319-0.253-0.319
c-0.093,0-1.572,0.333-2.812,5.183h-1.612c0.759-2.785,1.359-4.636,1.359-5.077c0-0.386-0.521-0.359-0.72-0.347V20.917z"/>
<path d="M123.286,1.771h2.012l-4.572,15.43h-0.206l-2.858-9.555l-2.857,9.555h-0.183l-4.572-15.43h2.012l2.743,9.396l1.874-6.332
l-0.914-3.063h2.012l2.743,9.396L123.286,1.771z"/>
<path d="M189.955,1.453h2.012l-4.572,15.43h-0.206l-2.856-9.555l-2.857,9.555h-0.184l-4.572-15.43h2.013l2.743,9.396l1.874-6.333
l-0.914-3.063h2.012l2.742,9.396L189.955,1.453z"/>
<path d="M244.878,1.453h2.012l-4.572,15.43h-0.205l-2.858-9.555l-2.857,9.555h-0.183l-4.572-15.43h2.012l2.743,9.396l1.874-6.333
l-0.914-3.063h2.012l2.744,9.396L244.878,1.453z"/>
<path d="M248.27,3.238h6.096v2.024h-4.048v2.438h4.048v2.048h-4.048v3.658h4.048v2.024h-6.096V3.238z"/>
<path d="M257.815,3.238h4.268c1.805,0,3.268,1.463,3.268,3.243c0,0.829-0.268,1.463-0.707,2.024
c0.927,0.707,1.512,1.731,1.512,3.072c0,2.122-1.73,3.853-3.853,3.853c-0.22,0-4.487,0-4.487,0V3.238z M259.863,7.701h2.22
c0.683,0,1.219-0.537,1.219-1.22c0-0.658-0.536-1.219-1.219-1.219c-0.171,0-2.22,0-2.22,0V7.701z M259.863,13.407h2.439
c0.999,0,1.829-0.829,1.829-1.829c0-1.024-0.83-1.829-1.829-1.829c-0.391,0-2.439,0-2.439,0V13.407z"/>
<path d="M130.116,3.042c2.756,0,4.268,2.829,4.268,6.292s-1.512,6.291-4.268,6.291c-2.731,0-4.268-2.828-4.268-6.291
S127.385,3.042,130.116,3.042z M130.116,13.602c1.17,0,2.122-1.926,2.122-4.267c0-2.341-0.951-4.268-2.122-4.268
c-1.146,0-2.122,1.926-2.122,4.268C127.994,11.675,128.97,13.602,130.116,13.602z"/>
<path d="M146.575,15.431h-2.487l-2.927-4.072c-0.487,0-1.487,0-1.487,0v4.072h-2.049V3.238h3.878c2.219,0,4.048,1.829,4.048,4.072
c0,1.561-0.878,2.926-2.194,3.609L146.575,15.431z M143.526,7.31c0-1.122-0.902-2.048-2.023-2.048c-0.22,0-1.829,0-1.829,0v4.072
h1.829C142.624,9.334,143.526,8.407,143.526,7.31z"/>
<path d="M151.256,13.407h4.048v2.024h-6.096V3.238h2.048V13.407z"/>
<path d="M156.724,3.238h2.853c3.024,0,5.487,2.731,5.487,6.097c0,3.365-2.463,6.096-5.487,6.096c-0.269,0-2.853,0-2.853,0V3.238z
M158.771,13.407h0.805c1.78,0,3.243-1.829,3.243-4.072c0-2.244-1.463-4.072-3.243-4.072c-0.316,0-0.805,0-0.805,0V13.407z"/>
<path d="M200.331,3.238h2.854c3.023,0,5.487,2.731,5.487,6.097c0,3.365-2.464,6.096-5.487,6.096c-0.269,0-2.854,0-2.854,0V3.238z
M202.38,13.407h0.805c1.78,0,3.243-1.829,3.243-4.072c0-2.244-1.463-4.072-3.243-4.072c-0.316,0-0.805,0-0.805,0V13.407z"/>
<path d="M211.913,3.238h6.097v2.024h-4.048v2.438h4.048v2.048h-4.048v3.658h4.048v2.024h-6.097V3.238z"/>
<rect x="194.518" y="3.188" width="1.786" height="12.203"/>
<path style="fill-rule:evenodd;clip-rule:evenodd" d="M274.845,25.169c-0.659,0-1.251,0.238-1.699,0.693c-0.477,0.482-0.741,1.109-0.741,1.754
c0,0.646,0.252,1.244,0.714,1.713c0.469,0.477,1.074,0.734,1.727,0.734c0.639,0,1.258-0.258,1.74-0.729
c0.463-0.447,0.714-1.045,0.714-1.719c0-0.652-0.259-1.264-0.707-1.719C276.122,25.42,275.511,25.169,274.845,25.169z
M276.973,27.638c0,0.564-0.218,1.086-0.619,1.475c-0.421,0.408-0.944,0.625-1.522,0.625c-0.544,0-1.081-0.225-1.481-0.633
c-0.401-0.408-0.626-0.932-0.626-1.488s0.231-1.102,0.646-1.521c0.389-0.395,0.911-0.606,1.482-0.606
c0.585,0,1.107,0.217,1.517,0.633C276.762,26.515,276.973,27.046,276.973,27.638z M274.913,26.183h-1.047v2.773h0.522v-1.184
h0.518l0.563,1.184h0.585l-0.618-1.264c0.4-0.082,0.632-0.355,0.632-0.75C276.068,26.44,275.688,26.183,274.913,26.183z
M274.817,26.522c0.49,0,0.713,0.135,0.713,0.475c0,0.326-0.223,0.443-0.699,0.443h-0.442v-0.918H274.817z"/>
<path d="M93.451,0l1.056,6.42l-3.738,7.152c0,0-1.436-3.034-3.82-4.714c-2.009-1.416-3.318-1.723-5.364-1.301
c-2.628,0.542-5.608,3.685-6.908,7.559c-1.556,4.636-1.571,6.879-1.625,8.94c-0.087,3.304,0.434,5.256,0.434,5.256
s-2.27-4.199-2.249-10.349c0.015-4.389,0.704-8.371,2.736-12.299c1.787-3.454,4.443-5.526,6.8-5.77
c2.437-0.252,4.363,0.923,5.852,2.194c1.562,1.334,3.143,4.253,3.143,4.253L93.451,0z"/>
<path d="M93.911,36.329c0,0-1.653,2.953-2.682,4.091c-1.03,1.138-2.872,3.143-5.147,4.146c-2.275,1.001-3.468,1.191-5.716,0.975
c-2.246-0.216-4.334-1.517-5.066-2.06c-0.731-0.541-2.601-2.14-3.657-3.629c-1.057-1.49-2.709-4.471-2.709-4.471
s0.921,2.986,1.497,4.254c0.332,0.729,1.351,2.96,2.797,4.902c1.349,1.813,3.969,4.932,7.951,5.635
c3.982,0.705,6.719-1.083,7.396-1.517c0.677-0.433,2.104-1.628,3.007-2.594c0.943-1.009,1.835-2.296,2.33-3.067
c0.361-0.564,0.948-1.707,0.948-1.707L93.911,36.329z"/>
<path style="fill:#0C479D" d="M25.146,0.284l9.003,30.611l9.003-30.611h6.519L34.771,50.576h-0.621l-9.313-31.168l-9.314,31.168h-0.621
L0,0.284h6.519l9.003,30.611l6.085-20.614l-2.98-9.997H25.146z"/>
<path style="fill:#0C479D" d="M68.184,34.434c0,4.554-1.211,8.383-3.632,11.487c-2.422,3.104-5.558,4.655-9.407,4.655
c-2.898,0-5.423-0.921-7.576-2.763c-2.152-1.842-3.746-4.335-4.781-7.481l5.091-2.11c0.746,1.904,1.729,3.405,2.95,4.501
c1.221,1.097,2.659,1.645,4.315,1.645c1.738,0,3.208-0.972,4.409-2.917s1.801-4.284,1.801-7.017c0-3.022-0.642-5.36-1.925-7.017
c-1.491-1.945-3.83-2.918-7.017-2.918h-2.483v-2.98l8.693-15.026H48.128l-2.918,4.967h-1.862V0.284h24.215v3.042l-9.19,15.833
c3.229,1.036,5.671,2.919,7.326,5.652C67.354,27.542,68.184,30.749,68.184,34.434z"/>
<g>
<g>
<g>
<path d="M135.359,42.137h-4.523v1.736c0.018,0.145,0.018,0.249,0,0.313c-0.075,0.21-0.261,0.314-0.558,0.314
c-0.299,0-0.909-0.407-1.831-1.219c-0.922-0.814-1.382-1.357-1.382-1.631c0-0.146,0.093-0.272,0.278-0.385
c0.186-0.113,0.324-0.17,0.418-0.17h1.671v-3.802c0-0.337-0.105-0.602-0.318-0.794c-0.212-0.192-0.567-0.29-1.064-0.29
c-0.388,0-0.692,0.104-0.914,0.313s-0.332,0.503-0.332,0.886c0,0.271,0.067,0.552,0.202,0.838
c0.039,0.095,0.115,0.217,0.231,0.361h-1.27c-0.094-0.163-0.16-0.293-0.197-0.389c-0.151-0.323-0.226-0.59-0.226-0.799
c0-0.728,0.246-1.267,0.738-1.621c0.491-0.355,1.118-0.534,1.879-0.534c0.743,0,1.375,0.194,1.894,0.582
c0.52,0.387,0.78,0.887,0.78,1.499v3.75h4.523V42.137z M133.104,36.527h-1.116v-0.945h1.116V36.527z"/>
</g>
<g>
<path d="M139.753,36.527h-3.214v11.124h-1.404V36.527h-2.376v-0.945h6.995V36.527z"/>
</g>
<g>
<path d="M145.448,36.527h-3.215v11.124h-1.403V36.527h-2.376v-0.945h6.995V36.527z"/>
</g>
<g>
<path d="M156.204,36.527h-3.776v3.074c0,0.388-0.101,0.75-0.303,1.09c-0.205,0.34-0.556,0.614-1.056,0.822
c-0.259,0.114-0.514,0.198-0.763,0.253c-0.25,0.058-0.522,0.088-0.819,0.088c-0.352,0-0.646-0.042-0.888-0.128
c0.166,0.211,0.296,0.381,0.388,0.509c0.59,0.774,1.097,1.413,1.521,1.913c0.369,0.403,0.94,0.977,1.714,1.719
c0.24,0.227,0.572,0.541,0.996,0.945l-1.01,0.849c-0.628-0.6-1.307-1.285-2.036-2.061c-0.729-0.776-1.399-1.535-2.008-2.28
c-0.776-0.984-1.451-1.904-2.023-2.763c-0.203-0.289-0.434-0.653-0.692-1.092l1.082-0.701l1.082,1.649
c0.092,0.145,0.287,0.273,0.583,0.388c0.295,0.112,0.619,0.17,0.971,0.17c0.61,0,1.072-0.138,1.388-0.412
c0.313-0.273,0.471-0.634,0.471-1.087v-2.945h-6.875v-0.945h12.055V36.527z"/>
</g>
<g>
<path d="M163.116,36.527h-7.771v-0.945h7.771V36.527z M165.354,40.09h-5.216c-0.663,0-1.141,0.116-1.436,0.348
c-0.295,0.234-0.441,0.552-0.441,0.954c0,1.125,0.615,2.34,1.848,3.643c0.401,0.434,1.028,0.98,1.873,1.64l-0.886,0.796
c-0.939-0.708-1.642-1.304-2.101-1.789c-1.401-1.464-2.102-2.857-2.102-4.179c0-0.742,0.233-1.309,0.705-1.705
c0.47-0.393,1.092-0.592,1.866-0.592h5.889V40.09z"/>
</g>
<g>
<path d="M169.777,36.527h-3.214v11.124h-1.404V36.527h-2.377v-0.945h6.995V36.527z"/>
</g>
<g>
<path d="M175.486,36.527h-3.192v11.124h-1.404V36.527h-2.411v-0.945h2.391c-0.35-0.916-0.671-1.6-0.964-2.049
c-0.921-1.365-2.052-2.05-3.395-2.05c-0.625,0-1.09,0.17-1.393,0.507c-0.304,0.337-0.456,0.785-0.456,1.347
c0,0.546,0.145,1.099,0.432,1.66c0.091,0.177,0.235,0.4,0.433,0.674h-1.267c-0.221-0.291-0.378-0.533-0.47-0.727
c-0.33-0.612-0.495-1.154-0.495-1.622c0-0.921,0.284-1.613,0.856-2.08c0.571-0.468,1.345-0.704,2.321-0.704
c1.825,0,3.32,0.841,4.479,2.522c0.369,0.549,0.765,1.389,1.19,2.521h3.344V36.527z"/>
</g>
<g>
<path d="M184.403,44.03c-0.333,0.241-0.628,0.419-0.885,0.533c-0.776,0.357-1.635,0.537-2.574,0.537
c-1.551,0-2.755-0.447-3.613-1.342c-0.857-0.895-1.287-1.896-1.287-3.008c0.075,0.029,0.133,0.045,0.171,0.045
c0.316,0.074,0.57,0.112,0.758,0.112c0.729,0,1.29-0.145,1.684-0.438c0.466-0.337,0.701-0.861,0.701-1.571
c0-0.485-0.223-1.025-0.669-1.621c-0.148-0.194-0.371-0.444-0.669-0.751h-3.846v-0.945h8.172v0.945h-2.672
c0.242,0.322,0.419,0.589,0.531,0.798c0.371,0.646,0.555,1.196,0.555,1.646c0,1.066-0.514,1.856-1.545,2.372
c-0.334,0.161-0.858,0.322-1.577,0.484c0.185,0.531,0.378,0.926,0.579,1.182c0.627,0.806,1.539,1.208,2.737,1.208
c0.755,0,1.444-0.18,2.07-0.534c0.753-0.436,1.212-0.864,1.379-1.284V44.03z"/>
</g>
<g>
<path d="M188.993,36.527h-3.216v11.124h-1.404V36.527h-2.375v-0.945h6.995V36.527z"/>
</g>
<g>
<path d="M215.396,36.527h-8.921v3.529c0.221-0.279,0.424-0.483,0.607-0.614c0.57-0.41,1.252-0.614,2.041-0.614
c1.087,0,1.96,0.281,2.622,0.847c0.662,0.566,0.994,1.285,0.994,2.155c0,0.791-0.451,1.729-1.352,2.81
c-0.293,0.356-0.753,0.824-1.379,1.405l-1.158-0.73c0.549-0.468,0.95-0.858,1.206-1.166c0.804-0.924,1.207-1.742,1.207-2.456
c0-0.582-0.171-1.049-0.509-1.397c-0.341-0.349-0.831-0.521-1.473-0.521c-0.753,0-1.408,0.324-1.967,0.972
c-0.562,0.649-0.841,1.249-0.841,1.801v5.105h-1.403v-3.497c-0.238,0.191-0.442,0.333-0.605,0.429
c-0.57,0.303-1.179,0.453-1.818,0.453c-1.049,0-1.944-0.318-2.688-0.956c-0.744-0.634-1.115-1.405-1.115-2.308
s0.361-1.654,1.083-2.259c0.724-0.604,1.597-0.905,2.622-0.905c0.273,0,0.566,0.034,0.878,0.109
c0.092,0.015,0.22,0.051,0.385,0.11v1.07c-0.129-0.07-0.231-0.123-0.305-0.159c-0.294-0.124-0.57-0.187-0.829-0.187
c-0.664,0-1.232,0.21-1.713,0.632c-0.479,0.421-0.718,0.93-0.718,1.527c0,0.648,0.213,1.206,0.637,1.674
c0.426,0.472,0.98,0.704,1.665,0.704c0.628,0,1.164-0.168,1.606-0.507c0.61-0.469,0.916-0.886,0.916-1.259v-5.797h-8.172
v-0.945h18.496V36.527z"/>
</g>
<g>
<path d="M220.87,36.527h-3.216v11.124h-1.404V36.527h-2.375v-0.945h6.995V36.527z"/>
</g>
<g>
<path d="M229.798,44.03c-0.33,0.241-0.626,0.419-0.885,0.533c-0.773,0.357-1.633,0.537-2.572,0.537
c-1.551,0-2.755-0.447-3.611-1.342c-0.858-0.895-1.287-1.896-1.287-3.008c0.075,0.029,0.13,0.045,0.167,0.045
c0.32,0.074,0.572,0.112,0.76,0.112c0.729,0,1.29-0.145,1.684-0.438c0.468-0.337,0.701-0.861,0.701-1.571
c0-0.485-0.223-1.025-0.669-1.621c-0.15-0.194-0.371-0.444-0.668-0.751h-3.847v-0.945h8.172v0.945h-2.67
c0.242,0.322,0.417,0.589,0.527,0.798c0.371,0.646,0.559,1.196,0.559,1.646c0,1.066-0.518,1.856-1.549,2.372
c-0.33,0.161-0.856,0.322-1.577,0.484c0.186,0.531,0.378,0.926,0.583,1.182c0.626,0.806,1.539,1.208,2.735,1.208
c0.755,0,1.444-0.18,2.068-0.534c0.756-0.436,1.216-0.864,1.379-1.284V44.03z"/>
</g>
<g>
<path d="M234.388,36.527h-3.214v11.124h-1.404V36.527h-2.375v-0.945h6.993V36.527z"/>
</g>
<g>
<path d="M240.085,36.527h-3.216v11.124h-1.405V36.527h-2.375v-0.945h6.996V36.527z"/>
</g>
<g>
<path d="M238.137,31.033c-0.146-0.065-0.275-0.104-0.386-0.122c-0.331-0.081-0.68-0.119-1.048-0.119
c-0.514,0-0.931,0.135-1.253,0.402c-0.321,0.268-0.483,0.671-0.483,1.208c0,0.668,0.307,1.418,0.916,2.246
c0.203,0.263,0.508,0.604,0.913,1.028h-1.078c-0.148-0.05-0.497-0.455-1.051-1.215c-0.664-0.925-0.994-1.742-0.994-2.454
c0-0.794,0.304-1.368,0.909-1.727c0.496-0.291,1.158-0.436,1.983-0.436c0.403,0,0.79,0.046,1.156,0.141
c0.112,0.034,0.248,0.08,0.415,0.145V31.033z"/>
</g>
<g>
<path d="M251.558,36.527H239.78v-0.945h11.777V36.527z M252.608,40.539c-0.313,0.048-0.572,0.097-0.773,0.146
c-0.593,0.176-1.104,0.457-1.537,0.844c-0.435,0.384-0.807,0.842-1.122,1.37c-0.238,0.403-0.367,0.684-0.385,0.844
l-1.164-0.533l0.395-0.896l0.508-0.752c-0.13-0.274-0.518-0.572-1.161-0.897c-0.518-0.258-1.053-0.388-1.605-0.388
c-0.756,0-1.378,0.206-1.866,0.619c-0.488,0.411-0.733,0.965-0.733,1.659c0,1.099,0.756,2.115,2.263,3.052
c0.495,0.307,1.249,0.662,2.261,1.067l-0.664,1.04c-0.867,0-2.065-0.692-3.594-2.08c-1.09-0.984-1.633-2.033-1.633-3.146
c0-1.017,0.349-1.808,1.05-2.371c0.702-0.565,1.658-0.847,2.878-0.847c0.699,0,1.389,0.157,2.073,0.474
c0.681,0.319,1.171,0.665,1.466,1.037c0.184-0.145,0.332-0.25,0.44-0.313c0.37-0.243,0.664-0.411,0.886-0.51
c0.388-0.161,0.839-0.289,1.355-0.388c0.167-0.031,0.388-0.063,0.664-0.096V40.539z"/>
</g>
<g>
<path d="M257.114,36.527h-3.216v11.124h-1.402V36.527h-2.377v-0.945h6.995V36.527z"/>
</g>
<g>
<path d="M266.044,44.03c-0.332,0.241-0.627,0.419-0.886,0.533c-0.774,0.357-1.634,0.537-2.573,0.537
c-1.55,0-2.755-0.447-3.611-1.342c-0.858-0.895-1.287-1.896-1.287-3.008c0.075,0.029,0.131,0.045,0.169,0.045
c0.318,0.074,0.571,0.112,0.759,0.112c0.729,0,1.291-0.145,1.683-0.438c0.468-0.337,0.701-0.861,0.701-1.571
c0-0.485-0.222-1.025-0.668-1.621c-0.149-0.194-0.371-0.444-0.669-0.751h-3.846v-0.945h8.172v0.945h-2.669
c0.239,0.322,0.417,0.589,0.527,0.798c0.371,0.646,0.559,1.196,0.559,1.646c0,1.066-0.518,1.856-1.55,2.372
c-0.332,0.161-0.857,0.322-1.576,0.484c0.184,0.531,0.378,0.926,0.58,1.182c0.629,0.806,1.539,1.208,2.736,1.208
c0.756,0,1.443-0.18,2.07-0.534c0.754-0.436,1.214-0.864,1.379-1.284V44.03z"/>
</g>
<g>
<path d="M270.634,36.527h-3.214v11.124h-1.405V36.527h-2.376v-0.945h6.995V36.527z"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

BIN
zuul/graphics/face1.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
zuul/graphics/face2.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
zuul/graphics/face3.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 800 B

BIN
zuul/graphics/face4.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 846 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 B

BIN
zuul/graphics/fold-dim.bmp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

BIN
zuul/graphics/fold-dim.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

BIN
zuul/graphics/fold.bmp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

BIN
zuul/graphics/fold.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

BIN
zuul/graphics/icon-blue.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 B

BIN
zuul/graphics/keys2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 B

BIN
zuul/graphics/nofold.bmp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 B

BIN
zuul/graphics/unfold.bmp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

BIN
zuul/graphics/unfold.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 45" xmlns:xlink="http://www.w3.org/1999/xlink">
<a xlink:href="http://www.w3.org">
<desc>W3C logo</desc>
<rect width="103" height="65" fill="#90A7D0" x="-10" y="-10"/>
<g transform="translate(2,2)">
<path d="M74.5,.2l0.8,5.1l-3,5.6c0,0-1.13-2.39-3-3.7 c-1.6-1.1-2.6-1.4-4.2-1 c-2.1,0.4-4.4,2.9-5.4,5.9 c-1.2,3.6-1.2,5.4-1.3,7c-0.07,2.6,0.3,4.14,0.3,4.1 s-1.8-3.3-1.8-8.1c0.01-3.5,0.6-6.6,2.2-9.7 c1.41-2.7,3.5-4.4,5.4-4.5 c1.9-0.2,3.4,0.7,4.6,1.7 c1.2,1,2.5,3.3,2.5,3.4z"/>
<path d="M74.9,28.8c0,0-1.3,2.3-2.1,3.2c-.8.9-2.3,2.5-4.1,3.3 c-1.8.8-2.7.9-4.5,0.8 c-1.8-.2-3.4-1.2-4-1.6s-2-1.7-2.9-2.9 c-.8-1.2-2.1-3.5-2.1-3.5 s.7,2.4,1.2,3.3c.3.6,1.1,2.3,2.2,3.9c1.1,1.4,3.1,3.9,6.3,4.4 c3.1,.6,5.3-.9,5.8-1.2c.5-.3,1.7-1.3,2.4-2.1 c.7-.8,1.4-1.8,1.8-2.4c.3-.4,0.7-1.3.7-1.3z"/>
<path fill="#0C479D" d="M20.7,0.43l7.1,24.1l7.1-24.1 h5.1l-11.7,39.6h-.5l-7.35-24.5l-7.35,24.5h-.5l-11.7-39.6h5.1l7.1,24.1l4.8-16.2l-2.3-7.9z"/>
<path fill="#0C479D" d="M54.6,27.3c0,3.6-1,6.6-2.9,9 c-1.9,2.4-4.4,3.7-7.4,3.7 c-2.3,0-4.3-0.7-5.9-2.2 c-1.7-1.4-2.9-3.4-3.8-5.9l4-1.7c.6,1.5,1.4,2.7,2.3,3.5 c1,.9,2.1,1.3,3.4,1.3c1.4,0,2.5-.8,3.5-2.3 c.9-1.5,1.4-3.4,1.4-5.5 c0-2.4-.5-4.2-1.5-5.5 c-1.2-1.5-3-2.3-5.5-2.3h-2v-2.3l6.8-11.8h-8.2l-2.3,3.9 h-1.5v-8.7h19.1v2.4l-7.2,12.5c2.5.8,4.5,2.3,5.8,4.4 c1.3,2.1,2,4.7,1.9,7.5z"/>
<text x="78" y="10" font-size="13" font-family="sans-serif">&#174;</text>
</g>
</a>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 793 B

View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 45" xmlns:xlink="http://www.w3.org/1999/xlink">
<a xlink:href="http://www.w3.org">
<desc>W3C logo</desc>
<rect width="103" height="65" fill="#728ec2" x="-10" y="-10"/>
<g transform="translate(2,2)">
<path fill="#FFFFFF" d="M74.5,.2l0.8,5.1l-3,5.6c0,0-1.13-2.39-3-3.7 c-1.6-1.1-2.6-1.4-4.2-1 c-2.1,0.4-4.4,2.9-5.4,5.9 c-1.2,3.6-1.2,5.4-1.3,7c-0.07,2.6,0.3,4.14,0.3,4.1 s-1.8-3.3-1.8-8.1c0.01-3.5,0.6-6.6,2.2-9.7 c1.41-2.7,3.5-4.4,5.4-4.5 c1.9-0.2,3.4,0.7,4.6,1.7 c1.2,1,2.5,3.3,2.5,3.4z"/>
<path fill="#FFFFFF" d="M74.9,28.8c0,0-1.3,2.3-2.1,3.2c-.8.9-2.3,2.5-4.1,3.3 c-1.8.8-2.7.9-4.5,0.8 c-1.8-.2-3.4-1.2-4-1.6s-2-1.7-2.9-2.9 c-.8-1.2-2.1-3.5-2.1-3.5 s.7,2.4,1.2,3.3c.3.6,1.1,2.3,2.2,3.9c1.1,1.4,3.1,3.9,6.3,4.4 c3.1,.6,5.3-.9,5.8-1.2c.5-.3,1.7-1.3,2.4-2.1 c.7-.8,1.4-1.8,1.8-2.4c.3-.4,0.7-1.3.7-1.3z"/>
<path fill="#FFFFFF" d="M20.7,0.43l7.1,24.1l7.1-24.1 h5.1l-11.7,39.6h-.5l-7.35-24.5l-7.35,24.5h-.5l-11.7-39.6h5.1l7.1,24.1l4.8-16.2l-2.3-7.9z"/>
<path fill="#FFFFFF" d="M54.6,27.3c0,3.6-1,6.6-2.9,9 c-1.9,2.4-4.4,3.7-7.4,3.7 c-2.3,0-4.3-0.7-5.9-2.2 c-1.7-1.4-2.9-3.4-3.8-5.9l4-1.7c.6,1.5,1.4,2.7,2.3,3.5 c1,.9,2.1,1.3,3.4,1.3c1.4,0,2.5-.8,3.5-2.3 c.9-1.5,1.4-3.4,1.4-5.5 c0-2.4-.5-4.2-1.5-5.5 c-1.2-1.5-3-2.3-5.5-2.3h-2v-2.3l6.8-11.8h-8.2l-2.3,3.9 h-1.5v-8.7h19.1v2.4l-7.2,12.5c2.5.8,4.5,2.3,5.8,4.4 c1.3,2.1,2,4.7,1.9,7.5z"/>
<text x="78" y="10" font-size="13" font-family="sans-serif">&#174;</text>
</g>
</a>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

28
zuul/help/.htaccess Normal file
View File

@ -0,0 +1,28 @@
Options +MultiViews
LanguagePriority en
AddLanguage pt-br .pt-br
<Files ~ "*.html">
ForceType 'text/html; charset=utf-8'
</Files>
<Files ~ "*.xhtml">
ForceType 'application/xhtml+xml; charset=utf-8'
</Files>
<Files ~ *.css">
ForceType 'text/css; charset=utf-8'
</Files>
<Files ~ "*.js">
ForceType 'text/javascript; charset=utf-8'
</Files>
mkdir

80
zuul/help/help.html Normal file
View File

@ -0,0 +1,80 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<title>Slide Show Help</title><style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Slide Show Help</h1>
<p>This slide show can be driven in the same way as Power Point.
To advance to the next slide click pretty much anywhere on the
page with the mouse, or press the space bar. You can move forwards
or backwards through the slides with the Cursor left, Cursor
right, Pg Up and Pg Dn keys. The font size is automatically
adjusted to match the browser's window width, but you can also
adjust it manually using the "S" key for smaller and the "B" key
for bigger. You can also use the "&lt;" and "&gt;" keys. Use the
"F" key to switch off/on the bottom status line. The "K" key
toggles the use of mouse click to advance to the next slide. You
can use "C" to show the table of contents and any other key to
hide it. Use the "F11" key to toggle the browser's full screen
mode. Note that not all keys are supported in all browsers, as
browsers may reserve some keys for browser control and this varies
from one browser to the next.</p>
<p>Firefox users may want the <a
href="http://www.krickelkrackel.de/autohide/">autohide</a>
extension to hide the toolbars when entering full screen with F11.
Newer versions of Firefox have built-in support for SVG, but on older
versions for Microsoft Widows, you should consider installing the <a
href="http://plugindoc.mozdev.org/windows.html">Adobe SVG Viewer
6.0</a>.</p>
<p>If you would like to see how Slidy works, use View Source to view
the XHTML markup, or see this <a
href="http://www.w3.org/Talks/Tools/Slidy/">longer explanation</a>,
which also explains additional features. Each slide is marked up as
a div element with class="slide". CSS positioning and percentage
widths on images can be used to ensure your image rich slides scale
to match the window size. Content to be revealed incrementally can
be marked up with class="incremental". The linked style sheet and
scripts were developed as a Web-based alternative to proprietary
presentation tools and have been tested on a variety of recent
browsers. Integrated editing support is under development. Please
send your comments to <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
If you find Slidy useful, you may want to consider becoming a
<a href="http://www.w3.org/Consortium/sup">W3C Supporter</a>.</p>
<p><em>You are welcome to make use of the slide show style sheets,
scripts and help file under W3C's <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
and <a href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules.</em></p>
<button id="back" onclick="history.go(-1)">Return to slide show</button>
<hr>
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body></html>

52
zuul/help/help.html.ca Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="ca" lang="ca">
<head>
<title>Ajuda del presentador de diapositives</title><style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Ajuda del presentador de diapositives</h1>
<p>Per avançar a la pròxima diapositiva només cal fer clic amb el ratolí en qualsevol lloc de la pàgina o bé prémer la barra despaidora.
Es pot anar endavant i endarrere per les diapositives amb les tecles "cursor esquerra" i "cursor dreta", "RePàg" i "AvPàg". El tamany de font de les lletres sajusta automàticament a lamplada de la pantalla, però també es pot ajustar manualment fent servir la “S” per fer-la mes petita (Smaller) i la “B” per fer-la mes gran (“Bigger”),també es poden fer servir les tecles "&lt;" i "&gt;".
La tecla “F” fa aparèixer/desaparèixer el menú de la línia de estat a la part de sota.
Amb la tecla “K” shabilita/deshabilita lús del ratolí per avançar a la pròxima diapositiva. La tecla “C” mostra la taula de continguts, amb qualsevol altra tecla la podem amagar.
La tecla “F11” serveix per entrar/sortir en el mode pantalla completa del navegador, la tecla “H” dona accés a aquesta pàgina.
Cal notar que no totes les tecles estan suportades en tots els navegadors donat que els navegadors poden reservar algunes tecles per el control de navegació i aquestes varien dun navegador a un altre.</p>
<p>Es recomana als usuaris de Firefox que instal•lin la extensió d<a href="http://www.krickelkrackel.de/autohide/">autoamagar</a> per amagar les barres deines en entrar al mode pantalla completa. </p>
<p>Si vol saber com funciona Slidy, feu servir “Veure el codi font” per veure el codi XHTML o vegi aquesta <a
href="http://www.w3.org/Talks/Tools/Slidy/">explicació més llarga.</a>, que també explica característiques addicionals. Cada diapositiva està marcada com element div amb classe “slide”. Es fa servir posicionament CSS i amplades per percentatge a les imatges per assegurar-se de que les vostres diapositives riques en imatges sajustin perfectament a la grandària de la finestra. El contingut que sha de revelar incrementalment es pot marcar amb la classe “incremental”. La fulla destils adjunta i els scripts es van desenvolupar com una alternativa basada en Web a les eines de presentació propietàries i shan provat en una gran varietat de navegadors actuals. Sestà desenvolupant un sistema dedició integrada. Si us plau envieu els vostres comentaris a : <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
Si trobeu Slidy útil podeu considerar <a href="http://www.w3.org/Consortium/sup">ajudar al W3C</a>.</p>
<p><em>Sou benvingut a fer servir el presentador de diapositives, les fulles destil , scripts i el fitxer dajuda sota les condicions d <a href="http://www.w3.org/Consortium/Legal/copyright-documents">ùs de document</a> del W3C I les normes
<a href="http://www.w3.org/Consortium/Legal/copyright-software">llicència de software</a>.</em></p>
<button id="back" onclick="history.go(-1)">Tornar a la presentació de diapositives </button>
<hr />
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

96
zuul/help/help.html.de Normal file
View File

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="de" lang="de">
<head>
<!-- translated by Beat Vontobel -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slide Show Help</title>
<style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Hilfe für die HTML-Slidy-Präsentation</h1>
<p>Diese Präsentation wird wie Power Point kontrolliert: Klicken
Sie mit der Maus irgendwo ins Bild, um zur nächsten Seite zu
schalten, oder drücken Sie die Leertaste. Sie können ebenfalls
mit den Cursor-Tasten (links/rechts) oder den Tasten für Seite
auf und ab vorwärts und rückwärts durch die Präsentation
navigieren. Die Schriftgrösse wird automatisch so angepasst, dass
Sie zur Fensterbreite des Browsers passt, sie kann aber auch
manuell mit den Tasten "s" (kleiner) und "b" (grösser)
kontrolliert werden (oder mit der Taste "&lt;" bzw. "&gt;"). Die
Statuszeile am unteren Rand des Fensters wird mit "f" ein- und
ausgeschaltet. Die Taste "k" schaltet die Funktion des Mausklicks
zum Kontrollieren der Präsentation ein und aus. Sie können mit
"c" ein Inhaltsverzeichnis ein- und mit einer beliebigen anderen
Taste wieder ausblenden. Mit "F11" können Sie (je nach Browser)
den Vollbildmodus aktivieren. Die Taste "h" zeigt diesen Hilfetext
an. Es ist zu bemerken, dass nicht alle diese Tasten in jedem
Browser funktionieren, da sie zum Teil mit anderen Funktionen
belegt sind.</p>
<p>Firefox-Benutzer können die <a
href="http://www.krickelkrackel.de/autohide/">autohide</a>-Erweiterung
installieren, um die Werkzeugleiste im Vollbildmodus auszublenden.</p>
<p>Wenn Sie wissen möchten, wie Slidy funktioniert, schauen Sie sich
den XHTML-Quellcode der Seite an oder lesen diese etwas <a
href="http://www.w3.org/Talks/Tools/Slidy/">längere Erklärung</a>
(in Englisch), die auch weitere Funktionen erläutert. Jede einzelne
Folie ist als ein <code>div</code>-Element mit <code>class="slide"</code>
markiert. CSS-Positionierung und prozentuale Breitenangaben für Bilder
können benutzt werden, um sicherzustellen, dass die Folien bei
verschiedenen Fenstergrössen optimal dargestellt werden. Der Inhalt
auf Folien kann schrittweise angezeigt werden, indem den Elementen
<code>class="incremental"</code> zugewiesen wird. Das eingebundene
Style Sheet und die Skripten wurden als web-basierte Alternative zu
proprietären Programmen entwickelt. Sie wurden auf verschiedensten
aktuellen Browsern getestet. Ein eingebauter Editor für die Folien
ist in Entwicklung. Bitte senden Sie Kommentare an <a
href="http://www.w3.org/People/Raggett/">Dave Raggett</a> &lt;<a
href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;. Wenn Sie Slidy
nützlich finden, möchten Sie vielleicht ein <a
href="http://www.w3.org/Consortium/sup">W3C Supporter</a> werden.</p>
<p><em>Die Style Sheets, die Skripten der Präsentation und die
zugehörigen Texte sind frei zur Benutzung unter den Bedingungen
der W3C-Lizenzen <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document
use</a> und <a href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a>.</em></p>
<button id="back" onclick="history.go(-1)">Zur Präsentation
zurückkehren</button>
<hr/>
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2006
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a> rules apply.</p>
</body>
</html>

81
zuul/help/help.html.en Normal file
View File

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Slide Show Help</title>
<style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Slide Show Help</h1>
<p>This slide show can be driven in the same way as Power Point.
To advance to the next slide click pretty much anywhere on the
page with the mouse, or press the space bar. You can move forwards
or backwards through the slides with the Cursor left, Cursor
right, Pg Up and Pg Dn keys. The font size is automatically
adjusted to match the browser's window width, but you can also
adjust it manually using the "S" key for smaller and the "B" key
for bigger. You can also use the "&lt;" and "&gt;" keys. Use the
"F" key to switch off/on the bottom status line. The "K" key
toggles the use of mouse click to advance to the next slide. You
can use "C" to show the table of contents and any other key to
hide it. Press the "H" key to view this page. Use the "F11" key to
toggle the browser's full screen mode. Note that not all keys are
supported in all browsers, as browsers may reserve some keys for
browser control and this varies from one browser to the next.</p>
<p>Firefox users may want the <a
href="http://www.krickelkrackel.de/autohide/">autohide</a>
extension to hide the toolbars when entering full screen with F11.</p>
<p>If you would like to see how Slidy works, use View Source to view
the XHTML markup, or see this <a
href="http://www.w3.org/Talks/Tools/Slidy/">longer explanation</a>,
which also explains additional features. Each slide is marked up as
a div element with class="slide". CSS positioning and percentage
widths on images can be used to ensure your image rich slides scale
to match the window size. Content to be revealed incrementally can
be marked up with class="incremental". The linked style sheet and
scripts were developed as a Web-based alternative to proprietary
presentation tools and have been tested on a variety of recent
browsers. Integrated editing support is under development. Please
send your comments to <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
If you find Slidy useful, you may want to consider becoming a
<a href="http://www.w3.org/Consortium/sup">W3C Supporter</a>.</p>
<p><em>You are welcome to make use of the slide show style sheets,
scripts and help file under W3C's <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
and <a href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules.</em></p>
<button id="back" onclick="history.go(-1)">Return to slide show</button>
<hr />
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

52
zuul/help/help.html.es Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="es" lang="es">
<head>
<!-- Traducida por Emmanuelle Gutiérrez y Restrepo - Fundación Sidar -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ayuda de Slidy</title>
<style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Ayuda de "<span lang="en">Slidy</span>"</h1>
<p>Esta presentación puede manejarse igual que una presentación hecha con Power Point.
Para avanzar a la siguiente página o diapositiva haga clic con el ratón en cualquier parte de la página, o pulse la barra espaciadora. Puede moverse adelante y atrás entre las diapositivas con las teclas de flecha izquierda, derecha, retroceso de página (Re Pag) o avance de página (Av Pag). El tamaño de fuente se ajusta automáticamente para encajar en el ancho de la ventana del navegador, pero puede ajustarlo manualmente utilizando la tecla "S" para reducirlo y la tecla "B" para aumentarlo. También puede usar las teclas "&lt;" y "&gt;". Use la tecla "F" para presentar u ocultar la línea de estado en la parte inferior. La tecla "K" habilita o deshabilita el uso del ratón para avanzar a la siguiente diapositiva. Puede usar la tecla "C" para mostrar la tabla de contenidos o índice, y cualquier otra tecla para esconderla. Use la tecla de función "F11" para conmutar la vista a toda pantalla del navegador. Tenga en cuenta que no todas las teclas están igualmente soportadas en todos los navegadores, ya que los navegadores pueden tener reservado el uso de algunas teclas para controles del navegador, y esto puede variar de un navegador a otro.</p>
<p>Los usuarios de Firefox pueden desear instalar la extensión <a href="http://www.krickelkrackel.de/autohide/" lang="en">"autohide"</a>
para ocultar las barras de herramientas cuando utilizan la función F11 para el modo a toda pantalla.</p>
<p>Si desea saber cómo funciona Slidy, utilice la Vista de Código para ver el marcado XHML, o vea esta <a href="http://www.w3.org/Talks/Tools/Slidy/">explicación extensa</a>,
que expone otras características adicionales. Cada diapositiva está marcada con un elemento div con la clase class="slide". Puede usarse posicionamiento y anchos en porcentajes para las imágenes, mediante CSS, para garantizar que la imagen alcance el tamaño de la diapositiva de acuerdo con el tamaño de la ventana. El contenido que se desee presentar paulatinamente puede marcarse con la clase class="incremental". La hoja de estilos y el script enlazado fueron desarrollados como una alternativa, basada en la Web, a las herramientas propietarias de presentación, y han sido probados en una variedad de navegadores recientes. Se está desarrollando un editor integrado. Envie sus comentarios, por favor, a <a href="http://www.w3.org/People/Raggett/" lang="en">Dave Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.</p>
<p><em>Usted puede utilizar las hojas de estilo, scripts, y el fichero de ayuda; siempre que siga las normas de <a href="http://www.w3.org/Consortium/Legal/copyright-documents">uso de documentos</a> y <a href="http://www.w3.org/Consortium/Legal/copyright-software">licencia de software</a> del W3C.</em></p>
<button id="back" onclick="history.go(-1)">Volver a la presentación</button>
<hr />
<p class="copyright" lang="en"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

118
zuul/help/help.html.fr Normal file
View File

@ -0,0 +1,118 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="fr" lang="fr-FR">
<head>
<title>Aide de Slide Show</title><style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Aide de Slide Show</h1>
<p>Cet exposé Slide Show peut être utilisé de la même manière que Powerpoint.
Pour avancer au prochain transparent, cliquez n'importe où sur la page avec la
souris ou appuyez sur la barre d'espace. Vous pouvez naviguer entre
les transparents avec les flèches gauche/droite ainsi que les touches Pg Up et
Pg Dn.
La taille de la police s'adapte automatiquement à la largeur de la fenêtre
du navigateur, mais vous pouvez aussi l'ajuster manuellement en utilisant les
touches "S" (small) pour la diminuer et "B" (big) pour l'augmenter. Vous
pouvez aussi utiliser les touches "&lt;" et "&gt;".
Utilisez la touche "F" pour afficher ou non le statut en pied-de-page.
La touche "K" active l'utilisation du clic de souris pour avancer au prochain transparent.
Vous pouvez utiliser "T" pour afficher la table des matières et n'importe quelle autre touche
pour la cacher.
Les utilisateurs de Windows peuvent utiliser la touche "F11" pour activer le mode plein écran
du navigateur. Appuyez sur la touche "H" pour obtenir cette page. À noter que certaines touches
peuvent ne pas fonctionner avec certains navigateurs car elles sont réservées pour son contrôle.
De plus, cela peut varier d'un navigateur à l'autre.</p>
<p>Les utilisateurs de Firefox peuvent installer l'extension <a
href="http://www.krickelkrackel.de/autohide/">autohide</a>
pour cacher les barres d'outils lorsque le mode plein écran est activé
avec la touche F11.</p>
<p>Si vous voulez voir comment Slidy fonctionne, affichez le code source de la page
pour voir le balisage XHTML, ou lisez cette <a
href="http://www.w3.org/Talks/Tools/Slidy/">explication plus complète</a> (en anglais),
qui explique aussi des fonctionnalités additionnelles.
Chaque transparent est balisé par un élément div avec l'attribut class="slide".
Il est aussi possible d'utiliser le positionnement CSS ainsi que la largeur en pourcentage
pour s'assurer que vos images soient à l'échelle du transparent et correspondent ainsi à la taille
de la fenêtre. Le contenu devant s'afficher progressivement doit être marqué par l'attribut
class="incremental".
La feuille de style reliée ainsi que les scripts ont été développés comme alternative Web
aux outils de présentation propriétaires et ont été testés sur un large panel de navigateurs récents.
Le support intégré pour l'édition est en cours de développement. Envoyez vos commentaires
(en anglais) à <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
Si vous trouvez Slidy utile, vous pouvez également devenir
<a href="http://www.w3.org/Consortium/sup">Supporter du W3C</a>.</p>
<p><em>Veuillez utilisez les feuilles de style, scripts et fichiers d'aide
en suivant le <a href="http://www.w3.org/Consortium/Legal/copyright-documents">copyright</a>
et la <a href="http://www.w3.org/Consortium/Legal/copyright-software">licence</a> du W3C.</em></p>
<button id="back" onclick="history.go(-1)">Retour à l'exposé</button>
<hr />
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

98
zuul/help/help.html.hu Normal file
View File

@ -0,0 +1,98 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Segítség a bemutatóhoz</title>
<style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Segítség a bemutatóhoz</h1>
<p>Ezt a bemutatót a Power Point-hoz hasonlóan lehet vezérelni.
A következő oldalra való lépéshez kattintson bárhova az aktuális
oldalon belül, vagy nyomja le a szóköz billentyűt. Az oldalak között
a bal és jobb nyíl, illetve a Page Up és Page Down billentyűkkel mozoghat.
A szöveg mérete automatikusan kerül beállításra úgy, hogy igazodjon
a böngésző ablakának szélességéhez, viszont az "S" billentyűvel
csökkentheti, a "B"-vel növelheti azt. Ugyanerre használhatja a "&lt;"
és a "&gt;" billentyűket is.
Az "F" billentyűvel be- és
kikapcsolhatja az alsó állapotsor megjelenítését. A "K" billentyűvel
letilthatja, illetve engedélyezheti, hogy egérkattintással a következő
oldalra lehessen lépni. A "C" billentyűvel megjelenítheti, bármely másikkal
pedig eltűntetheti a tartalomjegyzéket. Az "F11" billenytűvel válthat át
a böngésző teljes képernyős üzemmódjára, vagy jöhet onnan vissza.
Megjegyezzük, hogy nem minden billentyű támogatott minden böngészőben,
mivel a böngészők lefoglalhatnak néhány (böngészőnként eltérő) billentyűt
a saját vezérlésükre.
</p>
<p>A Firefox felhasználóknak hasznos lehet az
<a href="http://www.krickelkrackel.de/autohide/">autohide</a>
bővítmény, amivel elrejthetők az eszköztárak teljes képernyős üzemmódban.
</p>
<p>Ha szeretné látni, hogyan működik a Slidy, nézze meg az oldal
forrásában az XHTML jelölésmódot, vagy nézze meg ezt a
<a href="http://www.w3.org/Talks/Tools/Slidy/">hosszabb magyarázatot</a>,
ami további funkciókat is bemutat. Minden oldalt egy olyan div elem jelöl,
amiben be van állítva, hogy class="slide". A képek CSS-sel történő
pozicionálása és szélességüknek százalékban való megadása biztosítja,
hogy a sok képet tartalmazó oldalak az ablak méretének megfelelően
skálázódjanak. Az oldalon belül egymás után megjelenítendő tartalom a
class="incremental" megadásával jelölhető. A becsatolt stíluslapok és
scriptek a védjegyzett/szabadalmaztatott/más módon védett
bemutató-megjelenítő eszközök web-alapú alternatívájaként lettek
fejlesztve, és sok, manapság használatos böngészővel tesztelve.
Az integrált szerkesztési lehetőség jelenleg fejlesztés alatt áll.
Észrevételeit a következő helyre küldje:
<a href="http://www.w3.org/People/Raggett/">Dave Raggett</a>
&lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
</p>
<p>
<em>Ön jogosult az e bemutatóhoz tartozó stíluslapok, scriptek és
segítség fájl használatára, amennyiben betartja a W3C
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
dokumentum használati</a> és
<a href="http://www.w3.org/Consortium/Legal/copyright-software">
szoftver licencelési</a> szabályait.
</em>
</p>
<button id="back" onclick="history.go(-1)">Visszatérés a bemutatóhoz</button>
<hr>
<p class="copyright">
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="http://www.w3.org/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a>
<sup>&reg;</sup>
(<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), minden jog fenntartva. A következő W3C szabályok alkalmazandók:
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">felelősségi</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">védjegy</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">dokumentum használati</a> és
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">szoftver licencelési</a>.
</p>
</body>
</html>

82
zuul/help/help.html.nl Normal file
View File

@ -0,0 +1,82 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="es" lang="es">
<head>
<!-- translated by Ruud Steltenpool -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slidy Help</title>
<style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1><span lang="en">Slidy</span> Help</h1>
<!-- Sheetpresentatie help -->
<p>Deze sheetpresentatie kan op dezelfde manier worden aangestuurd als
Powerpoint. Klik op een willekeurige plaats op de pagina met de muis, of
druk op de spatiebalk om naar de volgende sheet te gaan. Je kan voor- of
achterwaarts door de sheets bewegen mbv de links/rechts cursor- en de Page
Up en Page Down toetsen. De lettergrootte wordt automatisch aangepast aan
de breedte van het venster, maar je kunt 'm ook handmatig aanpassen met
"S" en "&lt;" voor kleiner en "B" en "&gt;" voor groter. Gebruik de
"F" om de status aan de onderkant aan/uit te schakelen. De "K" zorgt
ervoor dat een muisklik je niet meer, of wel weer naar de volgende sheet
brengt. Je kan de "C" gebruiken om het inhoudsoverzicht op te roepen, en
een willekeurige andere toets om 'm weer te verbergen. Gebruik "F11" om de
"volledig scherm" modus aan /uit te schakelen. Merk op dat niet alle
toetsen in iedere browser worden ondersteund, omdat sommige browsers
toetsen gebruiken voor besturing van de browser zelf. Dit varieert zelfs
tussen versies van dezelfde browser.</p>
<p>Firefox gebruikers willen wellicht de <a href="http://www.krickelkrackel.de/autohide/" lang="en">"autohide"</a> extension gebruiken om
werkbalken te verbergen wanneer "volledig scherm" wordt aangeroepen met
"F11".</p>
<p>Als u wilt zien hoe Slidy werkt, gebruik Bron Bekijken om de XHTML opmaak
te bekijken, of bekijk deze <a href="http://www.w3.org/Talks/Tools/Slidy/">langere uitleg</a>, die ook extra functionaliteit
uitlegt. Elke sheet is in de opmaak genoteerd als een div element met
class="slide". CSS positionering and procentuele breedtes op afbeeldingen
kunnen worden gebruikt om te verzekeren dat uw afbeeldingrijke sheets
schalen naar de vensterbreedte. Inhoud kan stapsgewijs zichtbaar worden
gemaakt met behulp van class="incremental". Het gelinkte stijlblad en de
gelinkte scripts zijn ontwikkeld als een Web-gebaseerd alternatief voor
gesloten presentatie programma's en zijn getest op een variëteit van
recente browsers. Geintegreerde ondersteuning voor (inhoud)aanpassing
wordt ontwikkeld. Zend uw opmerkingen aub naar <a href="http://www.w3.org/People/Raggett/" lang="en">Dave Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;
Als u Slidy bruikbaar vindt, wilt u wellicht overwegen W3C donateur te
worden.</p>
<p>U bent welkom om gebruik te maken van de stijlbladen, scripts en dit
helpbestand onder de regels van W3C's <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> (document gebruik) en
<a href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a> (software licenties)</p>
<button id="back" onclick="history.go(-1)">Rerugkeer naar sheetpresentatie</button>
<hr />
<p class="copyright" lang="en"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2006
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

76
zuul/help/help.html.pl Normal file
View File

@ -0,0 +1,76 @@
<?xml version="1.0" encoding="utf-8"?>
<!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"" xml:lang="pl" lang="pl">
<head>
<!-- translated by Krzysztof Kotowicz - koto@webworkers.pl -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slidy - pomoc</title>
<style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1><span lang="en">Slidy</span> - pomoc</h1>
<p>Prezentacją steruje się tak samo, jak w Powerpoincie.
Aby przejść do następnego slajdu, kliknij w dowolnym miejscu prezentacji myszą
lub naciśnij spację. Możesz też poruszać się w przód / tył używając klawiszy
kursora (lewo / prawo) lub klawiszy Pg Up / Pg Dn. Rozmiar czcionki jest
dobierany automatycznie tak, żeby mieścił się w obszarze przeglądarki,
ale możesz także dostosować go ręcznie naciskając klawisze "S", aby pomniejszyć
tekst i "B", aby go powiększyć. Możesz do tego celu także użyć klawiszy "&lt;"
i "&gt;". Użyj klawisza "F" aby
ukryć / pokazać dolny pasek statusu. Klawisz "K" włącza / wyłącza tryb przechodzenia
do następnego slajdu po kliknięciu myszką. Możesz użyć klawisza "C", żeby pokazać
spis treści i dowolnego innego, żeby go ukryć. Klawisz
"F11" włącza tryb pełnoekranowy przeglądarki. Pamiętaj, że nie wszystkie klawisze
obsługiwane we wszystkich przeglądarkach, gdyż niektóre z nich rezerwują
konkretne klawisze do własnych celów, wszystko to zależy od używanej przeglądarki.</p>
<p>Jeśli używasz Firefoxa, zwróć uwagę na rozszerzenie <a
href="http://www.krickelkrackel.de/autohide/">autohide</a>, dzięki któremu
możesz ukryć paski narzędziowe w trybie pełnoekranowym (F11).</p>
<p>Jeśli chcesz dowiedzieć się, w jaki sposób działa Slidy, obejrzyj źródło strony prezentacji, żeby
zobaczyć użyty XHTML lub zapoznaj się z <a
href="http://www.w3.org/Talks/Tools/Slidy/">prezentacją działania</a>, która omawia
wszystkie dodatkowe funkcje. Każdy slajd jest reprezentowany przez element div o klasie "slide".
Pozycjonowanie CSS i użycie procentowych szerokości obrazków zapewni, że
Twoje slajdy będą poprawnie wyświetlane w każdej skali.
Zawartości slajdu, które mają być stopniowo odsłaniane oznacz klasą "incremental".
Powiązany arkusz stylów CSS i skrypt zostały stworzone jako sieciowa
alternatywa dla komercyjnych narzędzi prezentacyjnych. Całość została
przetestowana na różnorodnych współczesnych przeglądarkach.
Na etapie tworzenia jest aplikacja do zintegrowanego tworzenia i edycji prezentacji.
Wszystkie komentarze prosimy kierować do <a href="http://www.w3.org/People/Raggett/">Dave'a
Raggetta</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.</p>
<p><em>Zachęcamy do używania arkuszy stylów, skryptów i pliku pomocy na warunkach licencyjnych dotyczących <a href="http://www.w3.org/Consortium/Legal/copyright-documents">dokumentów</a>
i <a href="http://www.w3.org/Consortium/Legal/copyright-software">oprogramowania</a> W3C</em></p>
<button id="back" onclick="history.go(-1)">Powróć do pokazu slajdów</button>
<hr>
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body></html>

95
zuul/help/help.html.pt-br Normal file
View File

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en-US">
<head>
<title>Slide Show Help</title><style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Ajuda do Slide Show</h1>
<p>Este slide show pode ser tocado do jeito do Power Point.
Para avançar ao próximo eslaide, clique em qualquer ponto
da página com o botão direito do mouse. Ou então use a
barra de espaços. Também se pode movimentar para frente ou
para trás com as teclas do cursor -- setinhas para a
direita, para a esquerda, para cima e para baixo. E ainda
com as teclas Page Up e Page Down. O tamanho da fonte é
automaticamente ajustado à largura da janela do navegador,
mas esse ajuste pode ser manual, usando as teclas "S"
(de "smaller") para diminuir o tamanho, e "B" (de "bigger")
para aumentar. Igualmente se pode usar as teclas "&lt;" e
"&gt;". Use
a tecla "F" para alternar entre desativada e ativada a
linha de status no rodapé. A tecla "K" alterna o uso do
clique do mouse para avançar ao próximo eslaide. A tecla
"C" mostra a tabela de conteúdos, que será novamente
ocultada apertando-se qualquer tecla. Use a tecla "F11"
para alternar o modo de tela cheia do navegador. Aperte
"H" (de "Help") para abrir esta página de Ajuda. Note que
alguns navegadores reservam algumas dessas teclas para
outras funções. Assim, experimente no seu navegador para
ver se esse é o seu caso.</p>
<p>Usuários do Firefox podem querer a extensão <a
href="http://www.krickelkrackel.de/autohide/">autoocultar</a>
para esconder as barras de ferramentas quando entrarem em tela cheia
com a tecla F11.</p>
<p>Se quiser ver como funciona o Slidy, use o View Source para
visualizar a marcação XHTML, ou leia esta <a
href="http://www.w3.org/Talks/Tools/Slidy/">explanação mais longa</a>,
que também contém funcionalidades adicionais. Cada eslaide é
marcado como um div element com
classe="slide". Posicionamentos e larguras em porcentual de CSS
podem ser usados para assegurar que os eslaides com rica
ilustração tenham escalabilidade de acordo com o tamanho da janela.
Já o conteúdo a ser revelado incrementalmente pode receber a
marcação com a classe="incremental".
A folha de estilos vinculados e os scripts foram desenvolvidos
como uma alternativa baseada em web às ferramentas proprietárias
de apresentação, e testados em diversos navegadores recentes.
Suporte à edição integrada ainda está em desenvolvimento. Mande
seus comentários para <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
Achando que o Slidy é útil, V. talvez possa considerar a
possibilidade de se tornar um
<a href="http://www.w3.org/Consortium/sup">Apoiador do W3C</a>.</p>
<p><em>Fique à vontade para usar as folhas de estilo, os scripts
e o arquivo de ajuda do show de eslaides que se encontram sob as
regras de
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
uso de documentação</a>
e <a href="http://www.w3.org/Consortium/Legal/copyright-software">
licenciamento de software</a>do W3C -- Consórcio da World Wide
Web.</em></p>
<button id="back" onclick="history.go(-1)">Voltar a exibir eslaides</button>
<hr />
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

95
zuul/help/help.html.pt_br Normal file
View File

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en-US">
<head>
<title>Slide Show Help</title><style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Ajuda do Slide Show</h1>
<p>Este slide show pode ser tocado do jeito do Power Point.
Para avançar ao próximo eslaide, clique em qualquer ponto
da página com o botão direito do mouse. Ou então use a
barra de espaços. Também se pode movimentar para frente ou
para trás com as teclas do cursor -- setinhas para a
direita, para a esquerda, para cima e para baixo. E ainda
com as teclas Page Up e Page Down. O tamanho da fonte é
automaticamente ajustado à largura da janela do navegador,
mas esse ajuste pode ser manual, usando as teclas "S"
(de "smaller") para diminuir o tamanho, e "B" (de "bigger")
para aumentar. Igualmente se pode usar as teclas "&lt;" e
"&gt;". Use
a tecla "F" para alternar entre desativada e ativada a
linha de status no rodapé. A tecla "K" alterna o uso do
clique do mouse para avançar ao próximo eslaide. A tecla
"C" mostra a tabela de conteúdos, que será novamente
ocultada apertando-se qualquer tecla. Use a tecla "F11"
para alternar o modo de tela cheia do navegador. Aperte
"H" (de "Help") para abrir esta página de Ajuda. Note que
alguns navegadores reservam algumas dessas teclas para
outras funções. Assim, experimente no seu navegador para
ver se esse é o seu caso.</p>
<p>Usuários do Firefox podem querer a extensão <a
href="http://www.krickelkrackel.de/autohide/">autoocultar</a>
para esconder as barras de ferramentas quando entrarem em tela cheia
com a tecla F11.</p>
<p>Se quiser ver como funciona o Slidy, use o View Source para
visualizar a marcação XHTML, ou leia esta <a
href="http://www.w3.org/Talks/Tools/Slidy/">explanação mais longa</a>,
que também contém funcionalidades adicionais. Cada eslaide é
marcado como um div element com
classe="slide". Posicionamentos e larguras em porcentual de CSS
podem ser usados para assegurar que os eslaides com rica
ilustração tenham escalabilidade de acordo com o tamanho da janela.
Já o conteúdo a ser revelado incrementalmente pode receber a
marcação com a classe="incremental".
A folha de estilos vinculados e os scripts foram desenvolvidos
como uma alternativa baseada em web às ferramentas proprietárias
de apresentação, e testados em diversos navegadores recentes.
Suporte à edição integrada ainda está em desenvolvimento. Mande
seus comentários para <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
Achando que o Slidy é útil, V. talvez possa considerar a
possibilidade de se tornar um
<a href="http://www.w3.org/Consortium/sup">Apoiador do W3C</a>.</p>
<p><em>Fique à vontade para usar as folhas de estilo, os scripts
e o arquivo de ajuda do show de eslaides que se encontram sob as
regras de
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
uso de documentação</a>
e <a href="http://www.w3.org/Consortium/Legal/copyright-software">
licenciamento de software</a>do W3C -- Consórcio da World Wide
Web.</em></p>
<button id="back" onclick="history.go(-1)">Voltar a exibir eslaides</button>
<hr />
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

75
zuul/help/help.html.sv Normal file
View File

@ -0,0 +1,75 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="sv" lang="sv"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Hj&auml;lpsida f&ouml;r presentationer</title><style type="text/css"><!--
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller } -->
</style>
<script type="text/javascript"><!--
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
// --> </script>
</head><body>
<h1>Hj&auml;lpsida f&ouml;r presentationer</h1>
<p align="justify">Denna presentation kan anv&auml;ndas p&aring; liknande s&auml;tt som Power Point.
F&ouml;r att bl&auml;ddra till n&auml;sta sida g&aring;r det att trycka p&aring; mellanslagstangenten eller klicka med musens
v&auml;stra knapp s&aring; gott som var som helst p&aring; sidan. Bl&auml;ddra fram&aring;t och
bak&aring;t med h&ouml;ger- respektive v&auml;nsterpiltangenterna eller tangenterna &raquo;Pg&nbsp;Dn&raquo; respektive
&raquo;Pg&nbsp;Up&raquo;. Textens storlek anpassas automatiskt efter webbl&auml;sarens
f&ouml;nsterbredd, men den g&aring;r &auml;ven att justera manuellt med
tangenterna &raquo;S&raquo; och &raquo;B&raquo; f&ouml;r att f&ouml;rminska respektive f&ouml;rstora texten. Alternativt kan
tangenterna &raquo;&lt;&raquo; respektive &raquo;&gt;&raquo; anv&auml;ndas. Tangenten
&raquo;F&raquo; anv&auml;nds f&ouml;r att visa&nbsp;/ d&ouml;lja statusraden l&auml;ngst ner i f&ouml;nstret. Tangenten &raquo;K&raquo;
kopplar p&aring;&nbsp;/ av m&ouml;jligheten att klicka med musen f&ouml;r att bl&auml;ddra till n&auml;sta sida. Tangenten
&raquo;C&raquo; anv&auml;nds f&ouml;r att visa inneh&aring;llsf&ouml;rteckningen och en tryckning p&aring; vilken annan tangent som
helst d&ouml;ljer den. En tryckning p&aring; tangenten &raquo;H&raquo; visar denna hj&auml;lpsida. Tangenten &raquo;F11&raquo;
v&auml;xlar mellan fullsk&auml;rmsvisning och visning i webbl&auml;sarens f&ouml;nster. Observera att vissa webbl&auml;sare kan
ha reserverat n&aring;gra av dessa tangenttryckningar f&ouml;r andra funktioner; detta varierar mellan olika webbl&auml;sare.</p>
<p align="justify"><span lang="en">Firefox</span>anv&auml;ndare kan vid behov installera <a href="http://www.krickelkrackel.de/autohide" lang="en" hreflang="en">autohide</a>
f&ouml;r att verktygsf&auml;lten skall d&ouml;ljas vid &ouml;verg&aring;ng till fullsk&auml;rmsvisning med F11.</p>
<p align="justify">F&ouml;r att se hur <em lang="en">Slidy</em> fungerar, titta p&aring; XHTML-koden genom att v&auml;lja &raquo;Visa
k&auml;lla&raquo; (eller liknande) i webbl&auml;sarens meny eller l&auml;s f&ouml;ljande <a href="http://www.w3.org/Talks/Tools/Slidy/">l&auml;ngre
beskrivning</a>, d&auml;r &auml;ven ytterligare finesser beskrivs. Varje sida &auml;r markerad som
<span lang="en">div</span>-element med attributet <code lang="en">class=&quot;slide&quot;</code>. CSS-positionering och procentuell bredd
kan anv&auml;ndas f&ouml;r att placera bilderna i r&auml;tt skala i f&ouml;rh&aring;llande till
webbl&auml;sarens f&ouml;nsterstorlek. Det som skall visas inkrementiellt
markeras med <code lang="en">class=&quot;incremental&quot;</code>. L&auml;nkar h&auml;nvisar till n&aring;gra skript och stilmallar
som har testats med en m&auml;ngd nutida webbl&auml;sare och bildar ett webbaserat alternativ till propriet&auml;ra
presentationsprogram. St&ouml;d f&ouml;r integrerad editering h&aring;ller p&aring; att utvecklas. Skicka g&auml;rna
kommentarer till <a href="http://www.w3.org/People/Raggett/" lang="en" hreflang="en">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
Om du finner <em lang="en">Slidy</em> anv&auml;ndbar kan du &ouml;verv&auml;ga att bli
<a href="http://www.w3.org/Consortium/sup" lang="en" hreflang="en">W3C Supporter</a>.</p>
<p><em>V&auml;lkommen att anv&auml;nda presentationens stilmallar, skript och hj&auml;lpfiler enligt reglerna
f&ouml;r W3C:s <a href="http://www.w3.org/Consortium/Legal/copyright-documents" lang="en" hreflang="en">document use</a>
och <a href="http://www.w3.org/Consortium/Legal/copyright-software" lang="en" hreflang="en">software
licensing</a>!</em></p>
<button id="back" onclick="history.go(-1)">Tillbaka till presentationen</button>
<hr />
<p class="copyright" lang="en"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="http://www.w3.org/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&copy;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body></html>

95
zuul/help/help.pt-br.html Normal file
View File

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en-US">
<head>
<title>Slide Show Help</title><style type="text/css">
body {
font-family: sans-serif;
margin: 10%;
}
.copyright { font-size: smaller }
</style>
<script type="text/javascript">
window.onload = load;
function load()
{
var back = document.getElementById("back");
back.focus();
}
</script>
</head>
<body>
<h1>Ajuda do Slide Show</h1>
<p>Este slide show pode ser tocado do jeito do Power Point.
Para avançar ao próximo eslaide, clique em qualquer ponto
da página com o botão direito do mouse. Ou então use a
barra de espaços. Também se pode movimentar para frente ou
para trás com as teclas do cursor -- setinhas para a
direita, para a esquerda, para cima e para baixo. E ainda
com as teclas Page Up e Page Down. O tamanho da fonte é
automaticamente ajustado à largura da janela do navegador,
mas esse ajuste pode ser manual, usando as teclas "S"
(de "smaller") para diminuir o tamanho, e "B" (de "bigger")
para aumentar. Igualmente se pode usar as teclas "&lt;" e
"&gt;". Use
a tecla "F" para alternar entre desativada e ativada a
linha de status no rodapé. A tecla "K" alterna o uso do
clique do mouse para avançar ao próximo eslaide. A tecla
"C" mostra a tabela de conteúdos, que será novamente
ocultada apertando-se qualquer tecla. Use a tecla "F11"
para alternar o modo de tela cheia do navegador. Aperte
"H" (de "Help") para abrir esta página de Ajuda. Note que
alguns navegadores reservam algumas dessas teclas para
outras funções. Assim, experimente no seu navegador para
ver se esse é o seu caso.</p>
<p>Usuários do Firefox podem querer a extensão <a
href="http://extensionroom.mozdev.org/more-info/autohide">autoocultar</a>
para esconder as barras de ferramentas quando entrarem em tela cheia
com a tecla F11.</p>
<p>Se quiser ver como funciona o Slidy, use o View Source para
visualizar a marcação XHTML, ou leia esta <a
href="http://www.w3.org/Talks/Tools/Slidy/">explanação mais longa</a>,
que também contém funcionalidades adicionais. Cada eslaide é
marcado como um div element com
classe="slide". Posicionamentos e larguras em porcentual de CSS
podem ser usados para assegurar que os eslaides com rica
ilustração tenham escalabilidade de acordo com o tamanho da janela.
Já o conteúdo a ser revelado incrementalmente pode receber a
marcação com a classe="incremental".
A folha de estilos vinculados e os scripts foram desenvolvidos
como uma alternativa baseada em web às ferramentas proprietárias
de apresentação, e testados em diversos navegadores recentes.
Suporte à edição integrada ainda está em desenvolvimento. Mande
seus comentários para <a href="http://www.w3.org/People/Raggett/">Dave
Raggett</a> &lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;.
Achando que o Slidy é útil, V. talvez possa considerar a
possibilidade de se tornar um
<a href="http://www.w3.org/Consortium/sup">Apoiador do W3C</a>.</p>
<p><em>Fique à vontade para usar as folhas de estilo, os scripts
e o arquivo de ajuda do show de eslaides que se encontram sob as
regras de
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
uso de documentação</a>
e <a href="http://www.w3.org/Consortium/Legal/copyright-software">
licenciamento de software</a>do W3C -- Consórcio da World Wide
Web.</em></p>
<button id="back" onclick="history.go(-1)">Voltar a exibir eslaides</button>
<hr />
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2005
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
licensing</a> rules apply.</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

767
zuul/index.html Normal file
View File

@ -0,0 +1,767 @@
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en-US">
<head>
<meta name="generator" content=
"HTML Tidy for Linux/x86 (vers 1st November 2003), see www.w3.org" />
<title>Trunk Gating with Jenkins, Gerrit, and Zuul</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" content=
"Copyright &#169; 2005-2010 W3C (MIT, ERCIM, Keio)" />
<meta name="duration" content="60" />
<meta name="font-size-adjustment" content="0" />
<link rel="stylesheet" href="styles/slidy.css" type="text/css" />
<link rel="stylesheet" href="styles/openstack.css" type="text/css" />
<script src="scripts/slidy.js" charset="utf-8" type="text/javascript"></script>
<script src="scripts/jquery-1.7.2.min.js" charset="utf-8" type="text/javascript">
</script>
<script src="scripts/jquery-watch.js" charset="utf-8" type="text/javascript">
</script>
<script src="scripts/raphael-min.js" type="text/javascript" charset="utf-8"></script>
<style>
div.slide ul {
font-size: 120%
}
</style>
</head>
<body>
<div class="background"><img alt="" id="head-icon"
src="graphics/open-stack-cloud-computing-logo-2.png" /></div>
<div class="slide cover title">
<!-- hidden style graphics to ensure they are saved with other content -->
<img class="hidden" src="graphics/bullet.png" alt="" />
<img class="hidden" src="graphics/fold.gif" alt="" />
<img class="hidden" src="graphics/unfold.gif" alt="" />
<img class="hidden" src="graphics/fold-dim.gif" alt="" />
<img class="hidden" src="graphics/nofold-dim.gif" alt="" />
<img class="hidden" src="graphics/unfold-dim.gif" alt="" />
<img class="hidden" src="graphics/bullet-fold.gif" alt="" />
<img class="hidden" src="graphics/bullet-unfold.gif" alt="" />
<img class="hidden" src="graphics/bullet-fold-dim.gif" alt="" />
<img class="hidden" src="graphics/bullet-nofold-dim.gif" alt="" />
<img class="hidden" src="graphics/bullet-unfold-dim.gif" alt="" />
<img src="graphics/openstack-cloud-software-vertical-large.png" alt="OpenStack logo"
class="cover" /><br clear="all" />
<h1>Trunk Gating with Jenkins, Gerrit, and Zuul</h1>
<p>
James E. Blair
&lt;<a href="mailto:corvus@inaugust.com">corvus@inaugust.com</a>&gt;<br />
</div>
<div class="slide">
<h1>About this Presentation</h1>
<ul>
<li> Project Gating: CI before you need it </li>
<li> The OpenStack development process </li>
<li> Zuul: a system to implement gating with Jenkins </li>
<li> Using the Jenkins API to integrate Jenkins into any system </li>
</ul>
</div>
<div class="slide">
<h1>OpenStack</h1>
<p>Is open source software for building private and public clouds.</p>
<center>
<img src="images/openstack-software-diagram.png"/>
</center>
<ul>
<li><a href="http://openstack.org">http://openstack.org</a></li>
</div>
<div class="slide">
<h1>Projects</h1>
<small>
<ul>
<li>nova (compute)</li>
<li>swift (object storge)</li>
<li>glance (image service)</li>
<li>keystone (identity service)</li>
<li>quantum (network service)</li>
<li>horizon (dashboard)</li>
<li>cinder (volume service)</li>
<li>python-novaclient</li>
<li>python-swiftclient</li>
<li>python-glanceclient</li>
<li>python-keystoneclient</li>
<li>python-quantumclient</li>
<li>python-cinderclient</li>
<li>python-openstackclient</li>
</ul>
</small>
</div>
<div class="slide">
<h1>Contributors</h1>
<ul>
<li>Individual Contributors</li>
<li>Commercial Entities</li>
<li>Number, quality, and area of contributions can change daily</li>
</ul>
</div>
<div class="slide">
<h1>Vision</h1>
<ul>
<li>Consistent Tooling</li>
<li>Consistent Process</li>
<li>Consistent Product</li>
<li>Multiplier Effect</li>
</ul>
</div>
<div class="slide">
<h1>Consistent Tooling</h1>
<ul>
<li>Minimize meta-development</li>
<li>Process divergence == wasted developer time</li>
<li>Lowers onboarding time</li>
<li>Consolidate tool development</li>
<li>Minimize project-specific weird build crud</li>
</ul>
</div>
<div class="slide">
<h1>Gated Trunk</h1>
<ul>
<li>Ensures Code Quality</li>
<li>Protects developers<ul>
<li>Devs always start from working code</li>
</ul><li>Protects tree<ul>
<li>Bad code doesn't land</li>
</ul><li>Egalitarian<ul>
<li>Process is the same for everyone</li>
<li>Process is transparent</li>
<li>Process is automated</li>
</ul></ul>
</ul>
</div>
<div class="slide">
<h1>Everything Is Automated</h1>
<img src="images/jenkins-gate.png" />
</div>
<div class="slide">
<h1>Process Flow</h1>
<ul>
<li>Code is written and locally tested in a virtualenv</li>
<li>Code is submitted for code review to gerrit</li>
<li>Code is run through patch-uploaded automated checks</li>
<li>Code is peer-reviewed</li>
<li>Code is accepted or rejected by core team</li>
<li>Code is run through pre-merge automated checks</li>
<li>Code is merged or rejected</li>
<li>Code is run through post-merge analysis</li>
</ul>
</div>
<div class="slide">
<h1>Gerrit</h1>
<ul>
<li>Developed by Google for Android</li>
<li>Stand-alone patch review system</li>
<li>Integration points: hooks, JSON queries, event-stream</li>
<li>Extensible review categories, default: Verified, Code-Review</li>
</ul>
</div>
<div class="slide">
<h1>States of a Patch</h1>
<ul>
<li>Code Submitted</li>
<li>Code Verified</li>
<li>Code Reviewed</li>
<li>Code Accepted</li>
<li>Code Merged</li>
</ul>
</div>
<div class="slide">
<h1>Types of Gerrit Triggers</h1>
<ul>
<li> Patchset uploaded </li>
<li> Change merged </li>
<li> Comment added (review state) </li>
</ul>
</div>
<div class="slide">
<h1>Jenkins Feedback</h1>
<img src="images/gerrit-jenkins.png"/>
</div>
<div class="slide">
<h1>Jenkins</h1>
<p> Types of jobs: <p>
<ul>
<li> Gate
<ul><li> unit tests </li></ul>
<ul><li> integraton tests </li></ul>
<ul><li> code style </li></ul>
</li>
<li> Post
<ul><li> docs </li></ul>
<ul><li> tarballs </li></ul>
<ul><li> pypi </li></ul>
</li>
</ul>
</div>
<div class="slide">
<h1>Zuul</h1>
<ul>
<li>A general purpose trunk gating system</li>
<li>Interfaces with Gerrit and Jenkins</li>
<li>Flexible configuration allows for many kinds of project automation</li>
<li>Allows parallel testing of serialized changes</li>
</ul>
</div>
<div class="slide">
<h1>Speculative Execution</h1>
<ul>
<li>Serialize changes across all projects</li>
<li>Speculative execution of tests</li>
<li>Run in parallel in order triggered</li>
<li>Assume success</li>
<li>Start over on failure</li>
</ul>
</div>
<div class="slide" id="zuul">
<h1>Zuul Simulation</h1>
<script>
var green = "#00bb44";
var red = "#bb0000";
var light_green = "#8dbb9e";
var light_red = "#bb7777";
function Change(paper, name, number, x, y, delay)
{
this.set = paper.set();
this.x = x;
this.y = y;
this.text = paper.text(x, y, name+'\n#'+number);
this.set.push(this.text);
this.text.attr({"font-size": 16});
width = this.text.getBBox().width+16;
height = this.text.getBBox().height+12;
this.left = x-width/2;
this.right = x+width/2;
this.top = y-height/2;
this.bottom = y+height/2;
this.rect = paper.rect(this.left, this.top, width, height, 2);
this.set.push(this.rect);
this.rect.attr({fill: "#ccc", stroke: "#bbb"});
this.rect.toBack();
this.set.attr({opacity: 0});
this.set.animate(Raphael.animation({opacity: 1}, 500, 'linear').delay(delay));
this.hide = function ()
{
var set = this.set;
var remove = function () { set.remove(); };
this.set.animate({opacity: 0}, 1000, 'linear', remove);
}
this.merge = function(x, y)
{
this.set.toFront();
this.text.animate(Raphael.animation({opacity: 0}, 500, 'linear'));
this.rect.animate(Raphael.animation(
{width: 18, height: 18, r: 9, x: x, y: y, stroke: green},
1000).delay(500));
}
this.provisionalResult = function(success)
{
if (success)
{
color = light_green;
} else {
color = light_red;
}
this.rect.animate({fill: color}, 500);
}
this.result = function(success)
{
if (success)
{
color = green;
} else {
color = red;
}
this.rect.animate({fill: color}, 500);
}
this.reset = function(success)
{
this.rect.animate({fill: "#ccc"}, 500);
}
}
function linePath(x1, y1, x2, y2) {
return "M"+x1+","+y1+"L"+x2+","+y2;
}
function Dependency(paper, source, target, delay)
{
this.set = paper.set();
this.source = source;
this.target = target;
startx = this.source.right + 8;
starty = this.source.y;
tipx = this.target.left - 8;
tipy = this.target.y;
path = "M" + (startx) + "," + starty;
path = path + "L" + (tipx-15) + "," + tipy;
this.line = paper.path(path);
this.set.push(this.line);
this.line.attr("stroke-width", "2");
this.line.attr("fill", "#000");
this.line.attr("stroke", "#000");
path = "M" + (tipx - 20) + "," + (tipy - 10);
path = path + "L" + (tipx) + "," + (tipy);
path = path + "L" + (tipx - 20) + "," + (tipy + 10);
path = path + "Q" + (tipx - 12) + "," + (tipy);
path = path + "," + (tipx - 20) + "," + (tipy - 10);
path = path + "Z";
this.arrow = paper.path(path);
this.set.push(this.arrow);
this.arrow.attr("fill", "#000");
this.arrow.attr("stroke", "#000");
this.set.attr({opacity: 0});
this.set.animate(Raphael.animation({opacity: 1}, 500, 'linear').delay(delay));
this.hide = function ()
{
var set = this.set;
var remove = function () { set.remove(); };
this.set.animate({opacity: 0}, 1000, 'linear', remove);
}
}
function TestSeries(paper, change, tests)
{
this.x = change.x - 20;
this.y = change.bottom + 6;
offset = 40; // the "merge" test length
height = 0;
for (test in tests)
{
len = tests[test][0];
if (len > height)
{
height = len;
}
}
this.width = (1+10*tests.length)
this.height = offset + height + 10;
this.set = paper.set();
startpath = "M" + this.x + "," + this.y;
line = paper.path(startpath+"l0," + offset);
this.set.push(line);
startpath = "M" + this.x + "," + (this.y + offset);
line = paper.path(startpath+"l0," + (this.height - offset));
this.set.push(line);
line.attr("stroke-dasharray", "-");
line.attr("stroke", green);
line = paper.path(startpath + "l" + (1+10*tests.length) + ",0");
this.set.push(line);
var global_success = true;
curx = this.x;
cury = this.y + offset;
for (var test in tests)
{
len = tests[test][0];
success = tests[test][1];
curx = curx + 10;
line = paper.path("M" + curx + "," + cury + "l0," + len);
this.set.push(line);
line = paper.path("M" + curx + "," + cury + "m0," + len +
"l0," + (this.height-offset-len));
this.set.push(line);
line.attr("stroke-dasharray", "-");
if (success) {
line.attr("stroke", green);
} else {
line.attr("stroke", red);
global_success = false;
}
}
var complete = function ()
{
change.provisionalResult(global_success);
}
this.rect = paper.rect(this.x-2, this.y-2, this.width+4, this.height+2);
this.rect.attr({fill: "#fff", stroke: "#fff"})
this.rect.animate({y: this.y+this.height+2, height: 0}, 36*this.height, //36
'linear', complete);
this.hide = function ()
{
var set = this.set;
var remove = function () { set.remove(); };
this.set.animate({opacity: 0}, 2000, 'linear', remove);
}
}
var zuul_simulation = {
paper: null,
state: 0,
finished: false,
setup: function()
{
this.paper = Raphael(200, 200, 760, 400);
this.finished = false;
this.state = 0;
},
teardown: function()
{
if (this.paper != null) {
this.paper.remove();
this.paper = null;
}
this.finished = true;
},
next: function()
{
this.state = this.state + 1;
if (this.state == 1)
{
head_label = this.paper.text(520, 385, "HEAD");
head_label.attr({"font-size": 16});
nova_label = this.paper.text(520, 300, "nova");
nova_label.attr({"font-size": 16});
nova_label.attr({x:this.paper.width-(nova_label.getBBox().width/2)-10});
nova_end = [(this.paper.width-nova_label.getBBox().width-16), 300];
nova_line = this.paper.path(linePath(520, 300, nova_end[0], nova_end[1]))
nova_line.attr({"stroke-width": 2, fill: "#000", stroke: "#000"});
nova_head = this.paper.circle(520, 300, 9);
nova_head.attr({fill: "#5069c9", stroke:"#5069c9"});
keystone_label = this.paper.text(520, 360, "keystone");
keystone_label.attr({"font-size": 16});
keystone_label.attr({x:this.paper.width-(keystone_label.getBBox().width/2)-10});
keystone_end = [(this.paper.width-keystone_label.getBBox().width-16), 360];
keystone_line = this.paper.path(linePath(520, 360, keystone_end[0], keystone_end[1]));
keystone_line.attr({"stroke-width": 2, fill: "#000", stroke: "#000"});
keystone_head = this.paper.circle(520, 360, 9);
keystone_head.attr({fill: "#eead5f", stroke:"#eead5f"});
}
if (this.state == 2)
{
change1 = new Change(this.paper, 'nova', '1', 480, 40, 0);
change2 = new Change(this.paper, 'nova', '2', 340, 40, 1000);
dep21 = new Dependency(this.paper, change2, change1, 1800);
change3 = new Change(this.paper, 'keystone', '3', 180, 40, 2000);
dep32 = new Dependency(this.paper, change3, change2, 2800);
change4 = new Change(this.paper, 'nova', '4', 40, 40, 3000);
dep43 = new Dependency(this.paper, change4, change3, 3800);
}
if (this.state == 3) {
change1_test = new TestSeries(this.paper, change1, [[80, 1], [60, 1], [95, 1]]);
change2_test = new TestSeries(this.paper, change2, [[80, 1], [60, 1], [90, 1]]);
change3_test = new TestSeries(this.paper, change3, [[50, 1], [30, 0]]);
change4_test = new TestSeries(this.paper, change4, [[80, 1], [60, 1], [85, 0]]);
}
if (this.state == 4) {
change1_test.hide();
change1.result(1);
}
if (this.state == 5) {
change1.merge(480, 290);
dep21.hide();
setTimeout(function() {
nova_line.attr({path: linePath(490, 300, nova_end[0], nova_end[1])})
} , 2000);
}
if (this.state == 6) {
change2_test.hide();
change2.result(1);
}
if (this.state == 7) {
change2.merge(450, 290);
dep32.hide();
setTimeout(function() {
nova_line.attr({path: linePath(460, 300, nova_end[0], nova_end[1])})
} , 2000);
}
if (this.state == 8) {
change3_test.hide();
change3.result(0);
}
if (this.state == 9) {
change4.reset();
change4_test.hide();
change3.hide();
dep43.hide();
}
if (this.state == 10) {
change4_test = new TestSeries(this.paper, change4, [[80, 1], [60, 1], [85, 1]]);
}
if (this.state == 11) {
change4_test.hide();
change4.result(1);
}
if (this.state == 12) {
change4.merge(420, 290);
setTimeout(function() {
nova_line.attr({path: linePath(430, 300, nova_end[0], nova_end[1])})
} , 2000);
}
if (this.state == 13) {
this.finished = true;
}
},
}; /* zuul_simulation */
$(document).ready(function() {
$("#zuul").bind("DOMSubtreeModified", function() {
if ($(this).hasClass("hidden")) {
$("#zuul").unbind('click');
w3c_slidy.mouse_click_enabled = true;
zuul_simulation.teardown();
} else {
zuul_simulation.setup();
zuul_simulation.next();
w3c_slidy.mouse_click_enabled = false;
$("#zuul").bind('click', function() {
zuul_simulation.next();
if (zuul_simulation.finished) {
$("#zuul").unbind('click');
w3c_slidy.mouse_click_enabled = true;
}
});
}
}); /* dom modified */
}); /* document ready */
</script>
</div>
<div class="slide">
<h1>Zuul Check Pipeline</h1>
<pre>
pipelines:
- name: check
manager: IndependentPipelineManager
trigger:
- event: patchset-created
success:
verified: 1
failure:
verified: -1
</pre>
</div>
<div class="slide">
<h1>Zuul Gate Pipeline</h1>
<pre>
pipelines:
- name: gate
manager: DependentPipelineManager
trigger:
- event: comment-added
approval:
- approved: 1
start:
verified: 0
success:
verified: 2
submit: true
failure:
verified: -2
</pre>
</div>
<div class="slide">
<h1>Zuul Post-Merge Pipeline</h1>
<pre>
pipelines:
- name: post
manager: IndependentPipelineManager
trigger:
- event: ref-updated
ref: ^(?!refs/).*$
</pre>
</div>
<div class="slide">
<h1>Other Pipelines We've Created</h1>
<pre>
pipelines:
- name: silent
manager: IndependentPipelineManager
trigger:
- event: patchset-created
- name: publish
manager: IndependentPipelineManager
trigger:
- event: ref-updated
ref: ^refs/tags/.*$
</pre>
</div>
<div class="slide">
<h1>Zuul Project Configuration</h1>
<pre>
projects:
- name: openstack/nova
check:
- gate-nova-merge:
- gate-nova-pep8
- gate-nova-python26
- gate-nova-python27
- gate-tempest-devstack-vm
gate:
- gate-nova-merge:
- gate-nova-pep8
- gate-nova-python26
- gate-nova-python27
- gate-tempest-devstack-vm
post:
- nova-tarball
- nova-docs
</pre>
</div>
<div class="slide">
<h1>Jenkins API</h1>
<ul>
<li> Job and view lists </li>
<li> Job configuration </li>
<li> Build jobs </li>
<li> Build descriptions </li>
<li> Cancel builds </li>
<li> Inspect and cancel queue </li>
<li> Node configuration </li>
</ul>
</div>
<div class="slide">
<h1>Jenkins API: Launching</h1>
<p>
The python library <a href="http://packages.python.org/python-jenkins/">jenkins</a> allows for easy interaction:
</p>
<pre>
from jenkins import Jenkins
jenkins = Jenkins('servername', 'username', 'apikey')
jenkins.build_job(job.name, parameters=params)
</pre>
<p>
Abstracts simple GET/POST transactions.
</p>
</div>
<div class="slide">
<h1>Jenkins API: Notifications</h1>
<p>
Notification plugin provides for HTTP endpoints.
</p>
<pre>
class JenkinsCallback(threading.Thread):
def run(self):
httpserver.serve(self.app, host='0.0.0.0', port='8001')
def app(self, environ, start_response):
request = Request(environ)
start_response('200 OK', [('content-type', 'text/html')])
if request.path == '/jenkins_endpoint':
data = json.loads(request.body)
build = data.get('build')
phase = build.get('phase')
status = build.get('status')
url = build.get('full_url')
number = build.get('number')
params = build.get('parameters')
return ['OK']
</pre>
</div>
<div class="slide">
<h1>Development / Contributing</h1>
<ul>
<li>Launchpad:
<a href="https://launchpad.net/zuul">https://launchpad.net/zuul</a>
</li>
<li>GitHub:
<a href="https://github.com/openstack-ci/zuul">
https://github.com/openstack-ci/zuul</a>
</li>
<li>Docs:
<a href="http://ci.openstack.org/zuul/">http://ci.openstack.org/zuul/</a>
<li>Freenode: #openstack-infra</li>
<li>Mailing list:
<a href="http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-infra">
http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-infra
</a>
</li>
</ul>
</div>
<div class="slide">
<h1>Thanks!</h1>
<p><img src="images/stack-o-pancakes-150x150.png"/>
<p>
These slides available at: <a href="https://github.com/openstack-ci/publications">https://github.com/openstack-ci/publications</a>
</p>
</div>
</body>
</html>

28
zuul/scripts/.htaccess Normal file
View File

@ -0,0 +1,28 @@
Options +MultiViews
LanguagePriority en
AddLanguage pt-br .pt-br
<Files ~ "*.html">
ForceType 'text/html; charset=utf-8'
</Files>
<Files ~ "*.xhtml">
ForceType 'application/xhtml+xml; charset=utf-8'
</Files>
<Files ~ *.css">
ForceType 'text/css; charset=utf-8'
</Files>
<Files ~ "*.js">
ForceType 'text/javascript; charset=utf-8'
</Files>
mkdir

4
zuul/scripts/jquery-1.7.2.min.js vendored Normal file

File diff suppressed because one or more lines are too long

10
zuul/scripts/raphael-min.js vendored Normal file

File diff suppressed because one or more lines are too long

2952
zuul/scripts/slidy.js Normal file

File diff suppressed because it is too large Load Diff

BIN
zuul/scripts/slidy.js.gz Normal file

Binary file not shown.

28
zuul/styles/.htaccess Normal file
View File

@ -0,0 +1,28 @@
Options +MultiViews
LanguagePriority en
AddLanguage pt-br .pt-br
<Files ~ "*.html">
ForceType 'text/html; charset=utf-8'
</Files>
<Files ~ "*.xhtml">
ForceType 'application/xhtml+xml; charset=utf-8'
</Files>
<Files ~ *.css">
ForceType 'text/css; charset=utf-8'
</Files>
<Files ~ "*.js">
ForceType 'text/javascript; charset=utf-8'
</Files>
mkdir

441
zuul/styles/openstack.css Normal file
View File

@ -0,0 +1,441 @@
/* openstack.css
Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.
W3C liability, trademark, document use and software licensing
rules apply, see:
http://www.w3.org/Consortium/Legal/copyright-documents
http://www.w3.org/Consortium/Legal/copyright-software
*/
/* Based on w3c-blue.css */
body
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
color: black;
background-color: white;
font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
font-size: 14pt;
}
div.slide.titlepage {
text-align: center;
}
div.slide.titlepage h1 {
padding-top: 40%;
}
div.slide {
z-index: 20;
margin: 0 0 0 0;
padding: 0;
border-width: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 120%;
background-color: transparent;
}
div.background {
z-index: 1;
position: absolute;
vertical-align: bottom;
left: 0;
right: 0;
top: 0;
bottom: auto;
height: 4.1em;
padding: 0 0 0 0.2em;
margin: 0 0 0 0;
border-width: 0;
}
div.background img {
height: 4em;
}
/* this rule is hidden from IE which doesn't support + selector */
div.slide + div[class].slide { page-break-before: always;}
div.slide h1 {
padding-left: 8em;
padding-top: 1em;
margin-bottom: 0;
margin-top: -0.05em;
margin-left: 0;
margin-right: 0;
height: 1.6em;
font-size: 160%;
line-height: 1.1em;
}
div.slide h1 a {
text-decoration: none;
}
div.slide h1 a:link {
color: white;
text-decoration: none;
}
div.slide h1 a:visited {
color: white;
text-decoration: none;
}
div.slide h1 a:hover {
color: white;
text-decoration: underline;
}
div.slide h1 a:active {
color: red;
text-decoration: underline;
}
#head-icon {
margin-top: 0.5em;
margin-bottom: 0;
margin-left: 0;
margin-right: 1em;
border-width: 0;
z-index: 2;
float: left;
}
/* the next two classes support vertical and horizontal centering */
div.vbox {
float: left;
height: 40%;
width: 50%;
margin-top: -240px;
}
div.hbox {
width:60%;
margin-top: 0;
margin-left:auto;
margin-right:auto;
height: 60%;
border:1px solid silver;
background:#F0F0F0;
overflow:auto;
text-align:left;
clear:both;
}
/* styling for named background */
div.background.slanty {
z-index: 2;
bottom: 0;
height: 100%;
background: transparent;
}
div.background.slanty img { margin-top: 4em; width: 100%; height: 80% }
/* the following makes the pre background translucent */
/* opacity is a CSS3 property but supported by Mozilla family */
/* filter is an IE specific feature that also requires width */
div.slide.slanty pre {
width: 93%; /* needed for IE filter to work */
opacity: .8;
filter: alpha(opacity=80);
}
img.withBorder {
border: 2px solid #c60;
padding: 4px;
}
li pre { margin-left: 0; }
@media print { pre { font-size: 60% } }
blockquote { font-style: italic }
img { background-color: transparent }
p.copyright { font-size: smaller }
.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }
a img { border-width: 0; border-style: none }
a:visited { color: navy }
a:link { color: navy }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }
a {text-decoration: none}
.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }
div dt
{
margin-left: 0;
margin-top: 1em;
margin-bottom: 0.5em;
font-weight: bold;
}
div dd
{
margin-left: 2em;
margin-bottom: 0.5em;
}
p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
margin-left: 1em;
margin-right: 1em;
}
p.subhead { font-weight: bold; margin-top: 2em; }
div.cover p.explanation {
font-style: italic;
margin-top: 3em;
}
.smaller { font-size: smaller }
td,th { padding: 0.2em }
ul {
margin: 0.5em 1.5em 0.5em 1.5em;
padding: 0;
}
ol {
margin: 0.5em 1.5em 0.5em 1.5em;
padding: 0;
}
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }
ul li {
list-style: none;
margin: 0.1em 0em 0.6em 0;
padding: 0 0 0 40px;
background: transparent url(../graphics/bullet.png) no-repeat 5px 0.3em;
line-height: 140%;
}
/* workaround IE's failure to support background on li for print media */
@media print { ul li { list-style: disc; padding-left: 0; background: none; } }
ol li {
margin: 0.1em 0em 0.6em 1.5em;
padding: 0 0 0 0px;
line-height: 140%;
}
li li {
font-size: 85%;
font-style: italic;
list-style-type: disc;
background: transparent;
padding: 0 0 0 0;
}
li li li {
font-size: 85%;
font-style: normal;
list-style-type: circle;
background: transparent;
padding: 0 0 0 0;
}
li li li li {
list-style-type: disc;
background: transparent;
padding: 0 0 0 0;
}
/* rectangular blue bullet + unfold/nofold/fold widget */
/*
setting class="outline on ol or ul makes it behave as an
ouline list where blocklevel content in li elements is
hidden by default and can be expanded or collapsed with
mouse click. Set class="expand" on li to override default
*/
ol.outline li:hover { cursor: pointer }
ol.outline li.nofold:hover { cursor: default }
ul.outline li:hover { cursor: pointer }
ul.outline li.nofold:hover { cursor: default }
ol.outline { list-style:decimal; }
ol.outline ol { list-style-type:lower-alpha }
ol.outline li.nofold {
padding: 0 0 0 20px;
background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.3em;
}
ol.outline li.unfolded {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.3em;
}
ol.outline li.folded {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.3em;
}
ol.outline li.unfolded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold.gif) no-repeat 0px 0.3em;
}
ol.outline li.folded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.3em;
}
ul.outline li.nofold {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-nofold-dim.gif) no-repeat 5px 0.3em;
}
ul.outline li.unfolded {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-fold-dim.gif) no-repeat 5px 0.3em;
}
ul.outline li.folded {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-unfold-dim.gif) no-repeat 5px 0.3em;
}
ul.outline li.unfolded:hover {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-fold.gif) no-repeat 5px 0.3em;
}
ul.outline li.folded:hover {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-unfold.gif) no-repeat 5px 0.3em;
}
li ul.outline li.nofold {
padding: 0 0 0 21px;
background: transparent url(../graphics/nofold-dim.gif) no-repeat 5px 0.3em;
}
li ul.outline li.unfolded {
padding: 0 0 0 21px;
background: transparent url(../graphics/fold-dim.gif) no-repeat 5px 0.3em;
}
li ul.outline li.folded {
padding: 0 0 0 21px;
background: transparent url(../graphics/unfold-dim.gif) no-repeat 5px 0.3em;
}
li ul.outline li.unfolded:hover {
padding: 0 0 0 21px;
background: transparent url(../graphics/fold.gif) no-repeat 5px 0.3em;
}
li ul.outline li.folded:hover {
padding: 0 0 0 21px;
background: transparent url(../graphics/unfold.gif) no-repeat 5px 0.3em;
}
img.withBorder {
border: 2px solid #c60;
padding: 4px;
}
div.header {
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: auto;
height: 2.95em;
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
border-width: 0;
border-style: solid;
background-color: #005A9C;
border-bottom-width: thick;
border-bottom-color: #95ABD0;
}
div.footer {
position: absolute;
z-index: 80;
left: 0;
right: 0;
top: auto;
bottom: 0;
height: 3.5em;
margin: 0;
font-size: 80%;
font-weight: bold;
padding-left: 1em;
padding-right: 0;
padding-top: 0.3em;
padding-bottom: 0;
color: #003366;
background-color: #95ABD0;
}
/* this is a hack to hide property from IE6 and below */
div[class="footer"] {
position: fixed;
}
#hidden-bullet {
visibility: hidden;
display: none;
}
div.slide.cover {
background-color: white;
padding-top: 0;
padding-right: 0;
padding-left: 3em;
height: 100%;
}
div.slide.cover h1 {
margin: 0;
padding: 0.5em;
height: auto;
}
div.slide.cover img.cover {
margin: 1em 0 0 0;
float: right;
padding-bottom: 3em;
width: 50%;
overflow: hidden;
}
/* for Bert as an ardent user of the old W3C slidemaker tool */
div.comment { display: none; visibility: hidden }
@media print {
div.slide h1 { background: transparent; color: black }
div.slide.cover { background: transparent; color: black }
div.slide.cover h1 { background: transparent; color: black }
div.comment { display: block; visibility: visible }
}

401
zuul/styles/slidy.css Normal file
View File

@ -0,0 +1,401 @@
/* slidy.css
Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.
W3C liability, trademark, document use and software licensing
rules apply, see:
http://www.w3.org/Consortium/Legal/copyright-documents
http://www.w3.org/Consortium/Legal/copyright-software
*/
body
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
color: black;
background-color: white;
font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
font-size: 14pt;
}
div.toolbar {
position: fixed; z-index: 200;
top: auto; bottom: 0; left: 0; right: 0;
height: 1.2em; text-align: right;
padding-left: 1em;
padding-right: 1em;
font-size: 60%;
color: red;
background-color: rgb(240,240,240);
border-top: solid 1px rgb(180,180,180);
}
div.toolbar span.copyright {
color: black;
margin-left: 0.5em;
}
div.initial_prompt {
position: absolute;
z-index: 1000;
bottom: 1.2em;
width: 100%;
background-color: rgb(200,200,200);
opacity: 0.35;
background-color: rgb(200,200,200, 0.35);
cursor: pointer;
}
div.initial_prompt p.help {
text-align: center;
}
div.initial_prompt p.close {
text-align: right;
font-style: italic;
}
div.slidy_toc {
position: absolute;
z-index: 300;
width: 60%;
max-width: 30em;
height: 30em;
overflow: auto;
top: auto;
right: auto;
left: 4em;
bottom: 4em;
padding: 1em;
background: rgb(240,240,240);
border-style: solid;
border-width: 2px;
font-size: 60%;
}
div.slidy_toc .toc_heading {
text-align: center;
width: 100%;
margin: 0;
margin-bottom: 1em;
border-bottom-style: solid;
border-bottom-color: rgb(180,180,180);
border-bottom-width: 1px;
}
div.slide {
z-index: 20;
margin: 0 0 0 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
border-width: 0;
clear: both;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 120%;
background-color: transparent;
}
div.background {
display: none;
}
div.handout {
margin-left: 20px;
margin-right: 20px;
}
div.slide.titlepage {
text-align: center;
}
div.slide.titlepage h1 {
padding-top: 10%;
margin-right: 0;
}
div.slide h1 {
padding-left: 0;
padding-right: 20pt;
padding-top: 4pt;
padding-bottom: 4pt;
margin-top: 0;
margin-left: 0;
margin-right: 60pt;
margin-bottom: 0.5em;
display: block;
font-size: 160%;
line-height: 1.2em;
background: transparent;
}
div.toc {
position: absolute;
top: auto;
bottom: 4em;
left: 4em;
right: auto;
width: 60%;
max-width: 30em;
height: 30em;
border: solid thin black;
padding: 1em;
background: rgb(240,240,240);
color: black;
z-index: 300;
overflow: auto;
display: block;
visibility: visible;
}
div.toc-heading {
width: 100%;
border-bottom: solid 1px rgb(180,180,180);
margin-bottom: 1em;
text-align: center;
}
pre {
font-size: 80%;
font-weight: bold;
line-height: 120%;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 1em;
padding-right: 1em;
border-style: solid;
border-left-width: 1em;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-color: #95ABD0;
color: #00428C;
background-color: #E4E5E7;
}
li pre { margin-left: 0; }
blockquote { font-style: italic }
img { background-color: transparent }
p.copyright { font-size: smaller }
.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }
a img { border-width: 0; border-style: none }
a:visited { color: navy }
a:link { color: navy }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }
a {text-decoration: none}
.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }
div dt
{
margin-left: 0;
margin-top: 1em;
margin-bottom: 0.5em;
font-weight: bold;
}
div dd
{
margin-left: 2em;
margin-bottom: 0.5em;
}
p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
margin-left: 1em;
margin-right: 1em;
}
p.subhead { font-weight: bold; margin-top: 2em; }
.smaller { font-size: smaller }
.bigger { font-size: 130% }
td,th { padding: 0.2em }
ul {
margin: 0.5em 1.5em 0.5em 1.5em;
padding: 0;
}
ol {
margin: 0.5em 1.5em 0.5em 1.5em;
padding: 0;
}
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
ul li {
list-style: square;
margin: 0.1em 0em 0.6em 0;
padding: 0 0 0 0;
line-height: 140%;
}
ol li {
margin: 0.1em 0em 0.6em 1.5em;
padding: 0 0 0 0px;
line-height: 140%;
list-style-type: decimal;
}
li ul li {
font-size: 85%;
font-style: italic;
list-style-type: disc;
background: transparent;
padding: 0 0 0 0;
}
li li ul li {
font-size: 85%;
font-style: normal;
list-style-type: circle;
background: transparent;
padding: 0 0 0 0;
}
li li li ul li {
list-style-type: disc;
background: transparent;
padding: 0 0 0 0;
}
li ol li {
list-style-type: decimal;
}
li li ol li {
list-style-type: decimal;
}
/*
setting class="outline on ol or ul makes it behave as an
ouline list where blocklevel content in li elements is
hidden by default and can be expanded or collapsed with
mouse click. Set class="expand" on li to override default
*/
ol.outline li:hover { cursor: pointer }
ol.outline li.nofold:hover { cursor: default }
ul.outline li:hover { cursor: pointer }
ul.outline li.nofold:hover { cursor: default }
ol.outline { list-style:decimal; }
ol.outline ol { list-style-type:lower-alpha }
ol.outline li.nofold {
padding: 0 0 0 20px;
background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
}
ol.outline li.unfolded {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
}
ol.outline li.folded {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
}
ol.outline li.unfolded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
}
ol.outline li.folded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
}
ul.outline li.nofold {
padding: 0 0 0 20px;
background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
}
ul.outline li.unfolded {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
}
ul.outline li.folded {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
}
ul.outline li.unfolded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
}
ul.outline li.folded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
}
/* for slides with class "title" in table of contents */
a.titleslide { font-weight: bold; font-style: italic }
/*
hide images for work around for save as bug
where browsers fail to save images used by CSS
*/
img.hidden { display: none; visibility: hidden }
div.initial_prompt { display: none; visibility: hidden }
div.slide {
visibility: visible;
position: inherit;
}
div.handout {
border-top-style: solid;
border-top-width: thin;
border-top-color: black;
}
@media screen {
.hidden { display: none; visibility: visible }
div.slide.hidden { display: block; visibility: visible }
div.handout.hidden { display: block; visibility: visible }
div.background { display: none; visibility: hidden }
body.single_slide div.initial_prompt { display: block; visibility: visible }
body.single_slide div.background { display: block; visibility: visible }
body.single_slide div.background.hidden { display: none; visibility: hidden }
body.single_slide .invisible { visibility: hidden }
body.single_slide .hidden { display: none; visibility: hidden }
body.single_slide div.slide { position: absolute }
body.single_slide div.handout { display: none; visibility: hidden }
}
@media print {
.hidden { display: block; visibility: visible }
div.slide pre { font-size: 60%; padding-left: 0.5em; }
div.toolbar { display: none; visibility: hidden; }
div.slidy_toc { display: none; visibility: hidden; }
div.background { display: none; visibility: hidden; }
div.slide { page-break-before: always }
/* :first-child isn't reliable for print media */
div.slide.first-slide { page-break-before: avoid }
}

493
zuul/styles/w3c-blue.css Normal file
View File

@ -0,0 +1,493 @@
/* w3c-blue.css
Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.
W3C liability, trademark, document use and software licensing
rules apply, see:
http://www.w3.org/Consortium/Legal/copyright-documents
http://www.w3.org/Consortium/Legal/copyright-software
*/
body
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
color: black;
background-color: white;
font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
font-size: 14pt;
}
div.slide.titlepage {
text-align: center;
}
div.slide.titlepage h1 {
padding-top: 40%;
}
div.slide {
z-index: 20;
margin: 0 0 0 0;
padding: 0;
border-width: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 120%;
background-color: transparent;
}
div.background {
z-index: 1;
position: absolute;
vertical-align: bottom;
left: 0;
right: 0;
top: 0;
bottom: auto;
height: 4.1em;
padding: 0 0 0 0.2em;
margin: 0 0 0 0;
border-width: 0;
background-color: #728ec2;
}
div.background img {
height: 4em;
}
/* this rule is hidden from IE which doesn't support + selector */
div.slide + div[class].slide { page-break-before: always;}
div.slide h1 {
padding-left: 3em;
padding-right: 3em;
padding-top: 0.1em;
margin-bottom: 0.8em;
margin-top: -0.05em;
margin-left: 0;
margin-right: 0;
min-height: 2.3em;
color: white;
height: 2.2em;
font-size: 160%;
line-height: 1.1em;
}
div.slide h1 a {
color: white;
text-decoration: none;
}
div.slide h1 a:link {
color: white;
text-decoration: none;
}
div.slide h1 a:visited {
color: white;
text-decoration: none;
}
div.slide h1 a:hover {
color: white;
text-decoration: underline;
}
div.slide h1 a:active {
color: red;
text-decoration: underline;
}
#head-icon {
margin-top: 0.5em;
margin-bottom: 0;
margin-left: 0;
margin-right: 1em;
background: #728ec2;
border-width: 0;
height: 3em;
max-width: 3em;
z-index: 2;
float: left;
}
#head-logo {
margin: 0;
margin-top: 0.25em;
padding-top: 0.25em;
padding-bottom: 0.2em;
padding-left: 0;
padding-right: 0;
height: 3.2em;
width: 4.8em;
float: right;
z-index: 2;
background: #728ec2;
}
#head-logo-fallback {
margin: 0;
padding: 0;
margin-top: -0.8em;
width: 4.8em;
float: right;
z-index: 2;
}
/* the next two classes support vertical and horizontal centering */
div.vbox {
float: left;
height: 40%;
width: 50%;
margin-top: -240px;
}
div.hbox {
width:60%;
margin-top: 0;
margin-left:auto;
margin-right:auto;
height: 60%;
border:1px solid silver;
background:#F0F0F0;
overflow:auto;
text-align:left;
clear:both;
}
/* styling for named background */
div.background.slanty {
z-index: 2;
bottom: 0;
height: 100%;
background: transparent;
}
div.background.slanty img { margin-top: 4em; width: 100%; height: 80% }
/* the following makes the pre background translucent */
/* opacity is a CSS3 property but supported by Mozilla family */
/* filter is an IE specific feature that also requires width */
div.slide.slanty pre {
width: 93%; /* needed for IE filter to work */
opacity: .8;
filter: alpha(opacity=80);
}
img.withBorder {
border: 2px solid #c60;
padding: 4px;
}
li pre { margin-left: 0; }
@media print { pre { font-size: 60% } }
blockquote { font-style: italic }
img { background-color: transparent }
p.copyright { font-size: smaller }
.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }
a img { border-width: 0; border-style: none }
a:visited { color: navy }
a:link { color: navy }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }
a {text-decoration: none}
.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }
div dt
{
margin-left: 0;
margin-top: 1em;
margin-bottom: 0.5em;
font-weight: bold;
}
div dd
{
margin-left: 2em;
margin-bottom: 0.5em;
}
p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
margin-left: 1em;
margin-right: 1em;
}
p.subhead { font-weight: bold; margin-top: 2em; }
div.cover p.explanation {
font-style: italic;
margin-top: 3em;
}
.smaller { font-size: smaller }
td,th { padding: 0.2em }
ul {
margin: 0.5em 1.5em 0.5em 1.5em;
padding: 0;
}
ol {
margin: 0.5em 1.5em 0.5em 1.5em;
padding: 0;
}
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }
ul li {
list-style: none;
margin: 0.1em 0em 0.6em 0;
padding: 0 0 0 40px;
background: transparent url(../graphics/bullet.png) no-repeat 5px 0.3em;
line-height: 140%;
}
/* workaround IE's failure to support background on li for print media */
@media print { ul li { list-style: disc; padding-left: 0; background: none; } }
ol li {
margin: 0.1em 0em 0.6em 1.5em;
padding: 0 0 0 0px;
line-height: 140%;
}
li li {
font-size: 85%;
font-style: italic;
list-style-type: disc;
background: transparent;
padding: 0 0 0 0;
}
li li li {
font-size: 85%;
font-style: normal;
list-style-type: circle;
background: transparent;
padding: 0 0 0 0;
}
li li li li {
list-style-type: disc;
background: transparent;
padding: 0 0 0 0;
}
/* rectangular blue bullet + unfold/nofold/fold widget */
/*
setting class="outline on ol or ul makes it behave as an
ouline list where blocklevel content in li elements is
hidden by default and can be expanded or collapsed with
mouse click. Set class="expand" on li to override default
*/
ol.outline li:hover { cursor: pointer }
ol.outline li.nofold:hover { cursor: default }
ul.outline li:hover { cursor: pointer }
ul.outline li.nofold:hover { cursor: default }
ol.outline { list-style:decimal; }
ol.outline ol { list-style-type:lower-alpha }
ol.outline li.nofold {
padding: 0 0 0 20px;
background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.3em;
}
ol.outline li.unfolded {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.3em;
}
ol.outline li.folded {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.3em;
}
ol.outline li.unfolded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/fold.gif) no-repeat 0px 0.3em;
}
ol.outline li.folded:hover {
padding: 0 0 0 20px;
background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.3em;
}
ul.outline li.nofold {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-nofold-dim.gif) no-repeat 5px 0.3em;
}
ul.outline li.unfolded {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-fold-dim.gif) no-repeat 5px 0.3em;
}
ul.outline li.folded {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-unfold-dim.gif) no-repeat 5px 0.3em;
}
ul.outline li.unfolded:hover {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-fold.gif) no-repeat 5px 0.3em;
}
ul.outline li.folded:hover {
padding: 0 0 0 52px;
background: transparent url(../graphics/bullet-unfold.gif) no-repeat 5px 0.3em;
}
li ul.outline li.nofold {
padding: 0 0 0 21px;
background: transparent url(../graphics/nofold-dim.gif) no-repeat 5px 0.3em;
}
li ul.outline li.unfolded {
padding: 0 0 0 21px;
background: transparent url(../graphics/fold-dim.gif) no-repeat 5px 0.3em;
}
li ul.outline li.folded {
padding: 0 0 0 21px;
background: transparent url(../graphics/unfold-dim.gif) no-repeat 5px 0.3em;
}
li ul.outline li.unfolded:hover {
padding: 0 0 0 21px;
background: transparent url(../graphics/fold.gif) no-repeat 5px 0.3em;
}
li ul.outline li.folded:hover {
padding: 0 0 0 21px;
background: transparent url(../graphics/unfold.gif) no-repeat 5px 0.3em;
}
img.withBorder {
border: 2px solid #c60;
padding: 4px;
}
div.header {
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: auto;
height: 2.95em;
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
border-width: 0;
border-style: solid;
background-color: #005A9C;
border-bottom-width: thick;
border-bottom-color: #95ABD0;
}
div.footer {
position: absolute;
z-index: 80;
left: 0;
right: 0;
top: auto;
bottom: 0;
height: 3.5em;
margin: 0;
font-size: 80%;
font-weight: bold;
padding-left: 1em;
padding-right: 0;
padding-top: 0.3em;
padding-bottom: 0;
color: #003366;
background-color: #95ABD0;
}
/* this is a hack to hide property from IE6 and below */
div[class="footer"] {
position: fixed;
}
#hidden-bullet {
visibility: hidden;
display: none;
}
div.slide.cover {
color: white;
background-color: #728ec2;
padding-top: 0;
padding-right: 0;
padding-left: 3em;
height: 100%;
}
div.slide.cover h1 {
margin: 0;
padding: 0.5em;
color: white;
height: auto;
}
div.slide.cover h2 {
color: white;
}
div.slide.cover a {
color: white;
}
div.slide.cover a:visited { color: white }
div.slide.cover a:link { color: white }
div.slide.cover a:hover { color: yellow; text-decoration: underline }
div.slide.cover a:active { color: yellow; text-decoration: underline }
div.slide.cover a:hover, div.slide.cover a:active {
color: yellow; text-decoration: underline;
}
div.slide.cover img.cover {
margin: 0 0 0 0;
float: right;
padding-bottom: 4em;
width: 50%;
overflow: hidden;
}
div.slide.cover a:hover, div.slide.cover a:active {
color: yellow; text-decoration: underline;
}
/* for Bert as an ardent user of the old W3C slidemaker tool */
div.comment { display: none; visibility: hidden }
@media print {
div.slide h1 { background: transparent; color: black }
div.slide.cover { background: transparent; color: black }
div.slide.cover h1 { background: transparent; color: black }
div.comment { display: block; visibility: visible }
}