From bf9436b01d65a62ed04006f8bc4f7f41675897a1 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Fri, 10 Jan 2020 19:18:07 +0100 Subject: add P2P Paris talk --- box/talk/p2p/arrow.svg | 72 +++++++ box/talk/p2p/bang.svg | 72 +++++++ box/talk/p2p/ellipsis.svg | 82 +++++++ box/talk/p2p/heart.svg | 72 +++++++ box/talk/p2p/index.html | 326 ++++++++++++++++++++++++++++ box/talk/p2p/local.css | 1 + box/talk/p2p/question.svg | 72 +++++++ box/talk/p2p/slidy.css | 403 +++++++++++++++++++++++++++++++++++ box/talk/p2p/slidy.js | 531 ++++++++++++++++++++++++++++++++++++++++++++++ box/talk/p2p/swirl.svg | 130 ++++++++++++ 10 files changed, 1761 insertions(+) create mode 100644 box/talk/p2p/arrow.svg create mode 100644 box/talk/p2p/bang.svg create mode 100644 box/talk/p2p/ellipsis.svg create mode 100644 box/talk/p2p/heart.svg create mode 100644 box/talk/p2p/index.html create mode 100644 box/talk/p2p/local.css create mode 100644 box/talk/p2p/question.svg create mode 100644 box/talk/p2p/slidy.css create mode 100644 box/talk/p2p/slidy.js create mode 100644 box/talk/p2p/swirl.svg diff --git a/box/talk/p2p/arrow.svg b/box/talk/p2p/arrow.svg new file mode 100644 index 0000000..5967457 --- /dev/null +++ b/box/talk/p2p/arrow.svg @@ -0,0 +1,72 @@ + + + + diff --git a/box/talk/p2p/bang.svg b/box/talk/p2p/bang.svg new file mode 100644 index 0000000..4dfea2c --- /dev/null +++ b/box/talk/p2p/bang.svg @@ -0,0 +1,72 @@ + + + + diff --git a/box/talk/p2p/ellipsis.svg b/box/talk/p2p/ellipsis.svg new file mode 100644 index 0000000..bde25df --- /dev/null +++ b/box/talk/p2p/ellipsis.svg @@ -0,0 +1,82 @@ + + + + diff --git a/box/talk/p2p/heart.svg b/box/talk/p2p/heart.svg new file mode 100644 index 0000000..36cabc7 --- /dev/null +++ b/box/talk/p2p/heart.svg @@ -0,0 +1,72 @@ + + + + diff --git a/box/talk/p2p/index.html b/box/talk/p2p/index.html new file mode 100644 index 0000000..20cbfa7 --- /dev/null +++ b/box/talk/p2p/index.html @@ -0,0 +1,326 @@ + + + + + + + + + Solidbox + + + + + + +

Solidbox

+Jonas Smedegaard +

Paris P2P Festival, Paris, France, March 11th 2020

Me

Jonas Smedegaard: Debian developer +; Full-time computer hobbyist +; Tinkerer +
CouchDesign: Siri Reiter & Jonas Smedegaard in a big red sofa +

Me

Jonas Smedegaard: Debian developer since 2001 +; Full-time computer hobbyist since 1991 +; Tinkerer since 1980 +
CouchDesign: Siri Reiter & Jonas Smedegaard, in a big red sofa +

Solidbox

Sustainable user-controlled data-driven server

Solidbox - sustainable

Sustainable user-controlled data-driven server

Lasts a long time

Solidbox - sustainable

Sustainable user-controlled data-driven server

Lasts a long time

Secure 20 years from now

Relevant for you 20 years from now

Friendly to Earth 20 years from now

Solidbox - user-controlled

Sustainable user-controlled data-driven server

Full user control

Hosting at a geek friend can be worse than in the cloud

Solidbox - data-driven

Sustainable user-controlled data-driven server

(…)

Solidbox - server

Sustainable user-controlled data-driven server

A machine talking to machines

Solidbox

Sustainable user-controlled data-driven server

Solid + [software] + Box

data: sustainable knowledge +
software: sustainable system +
hardware: sustainable machine +

Solidbox

Sustainable user-controlled data-driven server

Solid + [software] + Box

