alexxloo
diff --git a/‎20 - Speech Detection/index.html‎
Lines changed: 60 additions & 0 deletions b/‎20 - Speech Detection/index.html‎
Lines changed: 60 additions & 0 deletions
diff --git a/‎20 - Speech Detection/package.json‎
Lines changed: 14 additions & 0 deletions b/‎20 - Speech Detection/package.json‎
Lines changed: 14 additions & 0 deletions
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Speech Detection</title>
+</head>
+<body>
+
+ <div class="words" contenteditable>
+ </div>
+
+<script>
+ window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+
+
+</script>
+
+
+ <style>
+ html {
+ font-size: 10px;
+ }
+
+ body {
+ background:#ffc600;
+ font-family: 'helvetica neue';
+ font-weight: 200;
+ font-size: 20px;
+ }
+
+ .words {
+ max-width:500px;
+ margin:50px auto;
+ background:white;
+ border-radius:5px;
+ box-shadow:10px 10px 0 rgba(0,0,0,0.1);
+ padding:1rem 2rem 1rem 5rem;
+ background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
+ background-size: 100% 3rem;
+ position: relative;
+ line-height:3rem;
+ }
+ p {
+ margin: 0 0 3rem 0;
+ }
+
+ .words:before {
+ content: '';
+ position: absolute;
+ width: 4px;
+ top: 0;
+ left: 30px;
+ bottom: 0;
+ border: 1px solid;
+ border-color: transparent #efe4e4;
+ }
+ </style>
+
+</body>
+</html>
@@ -0,0 +1,14 @@
+{
+ "name": "gum",
+ "version": "1.0.0",
+ "description": "",
+ "main": "scripts.js",
+ "scripts": {
+ "start" : "browser-sync start --directory --server --files '*.css, *.html, *.js'"
+ },
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "browser-sync": "^2.12.5"
+ }
+}