Add credits

masks/index.html

@@ -35,7 +35,7 @@
 		<h2><i class="fa inline fa-feedback"></i>Filtered films</h2>
 		<div id="feed_content"></div>
 	</div>
-	<footer><i class="fa inline fa-power"></i>Designed &amp; powered by Franzz, licensed under GPLv3.</footer>
+	<footer><i class="fa inline fa-power"></i>Designed &amp; powered by Franzz, <a href="https://git.lutran.fr/franzz/ugc" title="Git Repository" target="_blank">licensed under GPLv3</a>.</footer>
 	<div class="background"></div>
 	<div id="settings">
 		<h1>Theaters<span id="ok_settings" class="button no_bg square fa fa-ok"></span></h1>
@@ -44,4 +44,4 @@
 		<div class="switches"><i id="premiere" class="fa fa-lg inline"></i><span>Include Avant-première</span></div>
 	</div>
 </body>
-</html>
+</html>

style/scss.bat

@@ -1 +1 @@
-sass --unix-newline -l --style=compressed --watch ugc.scss:ugc.css
+sass --style=compressed --watch ugc.scss:ugc.css

style/ugc.scss

@@ -97,7 +97,7 @@ select {
 .fa-spinner {
 	color: $ugc_color;
 	font-size:2em;
-	
+
 	&:before {
 		content: "\f110";
 	}
@@ -118,7 +118,7 @@ select {
 	content: "\f0e7";
 }
 .fa-feedback:before {
-	content: "\f0b0";	
+	content: "\f0b0";
 }
 .fa-settings:before {
 	content: "\f013";
@@ -186,11 +186,11 @@ header .title time {
 
 nav a {
 	color: $ugc_color;
-	
+
 	&:hover, &.hidden {
     	color: $comp_color;
     }
-    
+
     &.hidden:hover {
 	    color: $ugc_color;
     }
@@ -226,11 +226,11 @@ main {
 	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
 	-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
 	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
-	
+
 	* {
 		transform: translate(0px, 0px);
 	}
-	
+
 	img.bg {
 		position:absolute;
 		top:50%;
@@ -241,10 +241,10 @@ main {
 		opacity:0.2;
 		width:calc(100% - #{$poster_size});
 	}
-	
+
 	.poster-container {
 		display: inline-block;
-		
+
 		img.poster {
 			width: $poster_size;
 			z-index: 2;
@@ -255,41 +255,41 @@ main {
 	p {
 		margin: 0.5em 0;
 	}
-	
+
 	.info {
 		z-index:2;
 		display: inline-block;
 		vertical-align:top;
 		padding:1em;
 		width: calc(100% - 2em - #{$poster_size});
-	
+
 		.title {
 			margin: 0;
-			
+
 			a.name {
 				font-weight: bold;
 				text-transform: uppercase;
 			}
 		}
-		
+
 		.edito {
 			font-style: italic;
 			color:#777;
 		}
-		
+
 		.film-info {
 			padding-left: calc((1.28571429em + 0.5em)/0.9);
 			font-size: 0.9em;
 			color: #555;
-			
+
 			.director {
 				font-style: italic;
-				
+
 				.more-info {
 					font-size: calc(1em/0.9);
 					margin-left: 0.5em;
 					vertical-align: -0.05em;
-					
+
 					&:not(.fa-spin) {
 						cursor: pointer;
 						&:hover {
@@ -298,36 +298,36 @@ main {
 					}
 				}
 			}
-		
+
 			.film-details {
 				border-left: 2px solid #CCC;
 				padding-left: 0.5em;
-				
+
 				p {
 					font-size: 0.8em;
 					color: #555;
 				}
 			}
 		}
-		
+
 		.timetable {
 			margin-top:1em;
 			font-size: 0.8em;
-		
+
 			p {
 				line-height: 2.0;
 				margin: 0;
 			}
-			
+
 			.cinema {
 				margin-right:0.5em;
-			
+
 				.fa {
 					font-size: 1.25em;
 					line-height: 0.7656249414em;
 					vertical-align: -14.06250352%;
 				}
-			}			
+			}
 			.lang {
 				margin-right:0.5em;
 			}
@@ -358,6 +358,14 @@ footer {
 	font-size: 0.8em;
 	margin: 1em 0 0 0;
 	color: $ugc_color;
+
+	a {
+		color: $ugc_color;
+
+		&:hover {
+	    	color: $comp_color;
+	    }
+	}
 }
 
 /* Section - Settings */
@@ -390,7 +398,7 @@ footer {
 
 	h1 {
 		position:relative;
-	
+
 		.button {
 			position:absolute;
 			right:0;
@@ -412,7 +420,7 @@ footer {
 
 		li {
 			cursor: pointer;
-			
+
 			&:hover, &.include {
 				font-weight: bold;
 			}