data: sustainable knowledge - Social Linked Data +
software: sustainable system - a Debian Pure Blend +
hardware: sustainable machine - OSHWA certified single-board computer +

Who cares?

Users: Have patience - look out for “ActivityStream” in your products +
Programmers, tinkeres, developers, devops, sysadmins: Embrace Solid a.k.a. semantic web technologies +
Distributors, translators, designers, investors: Prioritize data-driven workflows for systems and for users +

Solid

Social Linked data

Solid

Social Linked Data

Solid

a.k.a. Semantic web, RDF, WebID, ActivityPub

Solid

Social Linked Data

Solid

a.k.a. Semantic web, RDF, WebID, ActivityPub

a.k.a. Web 2.0

Debian

Software distribution

Community

Stability & consistency

OSHWA-certified machine

Well-defined open definition for hardware

Principles

Ethical, inpired by Facebook

Usable, inspired by Freedombox

Flexible, inspired by Yunohost

Environmental, inspired by cloud hosting

Principles - ethical

Like Facebook

User controls personal data

Exportable data - walled gardens

Principles - ethical

Like Facebook, but done right

User controls ~~personal~~ all data & code & machine

~~Exportable~~ Portable data including metadata

~~walled~~ Permaculture gardens

Principles - usable

Like Freedombox

Debian blend (closely based on Debian)

User-friendly administration

Freedombox development community

System tinkering is welcome

Principles - usable

Like Freedombox, but done right

Debian Pure Blend (integral subset of Debian)

~~User-friendly~~ zero administration

~~Freedombox~~ Debian development community

System tinkering is welcome, then called a Debian system

Principles - flexible

Like Yunohost, but done right

Developed as a single coherent system

No “hacking on top” to finalize or customize

Principles - environmental

Like cloud hosting…

Principles

Ethical: Facebook done right - user controls data & code & machine +
Usable: Freedombox done right - for non-technical use +; Fully distro-administrated +
Flexible: Yunohost done right - no “hacking on top” +
Environmental: Cloud hosting done right - light, punishing hoster if not +

Getting involved

I want one…: Have patience +; Buy the hardware at Olimex; play with Freedombox or Yunohost +; Buy any OSHWA-certified hardware; play with Debian +
I want to help create it: Sysadmin +; Packaging +; Translation +; Logic +; UX +

Development - 4 parts

Debian

Solid

Boxer

Box

Development - plan

Now: Identify and streamline all parts +; Tune into the Debian way +
Beta: Integrate all parts +; Tune out of the Debian way +
Done: Usable as non-technical user +; Auto-updated and auto-upgraded purely from Debian +

Thanks

Author: Jonas Smedegaard dr@jones.dk

Solidbox
+This presentation: https://dr.jones.dk/box/talk/p2p/
+User-facing Website: https://solidbox.org/
+Developer wiki: https://wiki.debian.org/Solidbox

Slidy
+copyright W3C; licensed under W3C.

Styling
+copyright Siri Reiter; licensed under CC-BY-SA 4.0.

Font Cantarell
+copyright Understanding Limited & Jakub Steiner; licensed under OFL 1.1.

