Update background image

index.html

@@ -12,7 +12,7 @@
 		a { text-decoration:underline }
 		a:hover { color:yellow }
 		a:visited, a:focus { color:white }
-		main { background-color:rgba(8, 20, 85, 0.65) }
+		main { background-color:rgba(8, 20, 85, 0.80) }
 		footer a { text-decoration:none }
 	</style>
 </head>
@@ -96,8 +96,11 @@ <h2>Events</h2>
 				this page</a></li>
 			<li><a class="text-muted" href="https://commons.wikimedia.org/wiki/File:WikiClubWest_logo.svg">Logo
 				details</a></li>
-			<li><a class="text-muted" href="https://www.flickr.com/photos/freosam/35558217665">Background image
-				CC-BY-SA</a></li>
+			<li>
+				<a class="text-muted" href="https://commons.wikimedia.org/wiki/File:6_and_8_Cliff_Street,_Fremantle.jpg">
+					Background image CC-BY-SA
+				</a>
+			</li>
 		</ul>
 	</footer>
 </main>
@@ -106,7 +109,7 @@ <h2>Events</h2>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
 <script>
-	$.backstretch('https://farm5.staticflickr.com/4208/35558217665_398a3d49e9_k.jpg');
+	$.backstretch('https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/6_and_8_Cliff_Street%2C_Fremantle.jpg/1920px-6_and_8_Cliff_Street%2C_Fremantle.jpg');
 </script>
 </body>
 </html>