booumm

SRC/public/.htaccess

@@ -13,3 +13,70 @@
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^ index.php [L]
 </IfModule>
+
+<IfModule mod_deflate.c>
+
+    # Force compression for mangled headers.
+    # https://developer.yahoo.com/blogs/ydn/pushing-beyond-gzipping-25601.html
+
+    <IfModule mod_setenvif.c>
+        <IfModule mod_headers.c>
+            SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
+            RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
+        </IfModule>
+    </IfModule>
+
+    # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+    # Map certain file types to the specified encoding type in order to
+    # make Apache serve them with the appropriate `Content-Encoding` HTTP
+    # response header (this will NOT make Apache compress them!).
+
+    # If the following file types wouldn't be served without the appropriate
+    # `Content-Enable` HTTP response header, client applications (e.g.:
+    # browsers) wouldn't know that they first need to uncompress the response,
+    # and thus, wouldn't be able to understand the content.
+
+    # http://httpd.apache.org/docs/current/mod/mod_mime.html#addencoding
+
+    <IfModule mod_mime.c>
+        AddEncoding gzip              svgz
+    </IfModule>
+
+    # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+    # Compress all output labeled with one of the following media types.
+
+    # IMPORTANT: For Apache versions below 2.3.7 you don't need to enable
+    # `mod_filter` and can remove the `<IfModule mod_filter.c>` & `</IfModule>`
+    # lines as `AddOutputFilterByType` is still in the core directives.
+
+    <IfModule mod_filter.c>
+        AddOutputFilterByType DEFLATE "application/atom+xml" \
+                                      "application/javascript" \
+                                      "application/json" \
+                                      "application/ld+json" \
+                                      "application/manifest+json" \
+                                      "application/rdf+xml" \
+                                      "application/rss+xml" \
+                                      "application/schema+json" \
+                                      "application/vnd.geo+json" \
+                                      "application/vnd.ms-fontobject" \
+                                      "application/x-font-ttf" \
+                                      "application/x-web-app-manifest+json" \
+                                      "application/xhtml+xml" \
+                                      "application/xml" \
+                                      "font/opentype" \
+                                      "image/svg+xml" \
+                                      "image/x-icon" \
+                                      "text/cache-manifest" \
+                                      "text/css" \
+                                      "text/html" \
+                                      "text/javascript" \
+                                      "text/plain" \
+                                      "text/vtt" \
+                                      "text/x-component" \
+                                      "text/xml"
+    </IfModule>
+
+</IfModule>

SRC/public/css/frontend.css

@@ -9,6 +9,8 @@ html, body {
     background: #ebebeb;
     background: url('../imgs/bg.png') no-repeat bottom center fixed;
     background-size: cover;
+        font-weight:300;
+
 }
 
 nav {
@@ -24,8 +26,6 @@ nav input {
     padding: 10px 20px;
     border-radius: 5px;
     outline: 0;
-    letter-spacing: 1px;
-    word-spacing: 8px;
     text-align: center;
     font-family: 'Oswald', sans-serif;
 
@@ -135,99 +135,26 @@ button:active {
     
 }
 
-/*								FIL D'ARIANE 			*/
-#breadcrumb img {
-    height: 26px;
-    display: inline-block;
-    margin: 2px 0;
+.homeTitle {
+    font-weight:300;
 }
-#breadcrumb {
-  list-style: none;
-  display: inline-block;
-}
-<<<<<<< HEAD
-#breadcrumb li {
-  float: left;
-  line-height: 40px;
 
+
+.game {
+    background:rgba(255, 255, 255, 0.5);
+    margin:20px;
+    display:inline-block;
+    width:200px;
+    height:200px;
+    border:5px solid rgba(0, 0, 0, 0.55);            
+    padding:5px;border-radius:8px;   
 }
-#breadcrumb li a {
-    color: #FFF;
-    display: block;
-    background: #3498db;
-    text-decoration: none;
-    position: relative;
-    height: 30px;
-    line-height:30px;
-    vertical-align:middle;
-    text-align: center;
-    margin-right: 23px;
+.game:hover {
+    background:white;
+    cursor:pointer;
+    border:5px solid rgba(0, 0, 0, 0.95);                
 }
-#breadcrumb li:nth-child(even) a {
-  background-color: #2980b9;
-}
-#breadcrumb li:nth-child(even) a:before {
-  border-color: #2980b9;
-  border-left-color: transparent;
-}
-#breadcrumb li:nth-child(even) a:after {
-  border-left-color: #2980b9;
-}
-#breadcrumb li:first-child a {
-  padding-left: 5px;
-  -moz-border-radius: 4px 0 0 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px 0 0 4px;
-}
-#breadcrumb li:first-child a:before {
-  border: none;
-}
-#breadcrumb li:last-child a {
-  padding-right: 15px;
-  -moz-border-radius: 0 4px 4px 0;
-  -webkit-border-radius: 0;
-  border-radius: 0 4px 4px 0;
-}
-#breadcrumb li:last-child a:after {
-  border: none;
-}
-#breadcrumb li a:before, #breadcrumb li a:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  border: 0 solid #3498db;
-  border-width: 15px 10px;
-  width: 0;
-  height: 0;
-}
-#breadcrumb li a:before {
-  left: -15px;
-  border-left-color: transparent;
-}
-#breadcrumb li a:after {
-  left: 100%;
-  border-color: transparent;
-  border-left-color: #3498db;
-}
-#breadcrumb li a:hover {
-  background-color: #1abc9c;
-}
-#breadcrumb li a:hover:before {
-  border-color: #1abc9c;
-  border-left-color: transparent;
-}
-#breadcrumb li a:hover:after {
-  border-left-color: #1abc9c;
-}
-#breadcrumb li a:active {
-  background-color: #16a085;
-}
-#breadcrumb li a:active:before {
-  border-color: #16a085;
-  border-left-color: transparent;
-}
-#breadcrumb li a:active:after {
-  border-left-color: #16a085;
-}
-=======
->>>>>>> origin/master
+.game img {
+    width:100%;
+    height:100%;
+}