new Pictures

except elias and martin. Not the completely finished group picture.

en/index.html

@@ -34,12 +34,12 @@ <h1 class="fragment fade-left">Hello</h1>
 				</section>
 
 				<section>
-					<img src="/hs-wahl/img/FrischrauMPIlger.jpg">
+					<img src="/hs-wahl/img/GruppeX.png">
 				</section>
 
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/sophie.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/oliviax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Olivia</span>
 						<hr>
@@ -55,7 +55,7 @@ <h1 class="fragment fade-left">Hello</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/olivia.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/milax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Mila</span>
 						<hr>
@@ -71,7 +71,7 @@ <h1 class="fragment fade-left">Hello</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/timmmmmm.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/martin.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Martin</span>
 						<hr>
@@ -86,8 +86,8 @@ <h1 class="fragment fade-left">Hello</h1>
 					</div>
 				</section>
 
-				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/elias.jpg'); background-size: cover; float: left;"></div>
+				<!--section>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/eliasx.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Elias</span>
 						<hr>
@@ -99,7 +99,7 @@ <h1 class="fragment fade-left">Hello</h1>
 							<li>Networking with the other student councils/li>
 						</ul>
 					</div>
-				</section>	
+				</section-->	
 
 				<section>
 					<div style="display: flex; align-items: center;" class="fade">
@@ -109,8 +109,8 @@ <h1 class="fragment fade-left">Hello</h1>
 							<span style="font-size: 20pt;">2. Semester<br>M.Sc.<br>Physics</span>
 							<div style="height: 50px"></div>
 						</div>
-						<img src="/hs-wahl/img/portraits/masell.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
-						<img src="/hs-wahl/img/portraits/teresa.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
+						<img src="/hs-wahl/img/portraits/masellx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
+						<img src="/hs-wahl/img/portraits/yannickx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
 						<div style="width: 200px; height: 333px; float: right; text-align: left; line-height: 90%; align-self: center;">
 							<span>Yannick</span>
 							<hr>
@@ -137,7 +137,7 @@ <h1 class="fragment fade-left">Hello</h1>
 							<div style="height: 50px"></div>
 						</div>
 						<div style="margin: 0 auto">
-							<img src="/hs-wahl/img/portraits/daniel.jpg" style="max-width: 250px; height: 240px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;"><img src="/hs-wahl/img/portraits/ghofrane.jpg" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 0px; margin-left:  0px;"><img src="/hs-wahl/img/portraits/clara.jpg" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 20px; margin-left:  0px; margin-top: 0px;">
+							<img src="/hs-wahl/img/portraits/isabelx.png" style="max-width: 250px; height: 240px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;"><img src="/hs-wahl/img/portraits/ghofranex.png" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 0px; margin-left:  0px;"><img src="/hs-wahl/img/portraits/Elias.png" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 20px; margin-left:  0px; margin-top: 0px;">
 						</div>
 						<div style="width: 200px; height: 200px; float: right; text-align: left; line-height: 70%; align-self: center;">
 							<span>Elias</span>
@@ -166,7 +166,7 @@ <h1 class="fragment fade-left">Hello</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/mila.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/nataschax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Natascha</span>
 						<hr>
@@ -189,8 +189,8 @@ <h1 class="fragment fade-left">Hello</h1>
 							<span style="font-size: 20pt;">6. Semester<br>B.Sc.<br>Maths</span>
 							<div style="height: 50px"></div>
 						</div>
-						<img src="/hs-wahl/img/portraits/johannes.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
-						<img src="/hs-wahl/img/portraits/valerian.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
+						<img src="/hs-wahl/img/portraits/johannesx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
+						<img src="/hs-wahl/img/portraits/moritzx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
 						<div style="width: 200px; height: 333px; float: right; text-align: left; line-height: 90%; align-self: center;">
 							<span>Moritz</span>
 							<hr>
@@ -208,7 +208,7 @@ <h1 class="fragment fade-left">Hello</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/dennis.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/janax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Jana</span>
 						<hr>
