This repository has been archived by the owner on Jun 9, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (175 loc) · 8.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flora</title>
<!-- Fonts & Styles -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="./vendor/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
</head>
<body>
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Flora</h1>
<p class="lead text-muted">Diese Bilder sind im Rahmen des Moduls 152 an der gibb entstanden. Der Auftrag war es, in mehreren Exkursionen Fotos zu schiessen, diese dann zu bearbeiten und auf einer Website wie dieser hier zu veröffentlichen.</p>
<p class="lead text-muted">Zusätzlich wurden dann noch mehrere Filme aufgenommen und bearbeitet. Einer dieser Filme ist auch hier auf dieser Seite zu finden.</p>
<p class="lead text-muted">Wir wünschen Ihnen viel Spass auf dieser Seite!</p>
</div>
</section>
<div class="text-muted">
<div class="container">
<div class="row">
<!-- Images Severin -->
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Center</h2>
<img src="./assets/images/sk_image1.jpg" alt="Center" title="Center">
<p class="card-text">Bei diesem Bild stand die Blüte im Zentrum des Bildes. Es wurde darauf geachtet, dass der Hintergrund nicht allzu sehr vom Motiv ablenkt.</p>
<p class="card-text">
- Severin Kaderli
</p>
</div>
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>On the edge</h2>
<img src="./assets/images/sk_image2.jpg" alt="On the edge" title="On the edge">
<p class="card-text">Bei diesem Bild wurde mithilfe von Adobe Lightroom der Hintergrund weniger scharf gemacht und die Farben der Blüte ein wenig kräftiger. Bei der Aufnahme war nämlich die Schärfe des Hintergrundes ein Bisschen zu ablenkend und die Farben waren ein wenig blass.</p>
<p class="card-text">
- Severin Kaderli
</p>
</div>
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Shy</h2>
<img src="./assets/images/sk_image3.jpg" alt="Shy" title="Shy">
<p class="card-text">Bei diesem Bild wurde vor allem darauf geachtet, dass der Hintergrund in der Post-Produktion weniger scharf gemacht worden ist. Auf diese Weise lenkt er nicht vom Hauptbild ab.</p>
<p class="card-text">
- Severin Kaderli
</p>
</div>
<!-- Images Marius -->
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Woman in yellow</h2>
<img src="./assets/images/krokus_in_field.jpg" alt="Woman in yellow" title="Woman in yellow">
<p class="card-text">Dieses Bild zeigt eine Krokus in einem Feld von Maiglöckchen.
Das Bild erinnerte an die Szene in Matrix mit der Frau im roten Kleid.
In der Nachbearbeitung habe ich die Farbe der Krokus weiter hervorgehoben, sowie den Rest des Felds weiter defokusiert.</p>
<p class="card-text">
- Marius Schär
</p>
</div>
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Sempervivum</h2>
<img src="./assets/images/sempervivum_pretty.jpg" alt="Sempervivum" title="Sempervivum">
<p class="card-text">Dieses Bild zeigt eine Nahaufname einer Hauswurz.
In der Nachbearbeitung wurden einige Makel an der Blüte selber korrigiert, sowie eine grundlegende Farbkorrektur durchgeführt.
Während des Fotografieren wurde darauf geachtet, dass die Bildkomposition einigermassen ansprechend wirkt.</p>
<p class="card-text">
- Marius Schär
</p>
</div>
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Trauben</h2>
<img src="./assets/images/sempervivum_under_moss.jpg" alt="Trauben" title="Trauben">
<p class="card-text">Dieses Bild habe ich geschossen, da es mich an eine Traube erinnert hat.
In der Nachbearbeitung wurde eine Farbkorrektur, sowie eine Korrektur der Felsfarbe durchgeführt.</p>
<p class="card-text">
- Marius Schär
</p>
</div>
<!-- Images Tobias -->
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Muster Blatt</h2>
<img src="./assets/images/blatt_mit_muster.jpg" alt="Muster Blatt" title="Muster Blatt">
<p class="card-text">Bei diesem Bild steht das Muster welches auf dem Blatt ist im Zentrum des Bildes. Während der Bearbeitung wurde darauf geschaut das die Farben des Blattes und des Musters intensiver gemacht werden, damit ein besserer Kontrast vorhanden ist und das Muster besser zu sehen ist.</p>
<p class="card-text">
- Tobias Bürgi
</p>
</div>
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Green Hand</h2>
<img src="./assets/images/braun_gruen_kontrast.jpg" alt="Green Hand" title="Green Hand">
<p class="card-text">In diesem Bild sieht man grüne Blätter welche an eine Hand erinnern sollen. Bei der Bearbeitung habe ich darauf geachtet, dass das Bild einen guten Kontrast zwischen den Blättern und dem brauen Hintergrund hat.</p>
<p class="card-text">
- Tobias Bürgi
</p>
</div>
<div class="card col-sm-12 col-md-6 col-lg-4 col-xl-3">
<h2>Wassertropfen</h2>
<img src="./assets/images/wasser_tropf.jpg" alt="Wassertropfen" title="Wassertropfen">
<p class="card-text">In diesm Bild steht das Zusammenspiel zwischen dem Wassertropfen und dem Blütenblatt im Vordergrund. Bei der Bearbeitungen wurden die farben ein bisschen intensiever gemacht, damit das Bild interessanter wirkt.</p>
<p class="card-text">
- Tobias Bürgi
</p>
</div>
<!-- Video -->
<div class="col-md-12">
<h2>Reportage - Botanischer Garten</h2>
<video controls>
<source src="./assets/videos/reportage_garten.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="text-muted">
<div class="container">
<p>©2017 · Tobias Bürgi · Severin Kaderli · Marius Schär</p>
</div>
</footer>
<div class="fancy-carousel">
<button type="button" class="close">
<span aria-hidden="true">×</span>
</button>
<div class="container align-items-center">
<div id="carousel" class="carousel slide align-items-center" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="carousel-item">
<img src="./assets/images/sk_image1.jpg" alt="Center">
</div>
<div class="carousel-item">
<img src="./assets/images/sk_image2.jpg" alt="On the edge">
</div>
<div class="carousel-item">
<img src="./assets/images/sk_image3.jpg" alt="Shy">
</div>
<div class="carousel-item">
<img src="./assets/images/krokus_in_field.jpg" alt="Woman in yellow">
</div>
<div class="carousel-item">
<img src="./assets/images/sempervivum_pretty.jpg" alt="Sempervivum">
</div>
<div class="carousel-item justify-content-md-center">
<img src="./assets/images/sempervivum_under_moss.jpg" alt="Trauben">
</div>
<div class="carousel-item">
<img src="./assets/images/blatt_mit_muster.jpg" alt="Muster Blatt">
</div>
<div class="carousel-item">
<img src="./assets/images/braun_gruen_kontrast.jpg" alt="Green Hand">
</div>
<div class="carousel-item">
<img src="./assets/images/wasser_tropf.jpg" alt="Wassertropfen">
</div>
</div>
<!-- Carousel Controls -->
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!-- Scripts -->
<script src="./vendor/jquery.min.js"></script>
<script src="./vendor/tether.min.js"></script>
<script src="./vendor/bootstrap.min.js"></script>
<script src="./vendor/exif.js"></script>
<script src="./assets/js/script.js"></script>
</body>
</html>