Initial commit

2021-05-14 23:39:06 +02:00 · 2021-05-14 23:39:06 +02:00 · 77de6d0728
commit 77de6d0728
12 changed files with 253 additions and 0 deletions
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
--- a/ImgProtocol.png
+++ b/ImgProtocol.png
--- a/PageProtocol.jpg
+++ b/PageProtocol.jpg
--- a/index.html
+++ b/index.html
@ -0,0 +1,49 @@
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Collection MBH</title>
+        <meta name="description" content="À Jugaad, Le chef Manoj Sharma revisite la cuisine de toutes les régions d'Indes, enrichit des plus belles innovations culinaires et méthodes de cuissons modernes. 
+        Inspirée d’ingrédients locaux et de saisons, les plats sont contemporains et savoureux.">
+        <meta name="keywords" content="Restaurant indien contemporain, festif, chef manoj sharma, paris, 2e arrondissement, Bar à cocktail, Indes, tandoor, grill, naan, bistronomique">
+        <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
+        
+        <link rel="stylesheet" href="styles.css">
+
+        <script src="js/jquery-3.6.0.min.js"></script>
+        <script src="js/jquery-ui.min.js"></script>
+        <script src="js/application.js"></script>
+
+    </head>
+    <body>
+
+        <div class="object">
+            <img src="ImgProtocol.png"/>
+            <a href="PageProtocol.jpg"></a>
+        </div>
+
+        <div class="object">
+            <img src="ImgProtocol.png"/>
+            <a href="PageProtocol.jpg"></a>
+        </div>
+
+        <div class="object">
+            <img src="ImgProtocol.png"/>
+            <a href="PageProtocol.jpg"></a>
+        </div>
+
+        <div class="object">
+            <img src="ImgProtocol.png"/>
+            <a href="PageProtocol.jpg"></a>
+        </div>
+
+        <div class="object">
+            <img src="ImgProtocol.png"/>
+            <a href="PageProtocol.jpg"></a>
+        </div>
+
+       
+    </body>
+</html>
--- a/js/.DS_Store
+++ b/js/.DS_Store
--- a/js/application.js
+++ b/js/application.js
@ -0,0 +1,17 @@
+$(document).ready(function(){
+    
+    $(".object").draggable({
+        start: function(){
+            $(".object").css({"z-index": 0});
+            $(this).css({"z-index": 100});
+        }
+    });
+
+    function nombre(value){
+        return  Math.floor(Math.random() * value);
+    }
+    
+    $(".object").each(function(){
+        $(this).css({"top": nombre(80) + "%", "left": nombre(90) + "%"}); 
+    });
+});
--- a/js/jquery-3.6.0.min.js
+++ b/js/jquery-3.6.0.min.js
--- a/js/jquery-ui.min.js
+++ b/js/jquery-ui.min.js
--- a/page-facing-up-facebook.png
+++ b/page-facing-up-facebook.png
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,83 @@
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+  font-smooth: never;
+  -moz-font-smooth: never;
+  box-sizing: border-box;
+}
+
+/*@font-face {
+    font-family: 'OldLondon';
+    src:    url('fonts/OldLondon.ttf') format('truetype');
+}*/
+/*@font-face {
+    font-family: 'Alpina-Italic';
+    src:    url('fonts/GT-Alpina-Typewriter-Light-Italic.woff') format('woff'),
+            url('fonts/GT-Alpina-Typewriter-Light-Italic.woff2') format('woff2');
+}*/
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background: #000;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.object {
+  position: absolute;
+  width: 10%;
+  cursor: move;
+}
+
+.object img {
+  width: 100%;
+}
+
+.object a {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 30%;
+  height: 30%;
+  cursor: pointer;
+  display: block;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.object:nth-child(1) {
+  left: 25%;
+  top: 62%;
+}
+
+.object:nth-child(2) {
+  left: 69%;
+  top: 3%;
+}
+
+.object:nth-child(3) {
+  left: 59%;
+  top: 39%;
+}
+
+.object:nth-child(4) {
+  left: 23%;
+  top: 4%;
+}
+
+.object:nth-child(5) {
+  left: 46%;
+  top: 38%;
+}
+/*# sourceMappingURL=styles.css.map */
--- a/styles.css.map
+++ b/styles.css.map
@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,kBAAkB,EAAE,UAAU;EAC9B,eAAe,EAAE,UAAU;EAC3B,UAAU,EAAE,UAAU;EACtB,uBAAuB,EAAE,SAAS;EAClC,cAAc,EAAE,kBAAkB;EAClC,sBAAsB,EAAE,WAAW;EACnC,mBAAmB,EAAE,WAAW;EAChC,cAAc,EAAE,WAAW;EAC3B,WAAW,EAAE,KAAK;EAClB,gBAAgB,EAAE,KAAK;EACvB,UAAU,EAAE,UAAU;CACzB;;AAED;;;GAGG;AAEH;;;;GAIG;AAEH,AAAA,IAAI,CAAA;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CACnB;;AAED,AAAA,IAAI,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CACnB;;AAED,AAAA,OAAO,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;CAiBf;;AApBD,AAKI,OALG,CAKH,GAAG,CAAC;EACD,KAAK,EAAE,IAAI;CACV;;AAPR,AASI,OATG,CASH,CAAC,CAAC;EACE,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,qBAAqB;CACnC;;AAKD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,EAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,EAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB",
+    "sources": [
+        "styles.scss"
+    ],
+    "names": [],
+    "file": "styles.css"
+}
--- a/styles.scss
+++ b/styles.scss
@ -0,0 +1,78 @@
+* {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-font-smoothing: antialiased;
+    font-smoothing: antialiased;
+    font-smooth: never;
+    -moz-font-smooth: never;
+    box-sizing: border-box;
+}
+
+/*@font-face {
+    font-family: 'OldLondon';
+    src:    url('fonts/OldLondon.ttf') format('truetype');
+}*/
+
+/*@font-face {
+    font-family: 'Alpina-Italic';
+    src:    url('fonts/GT-Alpina-Typewriter-Light-Italic.woff') format('woff'),
+            url('fonts/GT-Alpina-Typewriter-Light-Italic.woff2') format('woff2');
+}*/
+
+html{
+    height: 100%;
+    overflow: hidden;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    background: #000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.object {
+    position: absolute;
+    width: 10%;
+    cursor: move;
+
+    img {
+       width: 100%;
+       }
+
+    a {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 30%;
+        height: 30%;
+        cursor: pointer;
+        display: block;
+        transform: translate(-50%, -50%);
+    }
+
+}
+
+@for $i from 1 through 5 {
+    .object:nth-child(#{$i}){
+        left: random(90) + %;
+        top: random(90) + %;
+    }
+}
+
+@media screen and (min-width: 1000px) {
+
+    
+}
+
+@media screen and (max-width: 999px) {
+ 
+
+}
+