PageSourceSearch

https://blog.su-pa.net/page/some-projects

html su-pa.net collected 2026-09-24 09:06:05 UTC 53,637 bytes, 391 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
5	<link rel="contents" title="Archive" href="/archive" />
6	<link rel="start" title="suter & partner" href="/" />
7	<link type="application/rsd+xml" rel="edituri" title="RSD" href="https://blog.su-pa.net/rsd.axd" />
8	<link type="application/rdf+xml" rel="meta" title="SIOC" href="https://blog.su-pa.net/sioc.axd" />
9	<link type="application/apml+xml" rel="meta" title="APML" href="https://blog.su-pa.net/apml.axd" />
10	<link type="application/rdf+xml" rel="meta" title="FOAF" href="https://blog.su-pa.net/foaf.axd" />
11	<link type="application/rss+xml" rel="alternate" title="suter & partner (RSS)" href="https://blog.su-pa.net/syndication.axd" />
12	<link type="application/atom+xml" rel="alternate" title="suter & partner (ATOM)" href="https://blog.su-pa.net/syndication.axd?format=atom" />
13	<link type="application/opensearchdescription+xml" rel="search" title="suter & partner" href="https://blog.su-pa.net/opensearch.axd" />
14	<link href="/Content/Auto/Global.css" rel="stylesheet" type="text/css" /><meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" /><link href="../Custom/Themes/Standard-2015/css/bootstrap.min.css" rel="stylesheet" /><link href="../Custom/Themes/Standard-2015/css/main.css" rel="stylesheet" /><link href="../Custom/Themes/Standard-2015/css/responsive.css" rel="stylesheet" /><link href="../scripts/syntaxhighlighter/styles/shCore.css" rel="stylesheet" type="text/css" /><link href="../scripts/syntaxhighlighter/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
15	
15<script type="text/javascript" src="/en-us.res.axd"></script>
15
16	
16<script type="text/javascript" src="/Scripts/Auto/01-jquery-1.9.1.min.js"></script>
16
17	
17<script type="text/javascript" src="/Scripts/Auto/02-jquery.cookie.js"></script>
17
18	
18<script type="text/javascript" src="/Scripts/Auto/04-jquery-jtemplates.js"></script>
18
19	
19<script type="text/javascript" src="/Scripts/Auto/05-json2.min.js"></script>
19
20	
20<script type="text/javascript" src="/Scripts/Auto/blog.js"></script>
20
21    
21<script type="text/javascript" src="/scripts/syntaxhighlighter/scripts/XRegExp.js"></script>
21
22    
22<script type="text/javascript" src="/scripts/syntaxhighlighter/scripts/shCore.js"></script>
22
23    
23<script type="text/javascript" src="/scripts/syntaxhighlighter/scripts/shAutoloader.js"></script>
23
24    
24<script type="text/javascript" src="/scripts/syntaxhighlighter/shActivator.js"></script>
24
25    
26	<meta name="description" content="suter &amp; partner -  - Selection and overview of references, projects and concepts from su-pa, suter &amp; partner" /><title>
27	suter & partner | Selection of su-pa projects
28</title></head>
29<body class="ltr">
30    <form method="post" action="/page/some-projects" id="aspnetForm">
31<div class="aspNetHidden">
32<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" />
33</div>
34
35        <header class="header">
36            <div class="navbar navbar-inverse" role="navigation">
37                <div class="container">
38                    <div class="navbar-header">
39                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
40                            <span class="sr-only">Toggle navigation</span>
41                            <span class="icon-bar"></span>
42                            <span class="icon-bar"></span>
43                            <span class="icon-bar"></span>
44                        </button>
45                    </div>
46                    <div class="navbar-collapse collapse">
47                        <ul class="nav navbar-nav ">
48                            <li><a href="https://blog.su-pa.net/">Home</a></li>
49                            <li><a href="https://blog.su-pa.net/archive">Archive</a></li>
50
51                            
52                            <li class="page-menu clearfix">
53                                <a href="/page/suter-partner" class="pull-left dropdown-m">suter & partner </a>
54                                
55                                <a href="#" data-toggle="dropdown" class="dropdown-toggle pull-left"><span class="caret"></span></a>
56                                <ul class="dropdown-menu dropdown-menu-u">
57                                    
58                                    <li><a href="/page/auswahl-von-su-pa-projekten">Auswahl an Projekten</a></li>
59                                    
60                                    <li><a href="/page/collaborators-jobs-partners">Collaborators, Jobs, Partners</a></li>
61                                    
62                                    <li><a href="/page/some-projects">Selection of su-pa projects</a></li>
63                                    
64                                    <li><a href="/page/suter-partner-de">suter & partner de</a></li>
65                                    
66                                </ul>
67                                </li>
68                            
69                            <li class="page-menu clearfix">
70                                <a href="/page/contact-us" class="pull-left dropdown-m">Contact & Address </a>
71                                </li>
72                            
73                        </ul>
74                        <ul class="nav navbar-nav navbar-right">
75                            <li><a id="ctl00_aLogin"></a></li>
76                        </ul>
77                    </div>
78                </div>
79            </div>
80            <div class="title-wrapper">
81                <div class="container">
82                    <a href="https://blog.su-pa.net/">
83                        <img src="https://blog.su-pa.net/images/suter-partner-logo.png" class="pull-left" title="suter & partner - because ideas can change reality" alt="suter & partner - because ideas can change reality" />
84                    </a>
85                    <!--
86                    <div id="social-icons" class="pull-right social-icon">
87                        <a href="https://facebook.com/BlogEngine.NET">
88                            <img src="../Custom/Themes/Standard-2015/images/facebook.png" />
89                        </a>
90                        <a href="https://twitter.com/blogenginenet">
91                            <img src="../Custom/Themes/Standard-2015/images/twitter.png" />
92                        </a>
93                        <a href="https://plus.google.com/u/0">
94                            <img src="../Custom/Themes/Standard-2015/images/googleplus.png" />
95                        </a>
96                        <a href="https://blog.su-pa.net/syndication.axd">
97                            <img src="../Custom/Themes/Standard-2015/images/rss.png" />
98                        </a>
99                    </div>
100                    -->
101                </div>
102            </div>
103        </header>
104        <section class="container">
105            <div class="row">
106                <section class="col-md-8 content-wrapper">
107                    
108                    
109  <div id="page" class="page-global">
110    <h2 id="ctl00_cphBody_h1Title" class="page-global-title">Selection of su-pa projects</h2>
111    <div id="ctl00_cphBody_divText"><p><strong>About&nbsp;<a title="about su-pa" href="/page/suter-partner">suter &amp; partner</a></strong><br /><strong>Get involved:&nbsp;<a href="/page/collaborators-jobs-partners">Collaborator, Job, Partner<br /></a><a href="/admin/app/editor/page/contact-us">Contact &amp; Address</a></strong><a href="/page/collaborators-jobs-partners"><br /></a></p>
112<h3><span style="color: #ff6600;">Wikipedia Preview box</span></h3>
113<p>Automatically turns any Wikipedia link on your website into a link with a nice&nbsp;<strong>preview box</strong>&nbsp;(article summary), open source. You can see examples on this page,&nbsp;<strong>mouseover or tap words</strong>&nbsp;that have a&nbsp;<a href="https://en.wikipedia.org/wiki/Subscript_and_superscript">superscript W</a>.<br /><a href="https://su-pa.net/wikiPrevBox/" target="_blank">Project website</a>&nbsp;(su-pa.net)<br /><a title="Wikipedia preview" href="https://github.com/su-pa/Wikipedia-preview-boxes" target="_blank">Source code</a>&nbsp;(github.com)</p>
114<h3><span style="color: #ff6600;"><strong>&laquo;Z&uuml;ri begr&uuml;nt&raquo; partizipativ<br /></strong></span></h3>
115<p><img style="float: left; margin-right: 17px; box-shadow: 7px 7px 10px #929292; max-width: 25%;" src="/image.axd?picture=/2022/Zueri-begruent_logo_192x192.png" alt="Z&uuml;ri begr&uuml;nt partizipativ Logo" width="150" /><strong>A new concept &amp; brand</strong>&nbsp;&ndash; An offline usable&nbsp;<a href="https://en.wikipedia.org/wiki/Progressive_web_application">PWA</a>&nbsp;web app tool for taking measures to make cities greener, healthier &amp; cooler! It consists of two parts, the first is the information with independent sections and the second is visualization, a so-called "multi-slider" (can show past-future, future-past, round about, forward-backward or even the smartphone live cam).&nbsp;<strong>Deep insights</strong>&nbsp;are easily provided&nbsp;<strong>without further demands</strong>&nbsp;being made on one.<br />&nbsp;<br /><a title="Z&uuml;rich begr&uuml;nt partizipativ" href="https://zuericooldown.ch/" target="_blank">Project website</a>&nbsp;(zuericooldown.ch)<br /><a title="Zurich begr&uuml;nt partizipativ PWA" href="https://zueri.begruent.ch/" target="_blank">Z&uuml;ri begr&uuml;nt</a>&nbsp;(begruent.ch) web app,&nbsp;<a href="https://en.wikipedia.org/wiki/Progressive_web_application">PWA</a>&nbsp;-&nbsp;<strong>prototype for smartphones<br /></strong><a href="https://zuericooldown.ch/pdf/Infoblatt_web-app_Zueri-begruent_cooldown.city_SFG-22.06.22.pdf" target="_blank">Factsheet about the web app</a>&nbsp;(PDF, german), overview on one page<br /><a href="https://www.citizenscience.uzh.ch/de/projekte/zueribegruent.html" target="_blank">Project description</a>&nbsp;(citizenscience.uzh.ch) UZH, ETH Z&uuml;rich, seed grant<br /><a href="https://www.schweizforscht.ch/projekte/zueri-begruent-partizipativ-cool-down-your-city" target="_blank">
115Project on "Schweiz forscht"</a>&nbsp;(schweizforscht.ch)<br /><a title="Videso about the PWA" href="https://vimeo.com/showcase/8744636" target="_blank">Videos "How the App works"</a>&nbsp;(vimeo.com)<br /><a title="Basis f&uuml;r Projekte in versch. St&auml;dten" href="https://cooldown.city/" target="_blank">Project basis</a>&nbsp;for other cities (cooldown.city, German)</p>
116<h3><span style="color: #ff6600;"><strong>LWR tool<br /></strong></span></h3>
117<p>Transforms a&nbsp;<strong>leaflet</strong>&nbsp;into a&nbsp;<strong>web app</strong>,&nbsp;<a href="https://en.wikipedia.org/wiki/Progressive_web_application">PWA</a>. A supracantonal tool for the calculation of&nbsp;<a href="https://en.wikipedia.org/wiki/Firefighting">firefighting</a>&nbsp;water retention volume. A&nbsp;<strong>new concept</strong>&nbsp;that allows one to immerse oneself in the topic, but always remains simple and at the same time is a tool for planning,&nbsp;<a href="/post/fire-fighting-water-retention-calculation-tool">more ...</a><br />Web app as&nbsp;<a href="https://en.wikipedia.org/wiki/Progressive_web_application">PWA</a>:&nbsp;<a title="L&ouml;schwasser-R&uuml;ckhaltebecken Berechnung" href="https://lwrtool.ch/" target="_blank">LWR Tool</a>&nbsp;(lwrtool.ch)</p>
118<h3><span style="color: #ff6600;">&laquo;De schn&auml;llscht Z&uuml;rifisch&raquo;</span></h3>
119<p>The fastest "fish in Zurich" &ndash; an annual swimming competition for schoolchildren from the "Departement of School and Sport" of the city of Zurich. Website for the organization of the event with some cute sea creatures.<br />Website:&nbsp;<a href="https://zuerifisch.ch" target="_blank">zuerifisch.ch</a></p>
120<h3><span style="color: #ff6600;">Risk &amp; Safety association<br /></span></h3>
121<p>Website with members' area for the association, of which Eliane Suter is a board member. Every few months, an event is organized on a selected "Risk &amp; Safety" topic, where highly qualified people from research and practice share and discuss their knowledge and experience.<br />Website:&nbsp;<a href="https://risikosicherheit.ch/" target="_blank">risikosicherheit.ch</a></p>
122<h3><a id="gestures"></a><span style="color: #ff6600;">Sicilian Gestures - Android App &amp; Web App (PWA)</span></h3>
123<p style="clear: both;"><img style="float: left; margin: 0 17px 5px 0; box-shadow: 5px 5px 7px #929292; max-width: 20%;" src="/image.axd?picture=/2022/sicilian-gestures-app-icon.png" alt="Sizilian Gestures app Logo" /></p>
124<p>&nbsp;<br />A&nbsp;<strong>new concept &amp; an unique design that fits the theme</strong>, a simplified &amp; focused&nbsp;<strong>multilingual</strong>&nbsp;app with&nbsp;<strong>no language switcher</strong>, works&nbsp;<strong>smoothly</strong>&nbsp;even on old devices.</p>
125<p>&nbsp;<strong><br /></strong></p>
126<h3 style="margin-top: 20px; font-size: 16px;"><span style="color: #ff6600;">Links</span></h3>
127<p><a href="https://siciliangestures.net/" target="_blank">Sicilian Gestures website</a>&nbsp;(siciliangestures.net)<br /><a href="https://vimeo.com/236327708" target="_blank">App</a><a href="https://play.google.com/store/apps/details?id=sicilian.gestures" target="_blank">&nbsp;promo video</a>&nbsp;(vimeo.com)<br /><a href="https://play.google.com/store/apps/details?id=sicilian.gestures&amp;hl=us&amp;gl=IT" target="_blank">App&nbsp;in android store</a>&nbsp;(play.google.com)<br /><a href="https://app.siciliangestures.net" target="_blank">App as a PWA</a>&nbsp;for iPhone &amp; Android (app.siciliangestures.net) - see below</p>
128<p>We have received some very nice reviews in the Google Play Store, e.g.<br />Tom. Zarebski:&nbsp;<em>"Brilliant app to learn all useful Sicilian gestures. Beautiful pictures and animations. great work"<br /></em>Anonymous Hippopotamus:&nbsp;<em>"FUN! It's so much fun to review the gestures seen in my upbringing near NYC. ..."<br /></em>Johnny:<em>&nbsp;"Lovely, powerful, graceful, strong &amp; deep. Fascinating, as I begin to learn how an expression sounds, how to write it, and what is the hand, arm, signals &amp; body language."</em></p>
129<p><strong>In addition, since 2021 the Gestures App is also available as a&nbsp;<a href="https://en.wikipedia.org/wiki/Progressive_web_application" target="_blank">PWA</a>!</strong>&nbsp;(progressive web app)</p>
130<p>Get the&nbsp;<strong><a href="https://app.siciliangestures.net/" target="_blank">Sicilian Gestures Web App</a>&nbsp;for Smartphones and&nbsp;<span style="background-color: #ffff99;">also&nbsp;for iPhones</span></strong><br />Note:&nbsp;<a href="https://vimeo.com/showcase/8744636" target="_blank">How to install, uninstall a PWA on your smartphone</a>&nbsp;(vimeo.com)</p>
131<p>The PWA uses the&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/API" target="_blank">Web APIs</a>&nbsp;(mozilla.org) of the web browser for sharing gestures etc., very privacy friendly, it is installable, but&nbsp;<strong>no app store is required!</strong></p>
132<p><strong>Technics:</strong>&nbsp;<a href="https://en.wikipedia.org/wiki/HTML5">HTML5</a>,&nbsp;<a href="https://en.wikipedia.org/wiki/Plain_vanilla">Vanilla JavaScript</a>&nbsp;and&nbsp;<a href="https://en.wikipedia.org/wiki/Apache_Cordova">Cordova</a>&nbsp;for the Android App;</p>
133<p><strong>We have even</strong>&nbsp;produced&nbsp;<strong>postcards &amp;&nbsp;<a title="poster with 74 Gestures of Sicily" href="/image.axd?picture=/2022/Gestures-of-Sicily-poster-A2_small.jpg" target="_blank">posters</a></strong>&nbsp;that are hung in Italian restaurants, for example; you can order them for CHF 20.- (A2 format)</p>
134<h3><span style="color: #ff6600;">"The horse" concept &amp; dontwastemy.energy<br /></span></h3>
135<p>A&nbsp;<strong>new concept</strong>&nbsp;of<strong>&nbsp;education through collaboration</strong>&nbsp;called<strong>&nbsp;&laquo;The Horse&raquo; concept</strong>.<br /><strong>Since 2016</strong>&nbsp;student teams from Switzerland, India, Turkey, Germany, Belgium, ... developed more than 170&nbsp;projects/contributions following our&nbsp;<a href="https://www.bing.com/search?q=befter+method" target="_blank">"befter" method</a>&nbsp;(bing.com) on the topic "Technology &amp; Environment". There is a closed students' work space and multiple other websites.<br /><strong><br />Links</strong><br />Students' collaboration projects:&nbsp;<a href="https://dontwastemy.energy" target="_blank">dontwastemy.energy</a><br />
135Our non-profit association called "<a href="https://the-horse.education" target="_blank">THE ! association</a>" (the-horse.education) - The Horse Education association.<br />Movetia (National Agency for Exchange and Mobility):&nbsp;<a href="https://www.movetia.ch/en/news-events/cross-cultural-environmental-education-with-the-horse-concept" target="_blank">Cross-cultural environmental education with &laquo;The Horse&raquo;</a>&nbsp;(movetia.ch);<br /><a href="http://save-energy.tips/wp-content/uploads/2016/11/horse-infrastructureV1-160912.pdf" target="_blank">Technical overview</a>&nbsp;(PDF, dontwastemy.energy), 2016, still valid on the whole<br />More information DE &amp; EN:&nbsp;<a href="https://teachingweb.org" target="_blank">teachingweb.org</a></p>
136<h3><span style="color: #ff6600;">Webarchive of the ETH Zurich</span></h3>
137<p>A&nbsp;<strong>new concept of archiving and presenting websites!</strong><br />In addition to just showing the former website,&nbsp;<strong>all documents and images</strong>&nbsp;are displayed separately in the&nbsp;<strong>structure used</strong>&nbsp;by the&nbsp;<strong>former website creator</strong>.</p>
138<p>Website:&nbsp;<a href="http://webarchiv.ethz.ch/" target="_blank">webarchiv.ethz.ch<br /></a>This concept is also suitable for a completely different purpose, look here:&nbsp;<a href="http://www.ambuehler.ch" target="_blank">travelogues</a>&nbsp;(ambuehler.ch)</p>
139<h3><span style="color: #ff6600;">South Africa general elections'2019</span></h3>
140<p>In a very&nbsp;<strong>short time</strong>, we developed a concept &amp; the website with an&nbsp;<a href="https://peacemakers.care/map/" target="_blank">activity &amp; alert map</a>&nbsp;for about&nbsp;<strong>300 election volunteers</strong>&nbsp;(Peacemakers) to warn them live about current threats during the days of the election in South Africa. We operated the headquarters in Uster (Switzerland) and supported the elections of&nbsp;<strong>119 polling stations</strong>&nbsp;in&nbsp;<strong>Mitchells Plain</strong>&nbsp;and&nbsp;<strong>Khayelitsha</strong>&nbsp;(SA) where around&nbsp;<strong>3 million people</strong>&nbsp;live.</p>
141<p>More&nbsp;<a href="/post/peacemakers-care">about the project</a><br />Website&nbsp;<a href="https://peacemakers.care/" target="_blank">peacemakers.care</a></p>
142<h3><span style="color: #ff6600;">Quick Box</span></h3>
143<p>A&nbsp;<strong>new way to do quick research</strong>; su-pa Web API service for doing quick researches on your website through your customers. Invented while doing some "book as a website" projects, includes customizable search providers and some statistics about the usage. Give it a try right now and select some text and see the Quick Box in action,&nbsp;<a href="https://matching-box.com" target="_blank">matching-box.com</a></p>
144<h3><span style="color: #ff6600;">Orchid Island, Taiwan</span></h3>
145<p>su-pa spent 2 months in Taiwan &ndash; here are&nbsp;<a href="https://sway.office.com/s/fLpbLTo9h1teFKfT/embed" target="_blank">some impressions</a>&nbsp;(office.com, Sway presentation)<br />Website:&nbsp;<a href="http://lanyu.land/" target="_blank">lanyu.land</a>, WordPress, originally hosted on an&nbsp;<a href="https://en.wikipedia.org/wiki/Microsoft_Azure">Azure</a>&nbsp;webserver in&nbsp;<a href="https://en.wikipedia.org/wiki/Far_East">Far East</a>&nbsp;now in Switzerland</p>
146<h3><span style="color: #ff6600;">Feldenkrais Borghetti</span></h3>
147<p>An unusual concept for an unusual company that offers the&nbsp;<a href="https://en.wikipedia.org/wiki/Feldenkrais_Method">Feldenkrais Method</a>, incl. different videos,&nbsp;<a href="https://en.wikipedia.org/wiki/Business_card">business card</a>&nbsp;and flyer (print).<br />Website:&nbsp;<a href="https://feldenkrais-borghetti.ch/" target="_blank">feldenkrais-borghetti.ch</a></p>
148<h3><span style="color: #ff6600;">Prime Force Group<br /></span></h3>
149<p>Web presence for an IT consulting company, realized with the open source&nbsp;<a href="https://en.wikipedia.org/wiki/Content_management_system">CMS</a>&nbsp;<a href="https://en.wikipedia.org/wiki/Magnolia_(CMS)" target="_blank">Magnolia</a>. The developed responsive accordion was also used for our&nbsp;<a href="http://su-pa.net/greetings/2016/" target="_blank">greeting card'16</a><br />Website:&nbsp;<a href="http://prime-force.com" target="_blank">prime-force.com</a></p>
150<h3><span style="color: #ff6600;">HuViLAB</span></h3>
151<p>Human Vision Laboratory &ndash; We supported the founding of a new company in Switzerland for the young Taiwanese professor Dr. R. Y.-Y. Huang from&nbsp;<a href="https://www-en.ntut.edu.tw/" target="_blank">Taipei Tech</a>&nbsp;(ntut.edu.tw) and created a simple&nbsp;<a href="https://huvilab.com">company website</a>&nbsp;(huvilab.com), which we host.</p>
152<p>... and so on ...</p>
153<p>last update 2022/03/03, df</p>
154<p>&nbsp;</p>
155<p>About&nbsp;<a href="/page/suter-partner">suter &amp; partner</a><a href="/page/some-projects"><br /></a>Get involved:&nbsp;<a href="/page/collaborators-jobs-partners">Collaborator, Job, Partner<br /></a><a href="/admin/app/editor/page/contact-us">Contact &amp; Address</a></p></div>    
156    
157    
158    
159  </div>
160
161                </section>
162                <aside class="col-md-4 sidebar-wrapper">
163                    <div id="widgetzone_be_WIDGET_ZONE" class="widgetzone">
164
165<div class="Widget widget search">
166    <div class="WidgetContent widget-content">
167        <div id="searchbox">
168            <input type="text" id="txt-a305a372-ba9f-49b3-ac49-1453faa3efc0" placeholder="Search..." onkeypress="if (event.keyCode == 13) { BlogEngine.search('/', 'txt-a305a372-ba9f-49b3-ac49-1453faa3efc0'); return false; }" />
169            <input type="button" onkeypress="BlogEngine.search('/', 'txt-a305a372-ba9f-49b3-ac49-1453faa3efc0');" onclick="BlogEngine.search('/', 'txt-a305a372-ba9f-49b3-ac49-1453faa3efc0');" id="searchbutton" value="Search" />
170        </div>
171    </div>
172</div>
173<div class="Widget widget textbox">
174    <p><a href="/">Home / Startseite</a></p>
175<p><strong>Deutsch<br /><a href="/page/suter-partner-de">&Uuml;ber su-pa</a><br /><a href="/page/auswahl-von-su-pa-projekten">Projekte</a></strong></p>
176<p><strong>English<br /></strong><a href="/page/suter-partner"><strong>Company</strong> suter &amp;
176 partner, su-pa</a><br /> <a href="/page/some-projects">Some <strong>projects</strong></a><br /> <a href="/page/collaborators-jobs-partners">Collaborators, jobs, <strong>partner</strong></a><br /> <a href="/page/contact-us">Get in contact</a></p>
177</div>
178<div class="Widget widget textbox">
179    <p><strong>The simplest drawing tool of the world!</strong> <br />It won't let you make an unsightly drawing :-)<strong><strong><br /></strong> </strong></p>
180<p><strong><a href="https://su-pa.net/draw/">Try it out</a>! || <a href="/post/drawing-tool">more info</a> ...<br /></strong>Multi-touch, made in 2014!<strong><br /></strong></p>
181</div>
182<div class="Widget widget monthlist">
183    <h4 class="WidgetHeader widget-header">Month List</h4>
184    <div class="WidgetContent widget-content">
185        <ul id="monthList">
186<li onclick="BlogEngine.toggleMonth(&#39;year2026&#39;)" class="year">2026
187                <ul id="year2026" class="open">
188                    <li><a href="/2026/06/default">June</a> (2)</li>
189                    <li><a href="/2026/05/default">May</a> (1)</li>
190                </ul>
191            </li>
192<li onclick="BlogEngine.toggleMonth(&#39;year2025&#39;)" class="year">2025
193                <ul id="year2025" class="close">
194                    <li><a href="/2025/12/default">December</a> (1)</li>
195                    <li><a href="/2025/01/default">January</a> (1)</li>
196                </ul>
197            </li>
198<li onclick="BlogEngine.toggleMonth(&#39;year2024&#39;)" class="year">2024
199                <ul id="year2024" class="close">
200                    <li><a href="/2024/12/default">December</a> (1)</li>
201                    <li><a href="/2024/08/default">August</a> (1)</li>
202                    <li><a href="/2024/05/default">May</a> (1)</li>
203                </ul>
204            </li>
205<li onclick="BlogEngine.toggleMonth(&#39;year2023&#39;)" class="year">2023
206                <ul id="year2023" class="close">
207                    <li><a href="/2023/12/default">December</a> (1)</li>
208                    <li><a href="/2023/11/default">November</a> (1)</li>
209                    <li><a href="/2023/08/default">August</a> (2)</li>
210                    <li><a href="/2023/06/default">June</a> (2)</li>
211                    <li><a href="/2023/04/default">April</a> (2)</li>
212                    <li><a href="/2023/01/default">January</a> (2)</li>
213                </ul>
214            </li>
215<li onclick="BlogEngine.toggleMonth(&#39;year2022&#39;)" class="year">2022
216                <ul id="year2022" class="close">
217                    <li><a href="/2022/12/default">December</a> (1)</li>
218                    <li><a href="/2022/10/default">
218October</a> (1)</li>
219                    <li><a href="/2022/09/default">September</a> (1)</li>
220                    <li><a href="/2022/07/default">July</a> (2)</li>
221                    <li><a href="/2022/06/default">June</a> (1)</li>
222                    <li><a href="/2022/03/default">March</a> (1)</li>
223                </ul>
224            </li>
225<li onclick="BlogEngine.toggleMonth(&#39;year2021&#39;)" class="year">2021
226                <ul id="year2021" class="close">
227                    <li><a href="/2021/12/default">December</a> (3)</li>
228                    <li><a href="/2021/11/default">November</a> (1)</li>
229                    <li><a href="/2021/10/default">October</a> (2)</li>
230                    <li><a href="/2021/09/default">September</a> (1)</li>
231                    <li><a href="/2021/08/default">August</a> (1)</li>
232                    <li><a href="/2021/01/default">January</a> (1)</li>
233                </ul>
234            </li>
235<li onclick="BlogEngine.toggleMonth(&#39;year2020&#39;)" class="year">2020
236                <ul id="year2020" class="close">
237                    <li><a href="/2020/10/default">
237October</a> (1)</li>
238                    <li><a href="/2020/09/default">September</a> (1)</li>
239                    <li><a href="/2020/06/default">June</a> (2)</li>
240                    <li><a href="/2020/05/default">May</a> (1)</li>
241                    <li><a href="/2020/04/default">April</a> (2)</li>
242                    <li><a href="/2020/03/default">March</a> (2)</li>
243                    <li><a href="/2020/01/default">January</a> (2)</li>
244                </ul>
245            </li>
246<li onclick="BlogEngine.toggleMonth(&#39;year2019&#39;)" class="year">2019
247                <ul id="year2019" class="close">
248                    <li><a href="/2019/12/default">December</a> (1)</li>
249                    <li><a href="/2019/11/default">November</a> (1)</li>
250                    <li><a href="/2019/10/default">October</a> (1)</li>
251                    <li><a href="/2019/05/default">May</a> (1)</li>
252                    <li><a href="/2019/04/default">April</a> (1)</li>
253                    <li><a href="/2019/02/default">February</a> (1)</li>
254                    <li><a href="/2019/01/default">January</a> (2)</li>
255                </ul>
256            </li>
257<li onclick="BlogEngine.toggleMonth(&#39;year2018&#39;)" class="year">2018
258                <ul id="year2018" class="close">
259                    <li><a href="/2018/12/default">December</a> (1)</li>
260                    <li><a href="/2018/09/default">September</a> (1)</li>
261                    <li><a href="/2018/05/default">May</a> (1)</li>
262                    <li><a href="/2018/04/default">April</a> (2)</li>
263                    <li><a href="/2018/03/default">March</a> (1)</li>
264                    <li><a href="/2018/02/default">February</a> (4)</li>
265                </ul>
266            </li>
267<li onclick="BlogEngine.toggleMonth(&#39;year2017&#39;)" class="year">2017
268                <ul id="year2017" class="close">
269                    <li><a href="/2017/10/default">
269October</a> (1)</li>
270                    <li><a href="/2017/04/default">April</a> (1)</li>
271                    <li><a href="/2017/02/default">February</a> (1)</li>
272                    <li><a href="/2017/01/default">January</a> (1)</li>
273                </ul>
274            </li>
275<li onclick="BlogEngine.toggleMonth(&#39;year2016&#39;)" class="year">2016
276                <ul id="year2016" class="close">
277                    <li><a href="/2016/12/default">December</a> (1)</li>
278                    <li><a href="/2016/11/default">November</a> (2)</li>
279                    <li><a href="/2016/07/default">July</a> (1)</li>
280                    <li><a href="/2016/02/default">February</a> (2)</li>
281                    <li><a href="/2016/01/default">January</a> (1)</li>
282                </ul>
283            </li>
284<li onclick="BlogEngine.toggleMonth(&#39;year2015&#39;)" class="year">2015
285                <ul id="year2015" class="close">
286                    <li><a href="/2015/07/default">July</a> (4)</li>
287                    <li><a href="/2015/02/default">February</a> (1)</li>
288                    <li><a href="/2015/01/default">January</a> (1)</li>
289                </ul>
290            </li>
291<li onclick="BlogEngine.toggleMonth(&#39;year2014&#39;)" class="year">2014
292                <ul id="year2014" class="close">
293                    <li><a href="/2014/07/default">July</a> (2)</li>
294                    <li><a href="/2014/04/default">April</a> (1)</li>
295                    <li><a href="/2014/03/default">March</a> (1)</li>
296                    <li><a href="/2014/01/default">January</a> (2)</li>
297                </ul>
298            </li>
299<li onclick="BlogEngine.toggleMonth(&#39;year1815&#39;)" class="year">1815
300                <ul id="year1815" class="close">
301                    <li><a href="/1815/12/default">December</a> (4)</li>
302                    <li><a href="/1815/10/default">
302October</a> (1)</li>
303                </ul>
304            </li>
305        </ul>
306    </div>
307</div></div>
308                </aside>
309            </div>
310        </section>
311        <footer class="footer">
312            <div class="container">
313                <div class="widgets-footer clearfix">
314                    <div id="widgetzone_Footer_Widget" class="widgetzone"></div>
315                </div>
316            </div>
317            <div class="end-line text-center">
318                <p class="text-muted credit" style="text-transform:lowercase;">
319<a href="https://blog.su-pa.net/page/impressum">Imprint &amp; Privacy </a>:: ©2026 :: <a href="https://www.su-pa.net/" title="suter &amp; partner - www.su-pa.net">suter &amp; partner</a>
320</p>
321            </div>
322        </footer>
323        
323<script src="https://blog.su-pa.net/Custom/Themes/Standard-2015/js/bootstrap.min.js" type="text/javascript"></script>
323
324        
324<script>
325            var links, index, link;
326            links = document.getElementById('social-icons').getElementsByTagName('a');
327            for (index = 0; index < links.length; ++index) {
328                link = links[index];
329                if (link.href == 'https://facebook.com/') { link.style.display = "none"; }
330                if (link.href == 'https://twitter.com/') { link.style.display = "none"; }
331                if (link.href == 'https://plus.google.com/') { link.style.display = "none"; }
332            }
333        </script>
333
334    
335<div class="aspNetHidden">
336
337	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="3989C74E" />
338</div></form>
339    <!-- Quick Box -->
340    
340<script src="https://www.matching-box.com/Scripts/QuickBoxSuPa.js"></script>
340
341    
341<script>
342        var uri = "https://matching-box.com/";
343        var uriQuickBox = uri + "api/QuickBox/" + "supabeta65rfrki";
344        $(document).ready(function () {
345            $.getJSON(uriQuickBox)
346            .done(function (data) {
347                if ($('body').hasClass('QuickBox')) {
348                    $('.QuickBox').selectedTextSharer({
349                        lists: data.QBcontent
350                    });
351                }
352                else {
353                    $('body').selectedTextSharer({
354                        lists: data.QBcontent
355                    });    
356                }
357            })
358            .fail(function (jqXHR, textStatus, err) {
359                //no quickbox
360            });
361        });
362    </script>
362
363<!-- end Quick Box -->
364<!-- E-Mail -->
365<script>
366    //*** email su-pa.net 04/11/2018 dfe ***//
367    //trytest of a new kind of email address protection against spam-bots
368    //the address is only visible after mouseover and then: js + css after&before shows the address
369    //to try later: variable/combine (with) other variations (img patterns, etc.) 
370
371    try {
372        sendMai.addEventListener("mouseover", oven, false);
373        sendMai.addEventListener("mouseout", oud, false);
374    } catch (e) { }
375
376    function oven() {
377        var sendMai = document.getElementById("sendMai");
378        var str = "ooo@eee";
379        sendMai.innerHTML = "e" + str.charAt(3) + "su-p";
380        sendMai.href = "mai" + "lt" + str.charAt(1) + ":eli" + "ane" + str.charAt(3) + "su-" + "pa.net";
381        sendMai.title = "thx! get in touch with su-pa";
382        //sendMai.target = "_blank";
383    }
384    function oud() {
385        sendMai.innerText = "send me an email";
386    }
387</script>
387
388<!--Wikipedia preview boxes-->
389<script src="https://su-pa.net/wikiPrevBox/wikiPreviewBox.min.js"></script>
389
390</body>
391</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.