@@ -224,7 +224,7 @@ <h1 class="fragment fade-left">Hello</h1>
 				</section>				
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/martin.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('/hs-wahl/img/portraits/martin.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Martin</span>
 						<hr>
@@ -246,8 +246,8 @@ <h1 class="fragment fade-left">Hello</h1>
 							<span style="font-size: 20pt;">8. Semester<br>B.Sc.<br>Applied Computer Science</span>
 							<div style="height: 50px"></div>
 						</div>
-						<img src="/hs-wahl/img/portraits/michiiiiiixcf.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
-						<img src="/hs-wahl/img/portraits/olli.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
+						<img src="/hs-wahl/img/portraits/michiix.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
+						<img src="/hs-wahl/img/portraits/TypXXX.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
 						<div style="width: 200px; height: 333px; float: right; text-align: left; line-height: 90%; align-self: center;">
 							<span>Christian</span>
 							<hr>

index.html

@@ -34,12 +34,12 @@ <h1 class="fragment fade-left">Hallo</h1>
 				</section>
 
 				<section>
-					<img src="img/FrischrauMPIlger.jpg">
+					<img src="img/GruppeX.png">
 				</section>
 
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/olivia.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/oliviax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Olivia</span>
 						<hr>
@@ -55,7 +55,7 @@ <h1 class="fragment fade-left">Hallo</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/mila.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/milax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Mila</span>
 						<hr>
@@ -71,7 +71,7 @@ <h1 class="fragment fade-left">Hallo</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/martin.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/martin.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Martin</span>
 						<hr>
@@ -109,8 +109,8 @@ <h1 class="fragment fade-left">Hallo</h1>
 							<span style="font-size: 20pt;">2. Semester<br>M.Sc.<br>Physik</span>
 							<div style="height: 50px"></div>
 						</div>
-						<img src="img/portraits/masell.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
-						<img src="img/portraits/elias.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
+						<img src="img/portraits/masellx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
+						<img src="img/portraits/yannickx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
 						<div style="width: 200px; height: 333px; float: right; text-align: left; line-height: 90%; align-self: center;">
 							<span>Yannick</span>
 							<hr>
@@ -137,7 +137,7 @@ <h1 class="fragment fade-left">Hallo</h1>
 							<div style="height: 50px"></div>
 						</div>
 						<div style="margin: 0 auto">
-							<img src="img/portraits/michiiiiiixcf.jpg" style="max-width: 250px; height: 240px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;"><img src="img/portraits/ghofrane.jpg" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 0px; margin-left:  0px;"><img src="img/portraits/clara.jpg" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 20px; margin-left:  0px; margin-top: 0px;">
+							<img src="img/portraits/isabelx.png" style="max-width: 250px; height: 240px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;"><img src="img/portraits/ghofranex.png" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 0px; margin-left:  0px;"><img src="img/portraits/Elias.png" style="max-width: 250px; height: 240px; background-size: cover; margin-right: 20px; margin-left:  0px; margin-top: 0px;">
 						</div>
 						<div style="width: 200px; height: 200px; float: right; text-align: left; line-height: 70%; align-self: center;">
 							<span>Elias</span>
@@ -166,7 +166,7 @@ <h1 class="fragment fade-left">Hallo</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/mila.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/nataschax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Natascha</span>
 						<hr>
@@ -189,8 +189,8 @@ <h1 class="fragment fade-left">Hallo</h1>
 							<span style="font-size: 20pt;">6. Semester<br>B.Sc.<br>Mathematik</span>
 							<div style="height: 50px"></div>
 						</div>
-						<img src="img/portraits/johannes.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
-						<img src="img/portraits/elias.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
+						<img src="img/portraits/johannesx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
+						<img src="img/portraits/moritzx.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
 						<div style="width: 200px; height: 333px; float: right; text-align: left; line-height: 90%; align-self: center;">
 							<span>Moritz</span>
 							<hr>
@@ -208,7 +208,7 @@ <h1 class="fragment fade-left">Hallo</h1>
 				</section>
 
 				<section>
-					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/dennis.jpg'); background-size: cover; float: left;"></div>
+					<div class="fade-left" style="width: 400px; height: 500px; background: url('img/portraits/janax.png'); background-size: cover; float: left;"></div>
 					<div class="fragment fade-right" style="width: 400px; height: 500px; float: right; text-align: left; line-height: 90%;">
 						<span>Jana</span>
 						<hr>
@@ -246,8 +246,8 @@ <h1 class="fragment fade-left">Hallo</h1>
 							<span style="font-size: 20pt;">8. Semester<br>B.Sc.<br>Angewandte Informatik</span>
 							<div style="height: 50px"></div>
 						</div>
-						<img src="img/portraits/michiiiiiixcf.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
-						<img src="img/portraits/elias.jpg" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
+						<img src="img/portraits/michiix.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left: 20px; margin-right:  0px; margin-top: 0px;">
+						<img src="img/portraits/TypXXX.png" style="max-width: 250px; height: 333px; background-size: cover; margin-left:  0px; margin-right: 20px; margin-top: 0px;">
 						<div style="width: 200px; height: 333px; float: right; text-align: left; line-height: 90%; align-self: center;">
 							<span>Christian</span>
 							<hr>