Skip to content

Commit c9fe2de

Browse files
Helge07Helge07
authored
Add files via upload
1 parent baad104 commit c9fe2de

File tree

1 file changed

+286
-55
lines changed

1 file changed

+286
-55
lines changed

‎index.html‎

Lines changed: 286 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -9,29 +9,192 @@
99
img { display: block; margin-left: auto; margin-right: auto; } \
1010
h3 { text-align: center; font-family:verdana} \
1111
p { font-family:verdana; font-size:14px} \
12-
.button { background-color: #8DB6CD; border: none; color: white; padding: 5px 10px; text-align: center; text-decoration: none; display: inline-block; font-family:verdana; font-size: 16px; margin: 4px 2px; cursor: pointer; } \
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; } \
1324
</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>&nbsp;</p> \
53+
<h3>DefocusStacker</h3> \
54+
<img src='DefocusStacker_MainWindow.jpg' width='400' class='center' > \
55+
<p>&nbsp;</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:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</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+
}
1484

15-
function text_german()
85+
function DFS_english()
1686
{
17-
var textG = " \
18-
<p>&nbsp;</p> \
19-
<h3>DefocusStacker</h3> \
20-
<img src='DefocusStacker_MainWindow.jpg' width='400' class='center' > \
21-
<p>&nbsp;</p> \
22-
<button onclick='text_english()'>English</button> \
23-
</p> \
24-
\
25-
<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:\
26-
<ul> \
27-
<li><p>eine Implemtierung für Windows,</p></li> \
28-
<li><p>eine Implemtierung als Photoshop Aktion</p></li> \
29-
</ul> \
30-
<p><a href='DefocusStacker_UserManual+Anleitung.pdf'>User manual + Benutzer-Anleitung</a></p> \
31-
<p><a href='https://www.dropbox.com/s/ucgvpf5yh33e1f2/DFS_Setup.zip?dl=0'> Download (zip-Archiv mit einem .msi- Installationsprogramm)</a></p> \
32-
<p><a href='https://www.dropbox.com/s/4h896z36wimsfcr/DefocusStacker%28PS%29.zip?dl=0'> Photoshop Action </a></p> \
33-
<p><a href='https://github.com/Helge07/DefocusStacker'>GitHub repository</a></p> \
34-
<p>Lizenz:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</p> \
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>&nbsp;</p> \
112+
<h3>DefocusStacker</h3> \
113+
<img src='DefocusStacker_MainWindow.jpg' width='400' class='center' > \
114+
<p>&nbsp;</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:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</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>&nbsp;</p> \
172+
<h3>EosMonitor</h3> \
173+
<img src='EosMonitor_MainWindow.jpg' width='400' class='center' > \
174+
<p>&nbsp;</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&uuml;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 &uuml;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&amp;st=ipz8y07s&amp;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:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</p> \
191+
<hr color='4054099' size='1'> \
192+
</td> \
193+
\
194+
<!------------------------------------ Ende Hauptbereich -------------------------------------------> \
195+
</tr> \
196+
</tbody> \
197+
</table> \
35198
";
36199

37200
document.close();
@@ -40,25 +203,55 @@ <h3>DefocusStacker</h3> \
40203
document.write(textG);
41204
}
42205

43-
function text_english()
206+
function EosM_english()
44207
{
45-
var textE = " \
46-
<p>&nbsp;</p> \
47-
<h3>DefocusStacker</h3> \
48-
<img src='DefocusStacker_MainWindow.jpg' width='400' class='center' > \
49-
<p>&nbsp;</p> \
50-
\
51-
<button onclick='text_german()'>Deutsch</button> \
52-
<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: \
53-
<ul> \
54-
<li><p>an implemetation for Windows,</p></li> \
55-
<li><p>an implementation for Photoshop</p></li> \
56-
</ul> \
57-
<p><a href='DefocusStacker_UserManual+Anleitung.pdf'>User manual + Benutzer-Anleitung</a></p> \
58-
<p><a href='https://www.dropbox.com/s/ucgvpf5yh33e1f2/DFS_Setup.zip?dl=0'> Download (zip-Archiv mit einem .msi- Installationsprogramm)</a></p> \
59-
<p><a href='https://www.dropbox.com/s/4h896z36wimsfcr/DefocusStacker%28PS%29.zip?dl=0'> Photoshop Action </a></p> \
60-
<p><a href='https://github.com/Helge07/DefocusStacker'>GitHub repository</a></p> \
61-
<p>Lizenz:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</p> \
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>&nbsp;</p> \
233+
<h3>EosMonitor</h3> \
234+
<img src='EosMonitor_MainWindow.jpg' width='400' class='center' > \
235+
<p>&nbsp;</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&amp;st=ipz8y07s&amp;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:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</p> \
249+
<hr color='4054099' size='1'> \
250+
</td> \
251+
</tr> \
252+
<!------------------------------------ Ende Hauptbereich --------------------------------------------> \
253+
</tbody> \
254+
</table> \
62255
";
63256
document.close();
64257
document.open("text/html");
@@ -69,33 +262,71 @@ <h3>DefocusStacker</h3> \
69262
</script>
70263

71264
</head>
72-
<body >
265+
<body>
266+
73267
<style>
74268
body { background-color: #e6f2ff }
75269
img { display: block; margin-left: auto; margin-right: auto; }
76270
h3 { text-align: center; font-family:verdana}
77271
p { font-family:verdana; font-size:14px}
78-
.button { background-color: #8DB6CD; border: none; color: white; padding: 5px 10px; text-align: center; text-decoration: none; display: inline-block; font-family:verdana; font-size: 16px; margin: 4px 2px; cursor: pointer; }
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; }
79276
</style>
80-
<p>&nbsp;</p>
81-
<h3>DefocusStacker</h3>
82-
<img src="DefocusStacker_MainWindow.jpg" width="400" class="center" >
83-
<p>&nbsp;</p>
84277

85-
<button onclick='text_english()'>English</button>
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>&nbsp;</p>
305+
<h3>DefocusStacker</h3>
306+
<img src="DefocusStacker_MainWindow.jpg" width="400" class="center" >
307+
<p>&nbsp;</p>
86308

87-
<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:
88-
<ul>
89-
<li><p>eine Implemtierung für Windows,</p></li>
90-
<li><p>eine Implemtierung als Photoshop Aktion</p></li>
91-
</ul>
309+
<button class='button button2' >Deutsch</button>
310+
<button class='button button1' onclick='DFS_english()'>English</button>
92311

93-
<p><a href="DefocusStacker_UserManual+Anleitung.pdf">User manual + Benutzer-Anleitung</a></p>
94-
<p><a href="https://www.dropbox.com/s/ucgvpf5yh33e1f2/DFS_Setup.zip?dl=0"> Download (.msi- Installer)</a></p>
95-
<p><a href='https://www.dropbox.com/s/4h896z36wimsfcr/DefocusStacker%28PS%29.zip?dl=0'> Photoshop Action </a></p>
96-
<p><a href='https://github.com/Helge07/DefocusStacker'>GitHub repository</a></p>
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>
97317

98-
<p>Lizenz:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</p>
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>
99322

323+
<p>Lizenz:&nbsp; GNU General Public License v3.0&nbsp;&nbsp;&nbsp;</p>
324+
325+
</td>
326+
</tr>
327+
<!------------------------------------ Ende Hauptbereich -------------------------------------->
328+
</tbody>
329+
</table>
330+
<hr color="#4054099" size="2">
100331
</body>
101332
</html>

0 commit comments

Comments
 (0)