save

Deus-Group-HT6 · Aug 21, 2021 · c0a574d · c0a574d
1 parent 107d211
commit c0a574d
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 10 deletions.
diff --git a/public/css/test.css b/public/css/test.css
@@ -1,2 +1,23 @@
+h1{
+  position: absolute;
+  width: 370px;
+  height:96px;
+  left: 700px;
+  top: 300px;
+
+  font-family: Hind;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 300px;
+  line-height: 115px;
+  text-align: center;
+  letter-spacing: -0.017em;
+
+  color: #000000;
+}
+
 .space {
-  background-coloblur: r: r: }
+  background-color: blue;
+  height: 100px;
+  width: 100%;
+}
diff --git a/public/index.html b/public/index.html
@@ -4,27 +4,56 @@
       <title>GymLens</title>
       <meta charset="utf-8">
     	<meta name="viewport" content="width=device-width, initial-scale=1">
-      <link rel="stylesheet" href="test.css">
+      <link rel="stylesheet" href="css/test.css">
       <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-  	</head>
+      <link rel="preconnect" href="https://fonts.googleapis.com">
+      <link rel="preconnect" href="https://fonts.gstatic.com"cross  origin>
+    <link hrink href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew&display=swap" rel="stylesheet">
+    </head>
    <body>
 
-   	<h1>GymLensPoop</h1>
+     <div class="navigationbar">
+        <p1> hello </p1>
+    </div>
 
 
+    <h1>GYMLENS</h1>
+    <h2>revolutionizing exercise for a modern era</h2>
 
+      <!-- Load Resources -->
+      <script src="javascripts/jquery.js"></script>
+
+      <div id="container">
+  <video autoplay="true" id="video"></video>
+</div>
+
+<script>
+  function update(stream) {
+    document.querySelector('video').src = stream.url;
+  }
+
+  if (navigator.mediaDevices.getUserMedia) {
+  navigator.mediaDevices.getUserMedia({ video: true })
+    .then(function (stream) {
+      video.srcObject = stream;
+    })
+    .catch(function (err0r) {
+      console.log("Something went wrong!");
+    });
+}
+</script>
+
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core/dist/tf-core.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter/dist/tf-converter.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-webgl/dist/tf-backend-webgl.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/pose-detection/dist/pose-detection.min.js"></script>
 
 
 
-      <div class="space" style="width: 50px; height: 100px">
-        <p1>hello</p1>
-      </div>
 
-      <!-- Load Resources -->
-      <script src="javascripts/jquery.js"></script>
 
-		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
 
+<script type="module" src="javascripts/index.js"></script>
 
    </body>
 </html>
diff --git a/public/javascripts/index.js b/public/javascripts/index.js
@@ -0,0 +1,8 @@
+
+// Create a detector.
+const detector = await poseDetection.createDetector(poseDetection.SupportedModels.MoveNet);
+
+// Pass in a video stream to the model to detect poses.
+const video = document.getElementById('video');
+const poses = await detector.estimatePoses(video);
+console.log(poses[0].keypoints);