+ + diff --git a/box/talk/p2p/local.css b/box/talk/p2p/local.css new file mode 100644 index 0000000..26197db --- /dev/null +++ b/box/talk/p2p/local.css @@ -0,0 +1 @@ +body{background-color:#484537;background-attachment:fixed;background-repeat:no-repeat;background-position:95% 10%;color:#aca793}div.slide h1{opacity:0.7}.figure{height:70%}.figure img{max-height:100%;max-width:80%}img{position:fixed;right:10%;bottom:10%} diff --git a/box/talk/p2p/question.svg b/box/talk/p2p/question.svg new file mode 100644 index 0000000..414e841 --- /dev/null +++ b/box/talk/p2p/question.svg @@ -0,0 +1,72 @@ + + + + diff --git a/box/talk/p2p/slidy.css b/box/talk/p2p/slidy.css new file mode 100644 index 0000000..c713c88 --- /dev/null +++ b/box/talk/p2p/slidy.css @@ -0,0 +1,403 @@ +/* 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: rgba(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; +} + +@media screen and (max-device-width: 1024px) +{ + div.slide { font-size: 100%; } +} + +@media screen and (max-device-width: 800px) +{ + div.slide { font-size: 200%; } + div.slidy_toc { + top: 1em; + left: 1em; + right: auto; + width: 80%; + font-size: 180%; + } +} + +div.toc-heading { + width: 100%; + border-bottom: solid 1px rgb(180,180,180); + margin-bottom: 1em; + text-align: center; +} + +img { + image-rendering: optimize-quality; +} + +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} +.toolbar a:link {color: blue} +.toolbar a:visited {color: blue} +.toolbar a:active {color: red} +.toolbar 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 } +} + diff --git a/box/talk/p2p/slidy.js b/box/talk/p2p/slidy.js new file mode 100644 index 0000000..83723b4 --- /dev/null +++ b/box/talk/p2p/slidy.js @@ -0,0 +1,531 @@ + +var w3c_slidy={ns_pos:(typeof window.pageYOffset!='undefined'),khtml:((navigator.userAgent).indexOf("KHTML")>=0?true:false),opera:((navigator.userAgent).indexOf("Opera")>=0?true:false),ipad:((navigator.userAgent).indexOf("iPad")>=0?true:false),iphone:((navigator.userAgent).indexOf("iPhone")>=0?true:false),android:((navigator.userAgent).indexOf("Android")>=0?true:false),ie:(typeof document.all!="undefined"&&!this.opera),ie6:(!this.ns_pos&&navigator.userAgent.indexOf("MSIE 6")!=-1),ie7:(!this.ns_pos&&navigator.userAgent.indexOf("MSIE 7")!=-1),ie8:(!this.ns_pos&&navigator.userAgent.indexOf("MSIE 8")!=-1),ie9:(!this.ns_pos&&navigator.userAgent.indexOf("MSIE 9")!=-1),last_tap:0,prev_tap:0,start_x:0,start_y:0,delta_x:0,delta_y:0,is_xhtml:/xml/.test(document.contentType),slide_number:0,slide_number_element:null,slides:[],notes:[],backgrounds:[],observers:[],toolbar:null,title:null,last_shown:null,eos:null,toc:null,outline:null,selected_text_len:0,view_all:0,want_toolbar:true,mouse_click_enabled:true,scroll_hack:0,disable_slide_click:false,lang:"en",help_anchor:null,help_page:"http://www.w3.org/Talks/Tools/Slidy2/help/help.html",help_text:"Navigate with mouse click, space bar, Cursor Left/Right, "+"or Pg Up and Pg Dn. Use S and B to change font size.",size_index:0,size_adjustment:0,sizes:new Array("10pt","12pt","14pt","16pt","18pt","20pt","22pt","24pt","26pt","28pt","30pt","32pt"),last_width:0,last_height:0,objects:[],set_up:function(){var init=function(){w3c_slidy.init();};if(typeof window.addEventListener!="undefined") +window.addEventListener("load",init,false);else +window.attachEvent("onload",init);},hide_slides:function(){if(document.body&&!w3c_slidy.initialized) +document.body.style.visibility="hidden";else +setTimeout(w3c_slidy.hide_slides,50);},ie_hack:function(){window.resizeBy(0,-1);window.resizeBy(0,1);},init:function(){document.body.style.visibility="visible";this.init_localization();this.add_toolbar();this.wrap_implicit_slides();this.collect_slides();this.collect_notes();this.collect_backgrounds();this.objects=document.body.getElementsByTagName("object");this.patch_anchors();this.slide_number=this.find_slide_number(location.href);window.offscreenbuffering=true;this.size_adjustment=this.find_size_adjust();this.time_left=this.find_duration();this.hide_image_toolbar();this.init_outliner();this.title=document.title;this.keyboardless=(this.ipad||this.iphone||this.android);if(this.keyboardless) +{w3c_slidy.remove_class(w3c_slidy.toolbar,"hidden") +this.want_toolbar=0;} +this.is_xhtml=(document.body.tagName=="BODY"?false:true);if(this.slides.length>0) +{var slide=this.slides[this.slide_number];if(this.slide_number>0) +{this.set_visibility_all_incremental("visible");this.last_shown=this.previous_incremental_item(null);this.set_eos_status(true);} +else +{this.last_shown=null;this.set_visibility_all_incremental("hidden");this.set_eos_status(!this.next_incremental_item(this.last_shown));} +this.set_location();this.add_class(this.slides[0],"first-slide");w3c_slidy.show_slide(slide);} +this.toc=this.table_of_contents();this.add_initial_prompt();if(!this.keyboardless) +{this.add_listener(document.body,"click",this.mouse_button_click);this.add_listener(document.body,"mousedown",this.mouse_button_down);} +this.add_listener(document,"keydown",this.key_down);this.add_listener(document,"keypress",this.key_press);this.add_listener(window,"resize",this.resized);this.add_listener(window,"scroll",this.scrolled);this.add_listener(window,"unload",this.unloaded);this.add_listener(document,"gesturechange",function() +{return false;});this.attach_touch_handers(this.slides);this.single_slide_view();this.resized();if(this.ie7) +setTimeout(w3c_slidy.ie_hack,100);this.show_toolbar();setInterval(function(){w3c_slidy.check_location();},200);w3c_slidy.initialized=true;},table_of_contents:function(){var toc=this.create_element("div");this.add_class(toc,"slidy_toc hidden");var heading=this.create_element("div");this.add_class(heading,"toc-heading");heading.innerHTML=this.localize("Table of Contents");toc.appendChild(heading);var previous=null;for(var i=0;i1) +return;e.preventDefault();var touch=e.touches[0];this.delta_x=touch.pageX-this.pageX;this.delta_y=touch.pageY-this.pageY;},touchend:function(e) +{if(e.touches.length>1) +return;var delay=(new Date).getTime()-this.last_tap;var dx=this.delta_x;var dy=this.delta_y;var abs_dx=Math.abs(dx);var abs_dy=Math.abs(dy);if(delay<500&&(abs_dx>100||abs_dy>100)) +{if(abs_dx>0.5*abs_dy) +{e.preventDefault();if(dx<0) +w3c_slidy.next_slide(true);else +w3c_slidy.previous_slide(true);} +else if(abs_dy>2*abs_dx) +{e.preventDefault();w3c_slidy.toggle_table_of_contents();}}},before_print:function(){this.show_all_slides();this.hide_toolbar();alert("before print");},after_print:function(){if(!this.view_all) +{this.single_slide_view();this.show_toolbar();} +alert("after print");},print_slides:function(){this.before_print();window.print();this.after_print();},toggle_view:function(){if(this.view_all) +{this.single_slide_view();this.show_toolbar();this.view_all=0;} +else +{this.show_all_slides();this.hide_toolbar();this.view_all=1;}},show_all_slides:function(){this.remove_class(document.body,"single_slide");this.set_visibility_all_incremental("visible");},single_slide_view:function(){this.add_class(document.body,"single_slide");this.set_visibility_all_incremental("visible");this.last_shown=this.previous_incremental_item(null);},hide_image_toolbar:function(){if(!this.ns_pos) +{var images=document.getElementsByTagName("IMG");for(var i=0;i=0?true:false);},slide_name:function(index){var name=null;var slide=this.slides[index];var heading=this.find_heading(slide);if(heading) +name=this.extract_text(heading);if(!name) +name=this.title+"("+(index+1)+")";name.replace(/\&/g,"&");name.replace(/\/g,">");return name;},find_heading:function(node){if(!node||node.nodeType!=1) +return null;if(node.nodeName=="H1"||node.nodeName=="h1") +return node;var child=node.firstChild;while(child) +{node=this.find_heading(child);if(node) +return node;child=child.nextSibling;} +return null;},extract_text:function(node){if(!node) +return"";if(node.nodeType==3) +return node.nodeValue;if(node.nodeType==1) +{node=node.firstChild;var text="";while(node) +{text=text+this.extract_text(node);node=node.nextSibling;} +return text;} +return"";},find_copyright:function(){var name,content;var meta=document.getElementsByTagName("meta");for(var i=0;i0&&(hash==""||hash=="#")) +w3c_slidy.goto_slide(0);else if(hash.length>2&&hash!="#("+(w3c_slidy.slide_number+1)+")") +{var num=parseInt(location.hash.substr(2));if(!isNaN(num)) +w3c_slidy.goto_slide(num-1);} +if(w3c_slidy.time_left&&w3c_slidy.slide_number>0) +{w3c_slidy.show_slide_number();if(w3c_slidy.time_left>0) +w3c_slidy.time_left-=200;}},get_timer:function(){var timer="";if(w3c_slidy.time_left) +{var mins,secs;secs=Math.floor(w3c_slidy.time_left/1000);mins=Math.floor(secs/60);secs=secs%60;timer=(mins?mins+"m":"")+secs+"s ";} +return timer;},set_location:function(){var uri=w3c_slidy.page_address(location.href);var hash="#("+(w3c_slidy.slide_number+1)+")";if(w3c_slidy.slide_number>=0) +uri=uri+hash;if(typeof(history.pushState)!="undefined") +{document.title=w3c_slidy.title+" ("+(w3c_slidy.slide_number+1)+")";history.pushState(0,document.title,hash);w3c_slidy.show_slide_number();w3c_slidy.notify_observers();return;} +if(w3c_slidy.ie&&(w3c_slidy.ie6||w3c_slidy.ie7)) +w3c_slidy.push_hash(hash);if(uri!=location.href) +location.href=uri;if(this.khtml) +hash="("+(w3c_slidy.slide_number+1)+")";if(!this.ie&&location.hash!=hash&&location.hash!="") +location.hash=hash;document.title=w3c_slidy.title+" ("+(w3c_slidy.slide_number+1)+")";w3c_slidy.show_slide_number();w3c_slidy.notify_observers();},notify_observers:function() +{var slide=this.slides[this.slide_number];for(var i=0;i'");doc.write("hello mum");doc.close();},find_slide_number:function(uri){var i=uri.indexOf("#");if(i<0) +return 0;var anchor=unescape(uri.substr(i+1));var target=document.getElementById(anchor);if(!target) +{var re=/\((\d)+\)/;if(anchor.match(re)) +{var num=parseInt(anchor.substring(1,anchor.length-1));if(num>this.slides.length) +num=1;if(--num<0) +num=0;return num;} +re=/\[(\d)+\]/;if(anchor.match(re)) +{var num=parseInt(anchor.substring(1,anchor.length-1));if(num>this.slides.length) +num=1;if(--num<0) +num=0;return num;} +return 0;} +while(true) +{if(target.nodeName.toLowerCase()=="div"&&this.has_class(target,"slide")) +{break;} +target=target.parentNode;if(!target) +{return 0;}};for(i=0;i0) +{slide=w3c_slidy.slides[w3c_slidy.slide_number];w3c_slidy.hide_slide(slide);w3c_slidy.slide_number=w3c_slidy.slide_number-1;slide=w3c_slidy.slides[w3c_slidy.slide_number];w3c_slidy.set_visibility_all_incremental("visible");w3c_slidy.last_shown=w3c_slidy.previous_incremental_item(null);w3c_slidy.set_eos_status(true);w3c_slidy.show_slide(slide);} +w3c_slidy.set_location();if(!w3c_slidy.ns_pos) +w3c_slidy.refresh_toolbar(200);}},next_slide:function(incremental){if(!w3c_slidy.view_all) +{var slide,last=w3c_slidy.last_shown;if(incremental||w3c_slidy.slide_number==w3c_slidy.slides.length-1) +w3c_slidy.last_shown=w3c_slidy.reveal_next_item(w3c_slidy.last_shown);if((!incremental||w3c_slidy.last_shown==null)&&w3c_slidy.slide_number=0||bgColor.indexOf("opacity")>=0) +{var slideClass=this.get_class_list(slide);for(var i=0;i1.05*1024/768)) +{width=height*1024.0/768;} +if(width!=w3c_slidy.last_width||height!=w3c_slidy.last_height) +{if(width>=1100) +w3c_slidy.size_index=5;else if(width>=1000) +w3c_slidy.size_index=4;else if(width>=800) +w3c_slidy.size_index=3;else if(width>=600) +w3c_slidy.size_index=2;else if(width) +w3c_slidy.size_index=0;if(0<=w3c_slidy.size_index+w3c_slidy.size_adjustment&&w3c_slidy.size_index+w3c_slidy.size_adjustmentoh?sh:oh);} +return 0;},smaller:function(){if(w3c_slidy.size_index>0) +{--w3c_slidy.size_index;} +w3c_slidy.toolbar.style.display="none";document.body.style.fontSize=w3c_slidy.sizes[w3c_slidy.size_index];var slide=w3c_slidy.slides[w3c_slidy.slide_number];w3c_slidy.hide_slide(slide);w3c_slidy.show_slide(slide);setTimeout(function(){w3c_slidy.show_toolbar();},50);},bigger:function(){if(w3c_slidy.size_index0) +{var range=selection.getRangeAt(0);range.collapse(false);}} +else +{var textRange=document.selection.createRange();textRange.collapse(false);}},get_selected_text:function(){try +{if(window.getSelection) +return window.getSelection().toString();if(document.getSelection) +return document.getSelection().toString();if(document.selection) +return document.selection.createRange().text;} +catch(e) +{} +return"";},mouse_button_up:function(e){w3c_slidy.selected_text_len=w3c_slidy.get_selected_text().length;},mouse_button_down:function(e){w3c_slidy.selected_text_len=w3c_slidy.get_selected_text().length;w3c_slidy.mouse_x=e.clientX;w3c_slidy.mouse_y=e.clientY;},mouse_button_click:function(e){if(!e) +var e=window.event;if(Math.abs(e.clientX-w3c_slidy.mouse_x)+ +Math.abs(e.clientY-w3c_slidy.mouse_y)>10) +return true;if(w3c_slidy.selected_text_len>0) +return true;var rightclick=false;var leftclick=false;var middleclick=false;var target;if(!e) +var e=window.event;if(e.target) +target=e.target;else if(e.srcElement) +target=e.srcElement;if(target.nodeType==3) +target=target.parentNode;if(e.which) +{leftclick=(e.which==1);middleclick=(e.which==2);rightclick=(e.which==3);} +else if(e.button) +{if(e.button==4) +middleclick=true;rightclick=(e.button==2);} +else +leftclick=true;if(w3c_slidy.selected_text_len>0) +{w3c_slidy.stop_propagation(e);e.cancel=true;e.returnValue=false;return false;} +w3c_slidy.hide_table_of_contents(false);var tag=target.nodeName.toLowerCase();if(w3c_slidy.mouse_click_enabled&&leftclick&&!w3c_slidy.special_element(target)&&!target.onclick) +{w3c_slidy.next_slide(true);w3c_slidy.stop_propagation(e);e.cancel=true;e.returnValue=false;return false;} +return true;},special_element:function(element){if(this.has_class(element,"non-interactive")) +return false;var tag=element.nodeName.toLowerCase();return element.onkeydown||element.onclick||tag=="a"||tag=="embed"||tag=="object"||tag=="video"||tag=="audio"||tag=="svg"||tag=="canvas"||tag=="input"||tag=="textarea"||tag=="select"||tag=="option";},slidy_chrome:function(el){while(el) +{if(el==w3c_slidy.toc||el==w3c_slidy.toolbar||w3c_slidy.has_class(el,"outline")) +return true;el=el.parentNode;} +return false;},get_key:function(e) +{var key;if(typeof window.event!="undefined") +key=window.event.keyCode;else if(e.which) +key=e.which;return key;},get_target:function(e){var target;if(!e) +e=window.event;if(e.target) +target=e.target;else if(e.srcElement) +target=e.srcElement;if(target.nodeType!=1) +target=target.parentNode;return target;},is_block:function(elem){var tag=elem.nodeName.toLowerCase();return tag=="ol"||tag=="ul"||tag=="p"||tag=="dl"||tag=="li"||tag=="table"||tag=="pre"||tag=="h1"||tag=="h2"||tag=="h3"||tag=="h4"||tag=="h5"||tag=="h6"||tag=="blockquote"||tag=="address";},add_listener:function(element,event,handler){if(window.addEventListener) +element.addEventListener(event,handler,false);else +element.attachEvent("on"+event,handler);},stop_propagation:function(event){event=event?event:window.event;event.cancelBubble=true;if(event.stopPropagation) +event.stopPropagation();return true;},cancel:function(event){if(event) +{event.cancel=true;event.returnValue=false;if(event.preventDefault) +event.preventDefault();} +w3c_slidy.key_wanted=false;return false;},strings_es:{"slide":"pág.","help?":"Ayuda","contents?":"Índice","table of contents":"tabla de contenidos","Table of Contents":"Tabla de Contenidos","restart presentation":"Reiniciar presentación","restart?":"Inicio"},help_es:"Utilice el ratón, barra espaciadora, teclas Izda/Dcha, "+"o Re pág y Av pág. Use S y B para cambiar el tamaño de fuente.",strings_ca:{"slide":"pàg..","help?":"Ajuda","contents?":"Índex","table of contents":"taula de continguts","Table of Contents":"Taula de Continguts","restart presentation":"Reiniciar presentació","restart?":"Inici"},help_ca:"Utilitzi el ratolí, barra espaiadora, tecles Esq./Dta. "+"o Re pàg y Av pàg. Usi S i B per canviar grandària de font.",strings_cs:{"slide":"snímek","help?":"nápověda","contents?":"obsah","table of contents":"obsah prezentace","Table of Contents":"Obsah prezentace","restart presentation":"znovu spustit prezentaci","restart?":"restart"},help_cs:"Prezentaci můžete procházet pomocí kliknutí myši, mezerníku, "+"šipek vlevo a vpravo nebo kláves PageUp a PageDown. Písmo se "+"dá zvětšit a zmenšit pomocí kláves B a S.",strings_nl:{"slide":"pagina","help?":"Help?","contents?":"Inhoud?","table of contents":"inhoudsopgave","Table of Contents":"Inhoudsopgave","restart presentation":"herstart presentatie","restart?":"Herstart?"},help_nl:"Navigeer d.m.v. het muis, spatiebar, Links/Rechts toetsen, "+"of PgUp en PgDn. Gebruik S en B om de karaktergrootte te veranderen.",strings_de:{"slide":"Seite","help?":"Hilfe","contents?":"Übersicht","table of contents":"Inhaltsverzeichnis","Table of Contents":"Inhaltsverzeichnis","restart presentation":"Präsentation neu starten","restart?":"Neustart"},help_de:"Benutzen Sie die Maus, Leerschlag, die Cursortasten links/rechts oder "+"Page up/Page Down zum Wechseln der Seiten und S und B für die Schriftgrösse.",strings_pl:{"slide":"slajd","help?":"pomoc?","contents?":"spis treści?","table of contents":"spis treści","Table of Contents":"Spis Treści","restart presentation":"Restartuj prezentację","restart?":"restart?"},help_pl:"Zmieniaj slajdy klikając myszą, naciskając spację, strzałki lewo/prawo"+"lub PgUp / PgDn. Użyj klawiszy S i B, aby zmienić rozmiar czczionki.",strings_fr:{"slide":"page","help?":"Aide","contents?":"Index","table of contents":"table des matières","Table of Contents":"Table des matières","restart presentation":"Recommencer l'exposé","restart?":"Début"},help_fr:"Naviguez avec la souris, la barre d'espace, les flèches "+"gauche/droite ou les touches Pg Up, Pg Dn. Utilisez "+"les touches S et B pour modifier la taille de la police.",strings_hu:{"slide":"oldal","help?":"segítség","contents?":"tartalom","table of contents":"tartalomjegyzék","Table of Contents":"Tartalomjegyzék","restart presentation":"bemutató újraindítása","restart?":"újraindítás"},help_hu:"Az oldalak közti lépkedéshez kattintson az egérrel, vagy "+"használja a szóköz, a bal, vagy a jobb nyíl, illetve a Page Down, "+"Page Up billentyűket. Az S és a B billentyűkkel változtathatja "+"a szöveg méretét.",strings_it:{"slide":"pag.","help?":"Aiuto","contents?":"Indice","table of contents":"indice","Table of Contents":"Indice","restart presentation":"Ricominciare la presentazione","restart?":"Inizio"},help_it:"Navigare con mouse, barra spazio, frecce sinistra/destra o "+"PgUp e PgDn. Usare S e B per cambiare la dimensione dei caratteri.",strings_el:{"slide":"σελίδα","help?":"βοήθεια;","contents?":"περιεχόμενα;","table of contents":"πίνακας περιεχομένων","Table of Contents":"Πίνακας Περιεχομένων","restart presentation":"επανεκκίνηση παρουσίασης","restart?":"επανεκκίνηση;"},help_el:"Πλοηγηθείτε με το κλίκ του ποντικιού, το space, τα βέλη αριστερά/δεξιά, "+"ή Page Up και Page Down. Χρησιμοποιήστε τα πλήκτρα S και B για να αλλάξετε "+"το μέγεθος της γραμματοσειράς.",strings_ja:{"slide":"スライド","help?":"ヘルプ","contents?":"目次","table of contents":"目次を表示","Table of Contents":"目次","restart presentation":"最初から再生","restart?":"最初から"},help_ja:"マウス左クリック・スペース・左右キー "+"または Page Up ・ Page Downで操作， S ・ Bでフォントサイズ変更",strings_zh:{"slide":"幻灯片","help?":"帮助?","contents?":"内容?","table of contents":"目录","Table of Contents":"目录","restart presentation":"重新启动展示","restart?":"重新启动?"},help_zh:"用鼠标点击, 空格条, 左右箭头, Pg Up 和 Pg Dn 导航. "+"用 S, B 改变字体大小.",strings_ru:{"slide":"слайд","help?":"помощь?","contents?":"содержание?","table of contents":"оглавление","Table of Contents":"Оглавление","restart presentation":"перезапустить презентацию","restart?":"перезапуск?"},help_ru:"Перемещайтесь кликая мышкой, используя клавишу пробел, стрелки"+"влево/вправо или Pg Up и Pg Dn. Клавиши S и B меняют размер шрифта.",strings_sv:{"slide":"sida","help?":"hjälp","contents?":"innehåll","table of contents":"innehållsförteckning","Table of Contents":"Innehållsförteckning","restart presentation":"visa presentationen från början","restart?":"börja om"},help_sv:"Bläddra med ett klick med vänstra musknappen, mellanslagstangenten, "+"vänster- och högerpiltangenterna eller tangenterna Pg Up, Pg Dn. "+"Använd tangenterna S och B för att ändra textens storlek.",strings:{},localize:function(src){if(src=="") +return src;var s,lookup=w3c_slidy.strings[w3c_slidy.lang];if(lookup) +{s=lookup[src];if(s) +return s;} +var lg=w3c_slidy.lang.split("-");if(lg.length>1) +{lookup=w3c_slidy.strings[lg[0]];if(lookup) +{s=lookup[src];if(s) +return s;}} +return src;},init_localization:function(){var i18n=w3c_slidy;var help_text=w3c_slidy.help_text;this.strings={"es":this.strings_es,"ca":this.strings_ca,"cs":this.strings_cs,"nl":this.strings_nl,"de":this.strings_de,"pl":this.strings_pl,"fr":this.strings_fr,"hu":this.strings_hu,"it":this.strings_it,"el":this.strings_el,"jp":this.strings_ja,"zh":this.strings_zh,"ru":this.strings_ru,"sv":this.strings_sv},i18n.strings_es[help_text]=i18n.help_es;i18n.strings_ca[help_text]=i18n.help_ca;i18n.strings_cs[help_text]=i18n.help_cs;i18n.strings_nl[help_text]=i18n.help_nl;i18n.strings_de[help_text]=i18n.help_de;i18n.strings_pl[help_text]=i18n.help_pl;i18n.strings_fr[help_text]=i18n.help_fr;i18n.strings_hu[help_text]=i18n.help_hu;i18n.strings_it[help_text]=i18n.help_it;i18n.strings_el[help_text]=i18n.help_el;i18n.strings_ja[help_text]=i18n.help_ja;i18n.strings_zh[help_text]=i18n.help_zh;i18n.strings_ru[help_text]=i18n.help_ru;i18n.strings_sv[help_text]=i18n.help_sv;w3c_slidy.lang=document.body.parentNode.getAttribute("lang");if(!w3c_slidy.lang) +w3c_slidy.lang=document.body.parentNode.getAttribute("xml:lang");if(!w3c_slidy.lang) +w3c_slidy.lang="en";}};if(w3c_slidy.ie6||w3c_slidy.ie7) +{document.write("");} +w3c_slidy.set_up();setTimeout(w3c_slidy.hide_slides,50); \ No newline at end of file diff --git a/box/talk/p2p/swirl.svg b/box/talk/p2p/swirl.svg new file mode 100644 index 0000000..4e0882d --- /dev/null +++ b/box/talk/p2p/swirl.svg @@ -0,0 +1,130 @@ + + + + -- cgit v1.2.3