nuqjatlh (What does it mean?)

A presentation at Front-Trends 2015 in May 2015 in Warsaw, Poland by Gunnar Bittersmann

Slide 1

Slide 1



Slide 2

Slide 2

nuqjatlh

Slide 3

Slide 3

Co to k… znaczy?

Slide 4

Slide 4

What does it mean?

Slide 5

Slide 5

taH pagh taHbe’ (To be or not to be) “Klingon Hamlet” coming to Warsaw On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language. Grójecka 65, begin 20:00, tickets 42 € och-teatr.example/hamlet

Slide 6

Slide 6

<article> <header> <h1> <p> <p> <p> <a> taH pagh taHbe’ (To be or not to be) “Klingon Hamlet” coming to Warsaw On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language. Grójecka 65, begin 20:00, tickets 42 € och-teatr.example/hamlet <footer> <img>

Slide 7

Slide 7

<article lang=”en”> <header> <h1>taH pagh taHbe’ (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p>Grójecka 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 8

Slide 8

QA’VIN LATLH TU’LUM HINOBNES! <html lang=”tlh”> <h1>qa’vIn latlh tu’lum HInobneS!</h1> h1 { text-transform: uppercase }

Slide 9

Slide 9

qa’vin latlh tu’lum hinobnes! <html lang=”tlh”> <h1>qa’vIn latlh tu’lum HInobneS!</h1> h1 { text-transform: lowercase }

Slide 10

Slide 10

qa’vIn latlh tu’lum HInobneS! <html lang=”tlh”> <h1>qa’vIn latlh tu’lum HInobneS!</h1> h1 { text-transform: lowercase } :lang(tlh) { text-transform: none !important} ✔

Slide 11

Slide 11

Slide 12

Slide 12

<article lang=”en”> <header> <h1>taH pagh taHbe’ (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p>Grójecka 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”>

Slide 13

Slide 13

<article lang=”en”> <header> <h1><i lang=”tlh”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p>Grójecka 65, begin 20:00, tickets 42 €</p> <footer>

Slide 14

Slide 14

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p>Grójecka 65, begin 20:00, tickets 42 €</p> <footer>

Slide 15

Slide 15

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> Bittersmann tour @g16n · the May 8 Kronos ensemble “Art <p>On their Gunnar Earth-wide Using HTML’s `translate` attribute: http://www.w3.org/ Is a Weapon” will guest on 9 May 2315 at Warsaw’s International/questions/qa-translate-flag Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in Using <b> and <i> elements: http://www.w3.org/ original Klingon language.</p> International/questions/qa-b-and-i-tags #fronttrends <p>Grójecka 65, begin 20:00, tickets 42 €</p> <footer>

Slide 16

Slide 16

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p>Grójecka 65, begin 20:00, tickets 42 €</p> <footer>

Slide 17

Slide 17

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p>

Slide 18

Slide 18

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p>

Slide 19

Slide 19

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65,

Slide 20

Slide 20

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65,

Slide 21

Slide 21

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time> 9 May 2315 </time> at Warsaw’s

Slide 22

Slide 22

<article lang=”en”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09”> 9 May 2315 </time> at Warsaw’s

Slide 23

Slide 23

Is a Weapon” will guest on <time datetime=”2315-05-09”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”>

Slide 24

Slide 24

Is a Weapon” will guest on <time datetime=”2315-05-09T20:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”>

Slide 25

Slide 25

Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”>

Slide 26

Slide 26

event image taH pagh taHbe’ (To be or not to be) name “Klingon Hamlet” coming to Warsaw On their Earth-wide tour the Kronos performer ensemble “Art Is a Weapon” will guest date on 9 May 2315 at Warsaw’s Och-teatr location to perform Wil’yam Shex’pir’s “Hamlet” work name author in original Klingon language. address time price Grójecka 65, begin 20:00, tickets 42 € url och-teatr.example/hamlet

Slide 27

Slide 27

“semantic” markup semantic markup

Slide 28

Slide 28

HTML semantic markup

Slide 29

Slide 29

event name image performer url datetime price location name address city street work name author

Slide 30

Slide 30

<article lang=”en” class=”vevent”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s

Slide 31

Slide 31

<article lang=”en” class=”vevent”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s

Slide 32

Slide 32

<article lang=”en” class=”vevent”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p class=”summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time>

Slide 33

Slide 33

<article lang=”en” class=”vevent”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p class=”summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time>

Slide 34

Slide 34

<article lang=”en” class=”vevent”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p class=”summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time>

Slide 35

Slide 35

<article lang=”en” class=”vevent”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p class=”summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time class=”dtstart” datetime=”2315-05-09T20:00+02:00”> 9 May 2315

Slide 36

Slide 36

<p class=”summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time class=”dtstart” datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original

Slide 37

Slide 37

<p class=”summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time class=”dtstart” datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span class=”location” lang=”pl” translate=”no”>Och-teatr</span>

Slide 38

Slide 38

<article lang=”en” class=”h-event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p class=”p-summary”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time class=”dt-start” datetime=”2315-05-09T20:00+02:00”> 9 May 2315

Slide 39

Slide 39

och-teatr.example/events/hamlet type name Klingon “Hamlet” image url performer Art Is a Weapon datetime location work och-teatr.example/hamlet 42 € type name Och-teatr type Address …/shexpir.jpg price 2315-05-09T20:00+02:00 Location Event city Warsaw _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 40

Slide 40

och-teatr.example/events/hamlet type name Klingon “Hamlet” image url performer Art Is a Weapon datetime location work och-teatr.example/hamlet 42 € type name Och-teatr type Address …/shexpir.jpg price 2315-05-09T20:00+02:00 Location Event city Warsaw _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 41

Slide 41

och-teatr.example/events/hamlet name Klingon “Hamlet” Event image url performer Art Is a Weapon type datetime location …/shexpir.jpg price work och-teatr.example/hamlet 42 € 2315-05-09T20:00+02:00 _:1 _:3 type type Location Work name address name author subject http://och-teatr.example/events/hamlet Och-teatr Hamlet _:2 Wil’yam Shex’pir type street predicate http://och-teatr.example/ns/name city Address Warsaw Grójecka 65 object “Klingon “Hamlet””

Slide 42

Slide 42

och-teatr.example/events/hamlet name Klingon “Hamlet” Event image url performer Art Is a Weapon type datetime location …/shexpir.jpg price work och-teatr.example/hamlet http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . 42 € 2315-05-09T20:00+02:00 _:1 _:3 type type Location Work name address name author subject http://och-teatr.example/events/hamlet Och-teatr Hamlet _:2 Wil’yam Shex’pir type street predicate http://och-teatr.example/ns/type city Address Warsaw Grójecka 65 object http://och-teatr.example/ns/Event

Slide 43

Slide 43

och-teatr.example/events/hamlet name Klingon “Hamlet” Event image url performer Art Is a Weapon type datetime location …/shexpir.jpg price work och-teatr.example/hamlet http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . 42 € 2315-05-09T20:00+02:00 http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/typehttp://och-teatr.example/ns/Event . _:1 _:3 type type Location Work name address name author subject http://och-teatr.example/events/hamlet Och-teatr Hamlet _:2 Wil’yam Shex’pir type street predicate http://och-teatr.example/ns/location city Address Warsaw Grójecka 65 object

Slide 44

Slide 44

http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/typehttp://och-teatr.example/ns/Event . och-teatr.example/events/hamlet name type Event image url performer subject http://och-teatr.example/events/hamlet …/shexpir.jpg Klingon “Hamlet” datetime price predicate http://och-teatr.example/ns/location Art Is a Weapon och-teatr.example/hamlet location work _:1 object 2315-05-09T20:00+02:00 Location 42 € type name Och-teatr type Address city Warsaw _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 45

Slide 45

http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/typehttp://och-teatr.example/ns/Event . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/location _:1 . och-teatr.example/events/hamlet type name subject _:1 Klingon “Hamlet” Event image url performer …/shexpir.jpg datetime price predicate http://och-teatr.example/ns/type Art Is a Weapon och-teatr.example/hamlet location work http://och-teatr.example/ns/Location object 42 € 2315-05-09T20:00+02:00 Location type name Och-teatr type Address city Warsaw _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 46

Slide 46

http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/typehttp://och-teatr.example/ns/Event . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/location _:1 . _:1 och-teatr.example/events/hamlet http://och-teatr.example/ns/typehttp://och-teatr.example/ns/Location type . name subject _:1 Klingon “Hamlet” Event image url performer …/shexpir.jpg datetime price predicate http://och-teatr.example/ns/name Art Is a Weapon och-teatr.example/hamlet location work “Och-teatr” object 2315-05-09T20:00+02:00 Location type name Och-teatr type Address city Warsaw 42 € _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 47

Slide 47

http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/typehttp://och-teatr.example/ns/Event . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/location _:1 . _:1 och-teatr.example/events/hamlet http://och-teatr.example/ns/typehttp://och-teatr.example/ns/Location type . _:1 http://och-teatr.example/ns/name “Och-teatr” . name subject _:1 Klingon “Hamlet” Event image url performer …/shexpir.jpg datetime price predicate http://och-teatr.example/ns/address Art Is a Weapon och-teatr.example/hamlet location work _:2 object 2315-05-09T20:00+02:00 Location 42 € type name Och-teatr type Address city Warsaw _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 48

Slide 48

http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/name “Klingon “Hamlet”” . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/typehttp://och-teatr.example/ns/Event . http://och-teatr.example/events/hamlethttp://och-teatr.example/ns/location _:1 . _:1 och-teatr.example/events/hamlet http://och-teatr.example/ns/typehttp://och-teatr.example/ns/Location type . _:1 http://och-teatr.example/ns/name “Och-teatr” . _:1 name http://och-teatr.example/ns/address Klingon “Hamlet” image _:2 . url performer Art Is a Weapon datetime location work och-teatr.example/hamlet 42 € type name Och-teatr type Address …/shexpir.jpg price 2315-05-09T20:00+02:00 Location Event city Warsaw _:1 _:3 address _:2 name Hamlet street Grójecka 65 type Work author Wil’yam Shex’pir

Slide 49

Slide 49

<?xml version=”1.0” encoding=”utf-8”?> <rdf:RDF xmlns:ns1=”http://och-teatr.example/ns/” >

xmlns:rdf=”http://www.w3.org/1999/02/22-rdf-syntax-ns#” <rdf:Description rdf:about=”http://och-teatr.example/events/hamlet”> <ns1:type rdf:resource=”http://och-teatr.example/ns/Event”/> ns1:location <rdf:Description rdf:nodeID=”f39b5fe0ba30b46efb695cf3b0105f516b1”> <ns1:type rdf:resource=”http://och-teatr.example/ns/Location”/> <ns1:address rdf:nodeID=”f39b5fe0ba30b46efb695cf3b0105f516b2”/> ns1:nameOch-teatr</ns1:name> </rdf:Description> </ns1:location> ns1:nameKlingon “Hamlet”</ns1:name> </rdf:Description> </rdf:RDF>

Slide 50

Slide 50

{ “@context”: { “rdf”: “http://www.w3.org/1999/02/22-rdf-syntax-ns#”, “rdfs”: “http://www.w3.org/2000/01/rdf-schema#”, “xsd”: “http://www.w3.org/2001/XMLSchema#” }, “@graph”: [ { “@id”: “http://och-teatr.example/events/hamlet”, “http://och-teatr.example/ns/location”: { “@id”: “_:f61a48b11697a44d29a9dd9add87bdb18b1” }, “http://och-teatr.example/ns/name”: “Klingon “Hamlet””, “http://och-teatr.example/ns/type”: { }, } “@id”: “http://och-teatr.example/ns/Event”

Slide 51

Slide 52

Slide 53

Slide 54

Slide 55

Slide 56

Slide 57

Slide 58

Slide 59

Slide 60

Slide 61

Slide 62

Slide 62

taH pagh taHbe’ (To be or not to be) “Klingon Hamlet” coming to Warsaw On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language. Grójecka 65, begin 20:00, tickets 42 € och-teatr.example/hamlet

Slide 63

Slide 63

taH pagh taHbe’ (To be or not to be) “Klingon Hamlet” coming to Warsaw On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on 9 May 2315 at Warsaw’s Och-teatr to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language. Grójecka 65, begin 20:00, tickets 42 € och-teatr.example/hamlet

Slide 64

Slide 64

<article lang=”en” resource=”http://och-teatr.example/events/hamlet”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time>

Slide 65

Slide 65

<article lang=”en” resource=”http://och-teatr.example/events/hamlet” typeof=”http://schema.org/Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315

Slide 66

Slide 66

<article lang=”en” resource=”http://och-teatr.example/events/hamlet” typeof=”http://schema.org/Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315

Slide 67

Slide 67

<article lang=”en” resource=”http://och-teatr.example/events/hamlet” typeof=”http://schema.org/Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”http://schema.org/name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”>

Slide 68

Slide 68

<p>On their Earth-wide tour the Kronos ensemble “Art Is a Weapon” will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer>

Slide 69

Slide 69

<p>On their Earth-wide tour the <span property=”http://schema.org/performer”> Kronos ensemble “Art Is a Weapon” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p>

Slide 70

Slide 70

<p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”> Kronos ensemble “Art Is a Weapon” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original

Slide 71

Slide 71

<p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”> Kronos ensemble “Art Is a Weapon” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original

Slide 72

Slide 72

<p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”> Kronos ensemble “<span property=”http://schema.org/name”>Art Is a Weapon</span>” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s

Slide 73

Slide 73

<article lang=”en” vocab=”http://schema.org/” resource=”http://och-teatr.example/events/hamlet” typeof=”http://schema.org/Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”http://schema.org/name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”>

Slide 74

Slide 74

<article lang=”en” vocab=”http://schema.org/” resource=”http://och-teatr.example/events/hamlet” typeof=”http://schema.org/Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”http://schema.org/name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”>

Slide 75

Slide 75

<article lang=”en” vocab=”http://schema.org/” resource=”http://och-teatr.example/events/hamlet” typeof=”Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”http://schema.org/name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”>

Slide 76

Slide 76

<article lang=”en” vocab=”http://schema.org/” resource=”http://och-teatr.example/events/hamlet” typeof=”Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”http://schema.org/name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”>

Slide 77

Slide 77

<article lang=”en” vocab=”http://schema.org/” resource=”http://och-teatr.example/events/hamlet” typeof=”Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span property=”http://schema.org/performer” typeof=”http://schema.org/Organization”>

Slide 78

Slide 78

<p>On their Earth-wide tour the <span property=”performer” typeof=”http://schema.org/Organization”> Kronos ensemble “<span property=”http://schema.org/name”>Art Is a Weapon</span>” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s

Slide 79

Slide 79

<p>On their Earth-wide tour the <span property=”performer” typeof=”Organization”> Kronos ensemble “<span property=”http://schema.org/name”>Art Is a Weapon</span>” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span>

Slide 80

Slide 80

<p>On their Earth-wide tour the <span property=”performer” typeof=”Organization”> Kronos ensemble “<span property=”name”>Art Is a Weapon</span>” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original

Slide 81

Slide 81

<p>On their Earth-wide tour the <span property=”performer” typeof=”Organization”> Kronos ensemble “<span property=”name”>Art Is a Weapon</span>” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original

Slide 82

Slide 82

<p>On their Earth-wide tour the <span property=”performer” typeof=”Organization”> Kronos ensemble “<span property=”name”>Art Is a Weapon</span>” </span> will guest on <time datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original

Slide 83

Slide 83

<p>On their Earth-wide tour the <span property=”performer” typeof=”Organization”> Kronos ensemble “<span property=”name”>Art Is a Weapon</span>” </span> will guest on <time property=”startDate” datetime=”2315-05-09T20:00+02:00”> 9 May 2315 </time> at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span>

Slide 84

Slide 84

at Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 85

Slide 85

at <span property=”location”> Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> </span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 86

Slide 86

at <span property=”location” typeof=”Place”> Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> </span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 87

Slide 87

at <span property=”location” typeof=”Place”> Warsaw’s <span lang=”pl” translate=”no”>Och-teatr</span> </span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 88

Slide 88

at <span property=”location” typeof=”Place”> Warsaw’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer>

Slide 89

Slide 89

to perform Wil’yam Shex’pir’s “Hamlet” in original Klingon language.</p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 90

Slide 90

to perform <span property=”workPerformed”> Wil’yam Shex’pir’s “Hamlet” in original Klingon language </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer>

Slide 91

Slide 91

to perform <span property=”workPerformed” typeof=”CreativeWork”> Wil’yam Shex’pir’s “Hamlet” in original Klingon language </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 92

Slide 92

to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “Hamlet” in original Klingon language </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 93

Slide 93

to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “<span property=”name”>Hamlet</span>” in original Klingon language </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65, begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”>

Slide 94

Slide 94

to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “<span property=”name”>Hamlet</span>” in original <span property=”inLanguage”> Klingon language </span> </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65,

Slide 95

Slide 95

to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “<span property=”name”>Hamlet</span>” in original <span property=”inLanguage” content=”tlh”> Klingon language </span> </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65,

Slide 96

Slide 96

to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “<span property=”name”>Hamlet</span>” in original <span property=”inLanguage” content=”tlh”> Klingon language </span> </span>. </p> <p><span lang=”pl” translate=”no”>Grójecka</span> 65,

Slide 97

Slide 97

<span property=”location” typeof=”Place”> Warsaw’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “<span property=”name”>Hamlet</span>” in original

Slide 98

Slide 98

<span property=”location” typeof=”Place”> <span property=”address”> Warsaw </span>’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s

Slide 99

Slide 99

<span property=”location” typeof=”Place”> <span property=”address” typeof=”PostalAddress”> Warsaw </span>’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s

Slide 100

Slide 100

<span property=”location” typeof=”Place”> <span property=”address” typeof=”PostalAddress”> <span property=”addressLocality”>Warsaw</span> </span>’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s

Slide 101

Slide 101

<span property=”location” typeof=”Place”> <span property=”address” typeof=”PostalAddress”> <span property=”addressLocality”>Warsaw</span> <meta property=”addressCountry” content=”PL”/> </span>’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed” typeof=”CreativeWork”>

Slide 102

Slide 102

<span property=”location” typeof=”Place”> <span property=”address” typeof=”PostalAddress” resource=”_:postalAddress”> <span property=”addressLocality”>Warsaw</span> <meta property=”addressCountry” content=”PL”/> </span>’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed”

Slide 103

Slide 103

Klingon language </span> </span>. </p> <p> <span resource=”_:postalAddress”> <span lang=”pl” translate=”no”>Grójecka</span> 65, </span> begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 104

Slide 104

Klingon language </span> </span>. </p> <p> <span resource=”_:postalAddress”> <span lang=”pl” translate=”no”>Grójecka</span> 65, </span> begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 105

Slide 105

<span property=”location” typeof=”Place”> <span property=”address” typeof=”PostalAddress” resource=”_:postalAddress”> <span property=”addressLocality”>Warsaw</span> <meta property=”addressCountry” content=”PL”/> </span>’s <span property=”name” lang=”pl” translate=”no”> Och-teatr </span> </span> to perform <span property=”workPerformed” typeof=”CreativeWork”> <span property=”author”>Wil’yam Shex’pir</span>’s “<span property=”name”>Hamlet</span>” in original <span property=”inLanguage” content=”tlh”> Klingon language </span> </span>. </p> <p> <span resource=”_:postalAddress”> <span lang=”pl” translate=”no”>Grójecka</span> 65, </span>

Slide 106

Slide 106

Klingon language </span> </span>. </p> <p> <span resource=”_:postalAddress”> <span property=”streetAddress”> <span lang=”pl” translate=”no”>Grójecka</span> 65, </span> </span> begin 20:00, tickets 42 €</p>

Slide 107

Slide 107

Klingon language </span> </span>. </p> <p> <span resource=”_:postalAddress”> <span property=”streetAddress”> <span lang=”pl” translate=”no”>Grójecka</span> 65, </span> </span> begin 20:00, tickets 42 €</p>

Slide 108

Slide 108

begin 20:00, tickets 42 €</p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 109

Slide 109

begin 20:00, <span property=”price”> tickets 42 € </span> </p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 110

Slide 110

begin 20:00, <span property=”offers” typeof=”Offer”> tickets <span property=”price”>42 €</span> </span> </p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 111

Slide 111

begin 20:00, <span property=”offers” typeof=”Offer”> tickets <span property=”price”>42 €</span> <link property=”availability” href=”http://schema.org/InStock”/> </span> </p> <footer> <a href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer>

Slide 112

Slide 112

begin 20:00, <span property=”offers” typeof=”Offer”> tickets <span property=”price”>42 €</span> <link property=”availability” href=”http://schema.org/InStock”/> </span> </p> <footer> <a property=”url” href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a>

Slide 113

Slide 113

<a property=”url” href=”http://och-teatr.example/hamlet”> och-teatr.example/hamlet</a> </footer> <img property=”image” src=”shexpir.jpg” alt=”Wil’yam Shex’pir”/> </article>

Slide 114

Slide 114

<article lang=”en” vocab=”http://schema.org/” resource=”http://och-teatr.example/events/hamlet” typeof=”Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p property=”name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span property=”performer” typeof=”Organization”> RDFa

Slide 115

Slide 115

<article lang=”en” itemscope itemype=”Event”> <header> <h1><i lang=”tlh” translate=”no”>taH pagh taHbe’</i> (To be or not to be)</h1> <p itemprop=”name”>“Klingon Hamlet” coming to Warsaw</p> </header> <p>On their Earth-wide tour the <span itemprop=”performer” ⚠ microdata itemscope itemype=”Organization”>

Slide 116

Slide 116

Peugeot Coffee grinder me 98 € PICK Kalita Coffee grinder me 76 € PICK Heyde Coffee grinder me 54 € PICK Photo credits: Poulpy (CC-BY-SA-3.0), 名古屋太郎 (public domain), Manfred Heyde (CC-BY-SA-3.0) COFFEE GRINDERS t s e b e h t for OUT OF YOUR BEANS

Slide 117

Slide 117

<html id=”page-products” vocab=”http://schema.org/”> <ul class=”product-list”> <li typeof=”Product”> <img property=”image” src=”…” alt=”…”/> <span property=”name”>…</span> <span property=”brand”>…</span> <span property=”model”>…</span> </span> <span property=”description”>…</span> <span property=”offers” typeof=”Offer”> <span class=”price”>…</span> <link property=”availability” href=”http://schema.org/InStock”/> </span> <button>Pick me!</button> </li>

Slide 118

Slide 118

#page-products { .product-list { li { … } [property=”image”] { … } [property=”brand”] { … } [property=”model”] { … } [property=”description”] { … } [property=”price”] { … } button { … } } }

Slide 119

Slide 119

Look ma, no classes!

Slide 120

Slide 120

Look ma, no classes!

Slide 121

Slide 121

Look ma, no classes!

Slide 122

Slide 122

Slide 123

Slide 123

Slide 124

Slide 124

Slide 125

Slide 125

Slide 126

Slide 126

Slide 127

Slide 127

Slide 128

Slide 128

Slide 129

Slide 129

Slide 130

Slide 130

