1+ < html >
2+ < head >
3+ < title > EosMonitor</ title >
4+
5+ < script language ="JavaScript ">
6+ <!--
7+ var myStyle = "<style> \
8+ body { background-color: #e6f2ff } \
9+ img { display: block; margin-left: auto; margin-right: auto; } \
10+ h3 { text-align: center; font-family:verdana} \
11+ p { font-family:verdana; font-size:14px} \
12+ .button { background-color: hsl(210, 50%, 60%); border-color: hsl(192, 30%, 30%); border-radius: 8px; \
13+ color: hsl(210, 100%, 100%); padding: 5px; text-align: center; text-decoration: none; \
14+ display: inline-block; font-family:verdana; font-size: 14px; margin: 2px; width:150px; height:30px; \
15+ cursor: pointer; } \
16+ .button1 { background-color: hsl(210, 50%, 60%); border-color: hsl(192, 30%, 30%); border-radius: 8px; \
17+ color: hsl(210, 100%, 100%); padding: 5px; text-align: center; text-decoration: none; \
18+ display: inline-block; font-family:verdana; font-size: 14px; margin: 2px; width:100px; height:30px; \
19+ cursor: pointer; } \
20+ .button2 { background-color: hsl(210, 20%, 60%); border-color: hsl(192, 30%, 30%); border-radius: 8px; \
21+ color: hsl(210, 100%, 100%); padding: 5px; text-align: center; text-decoration: none; \
22+ display: inline-block; font-family:verdana; font-size: 14px; margin: 2px; width:100px; height:30px; \
23+ cursor: pointer; } \
24+ </style>" ;
25+
26+
27+ function DFS_german ( )
28+ {
29+ var textG = " <br>\
30+ <hr color='#4054099' size='2'> \
31+ <table width='100%'> \
32+ <tbody> \
33+ <!------------------------------------ Hauptbereich --------------------------------------------> \
34+ <tr> \
35+ <!------------------------------------ linke Spalte --------------------------------------------> \
36+ <td id='left' valign='top'> \
37+ <hr color='4054099' size='1'> \
38+ <table id='main_left' width=200 style='background-color: #D6f2ff;'> \
39+ <tbody> \
40+ <tr> \
41+ <td><button class='button button' >DefocusStacker</button></td> \
42+ </tr> \
43+ <tr> \
44+ <td><button class='button button' onclick='EosM_german()'>EosMonitor</button></td> \
45+ </tr> \
46+ </tbody> \
47+ </table> \
48+ <hr color='4054099' size='1'> \
49+ </td> \
50+ <!------------------------------------ rechte Spalte --------------------------------------------> \
51+ <td id='main' valign='top'> \
52+ <p> </p> \
53+ <h3>DefocusStacker</h3> \
54+ <img src='DefocusStacker_MainWindow.jpg' width='400' class='center' > \
55+ <p> </p> \
56+ <button class='button button2' >Deutsch</button> \
57+ <button class='button button1' onclick='DFS_english()'>English</button> \
58+ </p> \
59+ \
60+ <p>Defocus Stacking ist ein Verfahren, das die Hintergrund-Unschärfe von Bildern mit Hilfe eines Stapels von Bildern verstärkt. Der Stapel besteht aus einer scharfen Aufnahme und darunter weiteren Aufnahmen, bei denen die Schärfeebene zur Kamera hin verschoben wurde, so dass die Hintergrund-Unschärfe zunimmt. DefocusStacker ist eine Implementierung des Verfahrens, das die Wirksamkeit der Methode demonstriert. Es gibt zwei Versionen:\
61+ <ul> \
62+ <li><p>eine Implemtierung für Windows,</p></li> \
63+ <li><p>eine Implemtierung als Photoshop Aktion</p></li> \
64+ </ul> \
65+ <p><a href='DefocusStacker_UserManual+Anleitung.pdf'>User manual + Benutzer-Anleitung</a></p> \
66+ <p><a href='https://www.dropbox.com/s/ucgvpf5yh33e1f2/DFS_Setup.zip?dl=0'> Download (.msi- Installer)</a></p> \
67+ <p><a href='https://www.dropbox.com/s/4h896z36wimsfcr/DefocusStacker%28PS%29.zip?dl=0'> Photoshop Action </a></p> \
68+ <p><a href='https://github.com/Helge07/DefocusStacker'>GitHub repository</a></p> \
69+ <p>Lizenz: GNU General Public License v3.0 </p> \
70+ <hr color='4054099' size='1'> \
71+ </td> \
72+ \
73+ <!------------------------------------ Ende Hauptbereich ----------------------------------------> \
74+ </tr> \
75+ </tbody> \
76+ </table> \
77+ " ;
78+
79+ document . close ( ) ;
80+ document . open ( "text/html" ) ;
81+ document . write ( myStyle ) ;
82+ document . write ( textG ) ;
83+ }
84+
85+ function DFS_english ( )
86+ {
87+ var textE = " <br>\
88+ <hr color='#4054099' size='2'> \
89+ <table width='100%'> \
90+ <tbody> \
91+ <!------------------------------------ Hauptbereich ------------------------------------------ -> \
92+ <tr> \
93+ <!------------------------------------ linke Spalte ----------------------------------------> \
94+ <td id='left' valign='top'> \
95+ <hr color='4054099' size='1'> \
96+ <table id='main_left' width=200 style='background-color: #D6f2ff;'> \
97+ <tbody> \
98+ <tr> \
99+ <td><button class='button button' onclick='DFS_german()'>DefocusStacker</button></td> \
100+ </tr> \
101+ <tr> \
102+ <td><button class='button button' onclick='EosM_german()'>EosMonitor</button></td> \
103+ </tr> \
104+ </tbody> \
105+ </table> \
106+ <hr color='4054099' size='1'> \
107+ </td> \
108+ \
109+ <!------------------------------------ rechte Spalte ----------------------------------------> \
110+ <td id='main' valign='top'> \
111+ <p> </p> \
112+ <h3>DefocusStacker</h3> \
113+ <img src='DefocusStacker_MainWindow.jpg' width='400' class='center' > \
114+ <p> </p> \
115+ \
116+ <button class='button button1' onclick='DFS_german()'>Deutsch</button> \
117+ <button class='button button2' >English</button> \
118+ <p>Defocus stacking is a method to produce images with blurred background from a stack of images.The stack includes a sharp picture of the motif at the top layer and additional pictures beneath which are increasingly defocused by shifting the focus plane towards the camera. DefocusStacker is an implementation of the algorithm demonstrating the feasability of the method. There are two versions: \
119+ <ul> \
120+ <li><p>an implemetation for Windows,</p></li> \
121+ <li><p>an implementation for Photoshop</p></li> \
122+ </ul> \
123+ <p><a href='DefocusStacker_UserManual+Anleitung.pdf'>User manual + Benutzer-Anleitung</a></p> \
124+ <p><a href='https://www.dropbox.com/s/ucgvpf5yh33e1f2/DFS_Setup.zip?dl=0'> Download (.msi- Installer)</a></p> \
125+ <p><a href='https://www.dropbox.com/s/4h896z36wimsfcr/DefocusStacker%28PS%29.zip?dl=0'> Photoshop Action </a></p> \
126+ <p><a href='https://github.com/Helge07/DefocusStacker'>GitHub repository</a></p> \
127+ <p>Lizenz: GNU General Public License v3.0 </p> \
128+ <hr color='4054099' size='1'> \
129+ </td> \
130+ \
131+ <!------------------------------------ Ende Hauptbereich ----------------------------------------> \
132+ </tr> \
133+ </tbody> \
134+ </table> \
135+ " ;
136+ document . close ( ) ;
137+ document . open ( "text/html" ) ;
138+ document . write ( myStyle ) ;
139+ document . write ( textE ) ;
140+ }
141+
142+ function EosM_german ( )
143+ {
144+ var textG = " <br>\
145+ <hr color='#4054099' size='2'> \
146+ <table width='100%'> \
147+ <!-- Kopfzeile --> \
148+ <tbody> \
149+ <!------------------------------------ Hauptbereich ----------------------------------------> \
150+ <tr> \
151+ <!------------------------------------ linke Spalte ----------------------------------------> \
152+ <td id='left' valign='top'> \
153+ <hr color='4054099' size='1'> \
154+ <table id='main_left' width=200 style='background-color: #D6f2ff;'> \
155+ <tbody> \
156+ \
157+ <tr> \
158+ <td><button class='button button' onclick='DFS_german()'>DefocusStacker</button></td> \
159+ </tr> \
160+ \
161+ <tr> \
162+ <td><button class='button button' onclick='EosM_german()'>EosMonitor</button></td> \
163+ </tr> \
164+ </tbody> \
165+ </table> \
166+ <hr color='4054099' size='1'> \
167+ </td> \
168+ \
169+ <!------------------------------------ rechte Spalte ---------------------------------------> \
170+ <td id='main' valign='top'> \
171+ <p> </p> \
172+ <h3>EosMonitor</h3> \
173+ <img src='EosMonitor_MainWindow.jpg' width='400' class='center' > \
174+ <p> </p> \
175+ <button class='button button2' >Deutsch</button> \
176+ <button class='button button1' onclick='EosM_english()'>English</button> \
177+ </p> \
178+ \
179+ <p>EosMonitor ist eine Thether-Anwendung für DSLR- und DSLM-Kameras von Canon, die über USB-Kabel an einen Windows-Rechner angeschlossen sind.</p> \
180+ \
181+ <ul> \
182+ <li><p>EosMonitor stellt die Aufnahme-Paramer ein,</p></li> \
183+ <li><p>kann das LiveView-Bild anzeigen und</p></li> \
184+ <li><p>aufgenommene Bilder auf den Host übertragen.</p></li> \
185+ </ul> \
186+ <p>Ein besonderes Merkmal von EosMonitor ist die Aufnahme von Focus- und Defocus-Stacks.</p> \
187+ <p><a href='EosMonitor_UserManual+Anleitung.pdf'>User manual+ Benutzer-Anleitung </a></p> \
188+ <p><a href='https://www.dropbox.com/scl/fi/1l13yrpteux191q9ofijn/EosMonitor.zip?rlkey=svzdyub04g7547w01vohjy9fg&st=ipz8y07s&dl=0'> Download (zip-Archiv mit einem .msi- Installationsprogramm)</a></p> \
189+ <p><a href='https://github.com/Helge07/EosMonitor'>GitHub repository</a></p> \
190+ <p>Lizenz: GNU General Public License v3.0 </p> \
191+ <hr color='4054099' size='1'> \
192+ </td> \
193+ \
194+ <!------------------------------------ Ende Hauptbereich -------------------------------------------> \
195+ </tr> \
196+ </tbody> \
197+ </table> \
198+ " ;
199+
200+ document . close ( ) ;
201+ document . open ( "text/html" ) ;
202+ document . write ( myStyle ) ;
203+ document . write ( textG ) ;
204+ }
205+
206+ function EosM_english ( )
207+ {
208+ var textE = " <br>\
209+ <hr color='#4054099' size='2'> \
210+ <table width='100%'> \
211+ <tbody> \
212+ <!------------------------------------ Hauptbereich --------------------------------------------> \
213+ <tr> \
214+ <!------------------------------------ linke Spalte --------------------------------------------> \
215+ <td id='left' valign='top'> \
216+ <hr color='4054099' size='1'> \
217+ <table id='main_left' width=200 style='background-color: #D6f2ff;'> \
218+ <tbody> \
219+ <tr> \
220+ <td><button class='button button' onclick='DFS_german()'>DefocusStacker</button></td> \
221+ </tr> \
222+ <tr> \
223+ <td><button class='button button' onclick='EosM_german()'>EosMonitor</button></td> \
224+ </tr> \
225+ </tbody> \
226+ </table> \
227+ <hr color='4054099' size='1'> \
228+ </td> \
229+ \
230+ <!------------------------------------ rechte Spalte -------------------------------------------> \
231+ <td id='main' valign='top'> \
232+ <p> </p> \
233+ <h3>EosMonitor</h3> \
234+ <img src='EosMonitor_MainWindow.jpg' width='400' class='center' > \
235+ <p> </p> \
236+ <button class='button button1' onclick='EosM_german()'>Deutsch</button> \
237+ <button class='button button2' >English</button> \
238+ <p>EosMonitor is a tethering application for Canon DSLR- and DSLM-cameras connected to a Windows host computer via USB.</p> \
239+ <ul> \
240+ <li><p>EosMonitor sets the parameters for taking pictures,</p></li> \
241+ <li><p>displays the LiveView image and</p></li> \
242+ <li><p>can download captured pictures to the host.</p></li> \
243+ </ul> \
244+ <p>A special feature of EosMonitor is the ability to take focus stacking and defocus stacking image stacks</p> \
245+ <p><a href='EosMonitor_UserManual+Anleitung.pdf'>User manual+ Benutzer-Anleitung</a></p> \
246+ <p><a href='https://www.dropbox.com/scl/fi/1l13yrpteux191q9ofijn/EosMonitor.zip?rlkey=svzdyub04g7547w01vohjy9fg&st=ipz8y07s&dl=0'> \ Download (zip-archive with a .msi-installer)</a></p> \
247+ <p><a href='https://github.com/Helge07/EosMonitor'>GitHub repository</a></p> \
248+ <p>License: GNU General Public License v3.0 </p> \
249+ <hr color='4054099' size='1'> \
250+ </td> \
251+ </tr> \
252+ <!------------------------------------ Ende Hauptbereich --------------------------------------------> \
253+ </tbody> \
254+ </table> \
255+ " ;
256+ document . close ( ) ;
257+ document . open ( "text/html" ) ;
258+ document . write ( myStyle ) ;
259+ document . write ( textE ) ;
260+ }
261+ // -->
262+ </ script >
263+
264+ </ head >
265+ < body >
266+
267+ < style >
268+ body { background-color : # e6f2ff }
269+ img { display : block; margin-left : auto; margin-right : auto; }
270+ h3 { text-align : center; font-family : verdana}
271+ p { font-family : verdana; font-size : 14px }
272+ .button { background-color : hsl (210 , 50% , 60% ); border-color : hsl (192 , 30% , 30% ); border-radius : 8px ; color : hsl (210 , 100% , 100% ); padding : 5px ; text-align : center; text-decoration : none; display : inline-block; font-family : verdana; font-size : 14px ; margin : 2px ; width : 150px ; height : 30px ; cursor : pointer; }
273+
274+ .button1 { background-color : hsl (210 , 50% , 60% ); border-color : hsl (192 , 30% , 30% ); border-radius : 8px ; color : hsl (210 , 100% , 100% ); padding : 5px ; text-align : center; text-decoration : none; display : inline-block; font-family : verdana; font-size : 14px ; margin : 2px ; width : 100px ; height : 30px ; cursor : pointer; }
275+ .button2 { background-color : hsl (210 , 20% , 60% ); border-color : hsl (192 , 30% , 30% ); border-radius : 8px ; color : hsl (210 , 100% , 100% ); padding : 5px ; text-align : center; text-decoration : none; display : inline-block; font-family : verdana; font-size : 14px ; margin : 2px ; width : 100px ; height : 30px ; cursor : pointer; }
276+ </ style >
277+
278+ <!-- Haupttabelle -->
279+ < br >
280+ < hr color ="#4054099 " size ="2 ">
281+ < table width ="100% ">
282+ < tbody >
283+ <!------------------------------------ Hauptbereich -------------------------------------------->
284+ < tr >
285+ <!------------------------------------ linke Spalte ---------------------------------------->
286+ < td id ="left " valign ="top ">
287+ < hr color ="#4054099 " size ="1 ">
288+ < table id ="main_left " width =200 style ="background-color: #D6f2ff; ">
289+ < tbody >
290+ < tr >
291+ < td > < button class ="button button " onclick ='DFS_german() '> DefocusStacker</ button > </ td >
292+ </ tr >
293+ < tr >
294+ < td > < button type "button" disabled class="button button " onclick ='EosM_german() '> EosMonitor</ button > </ td >
295+ </ tr >
296+ </ tbody >
297+ </ table >
298+ < hr color ="#4054099 " size ="1 ">
299+ </ td >
300+
301+ <!------------------------------------ rechte Spalte ------------------------------------->
302+ < td id ="main " valign ="top ">
303+
304+ < p > </ p >
305+ < h3 > DefocusStacker</ h3 >
306+ < img src ="DefocusStacker_MainWindow.jpg " width ="400 " class ="center " >
307+ < p > </ p >
308+
309+ < button class ='button button2 ' > Deutsch</ button >
310+ < button class ='button button1 ' onclick ='DFS_english() '> English</ button >
311+
312+ < p > Defocus Stacking ist ein Verfahren, das die Hintergrund-Unschärfe von Bildern mit Hilfe eines Stapels von Bildern verstärkt. Der Stapel besteht aus einer scharfen Aufnahme und darunter weiteren Aufnahmen, bei denen die Schärfeebene zur Kamera hin verschoben wurde, so dass die Hintergrund-Unschärfe zunimmt. DefocusStacker ist eine Implementierung des Verfahrens, das die Wirksamkeit der Methode demonstriert. Es gibt zwei Versionen:
313+ < ul >
314+ < li > < p > eine Implemtierung für Windows,</ p > </ li >
315+ < li > < p > eine Implemtierung als Photoshop Aktion</ p > </ li >
316+ </ ul >
317+
318+ < p > < a href ="DefocusStacker_UserManual+Anleitung.pdf "> User manual + Benutzer-Anleitung</ a > </ p >
319+ < p > < a href ="https://www.dropbox.com/s/ucgvpf5yh33e1f2/DFS_Setup.zip?dl=0 "> Download (.msi- Installer)</ a > </ p >
320+ < p > < a href ='https://www.dropbox.com/s/4h896z36wimsfcr/DefocusStacker%28PS%29.zip?dl=0 '> Photoshop Action </ a > </ p >
321+ < p > < a href ='https://github.com/Helge07/DefocusStacker '> GitHub repository</ a > </ p >
322+
323+ < p > Lizenz: GNU General Public License v3.0 </ p >
324+
325+ </ td >
326+ </ tr >
327+ <!------------------------------------ Ende Hauptbereich -------------------------------------->
328+ </ tbody >
329+ </ table >
330+ < hr color ="#4054099 " size ="2 ">
331+ </ body >
332+ </ html >
0 commit comments