Home Explore Help
Register Sign In
parzen
/
indiescience
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Initial commit

xxxgogo77 3 years ago
commit
77de6d0728
12 changed files with 244 additions and 0 deletions
Split View Show Diff Stats
  1. 2 0
      .gitattributes
  2. BIN
      ImgProtocol.png
  3. BIN
      PageProtocol.jpg
  4. 49 0
      index.html
  5. BIN
      js/.DS_Store
  6. 17 0
      js/application.js
  7. 1 0
      js/jquery-3.6.0.min.js
  8. 5 0
      js/jquery-ui.min.js
  9. BIN
      page-facing-up-facebook.png
  10. 83 0
      styles.css
  11. 9 0
      styles.css.map
  12. 78 0
      styles.scss

+ 2 - 0
.gitattributes
View File 

@@ -0,0 +1,2 @@
 
+# Auto detect text files and perform LF normalization
 
+* text=auto

BIN
ImgProtocol.png
View File


BIN
PageProtocol.jpg
View File


+ 49 - 0
index.html
View File 

@@ -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>

BIN
js/.DS_Store
View File


+ 17 - 0
js/application.js
View File 

@@ -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) + "%"}); 
+    });
 
+});

File diff suppressed because it is too large
+ 1 - 0
js/jquery-3.6.0.min.js


File diff suppressed because it is too large
+ 5 - 0
js/jquery-ui.min.js


BIN
page-facing-up-facebook.png
View File


+ 83 - 0
styles.css
View File 

@@ -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 */

+ 9 - 0
styles.css.map
View File 

@@ -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"
 
+}

+ 78 - 0
styles.scss
View File 

@@ -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) {
 
+ 
+
 
+}
 
+

Some files were not shown because too many files changed in this diff