final changes before alpha version release

Anna-Assistant · Oct 30, 2017 · 743a211 · 743a211
1 parent 2efd924
commit 743a211
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 27 deletions.
diff --git a/background.html b/background.html
@@ -1,6 +1,6 @@
 <html>
 <head>
-    <title>Todoist</title>
+    <title>Anna</title>
     <script type="text/javascript" src="background.js"></script>
 </head>
 

diff --git a/elate/index.html b/elate/index.html
@@ -101,7 +101,7 @@
 		            <!-- <li><a href="#" data-nav-section="testimonials"><span>Testimonials</span></a></li> -->
 		            <!-- <li><a href="#" data-nav-section="services"><span>About</span></a></li> -->
 		            <!-- <li><a href="#" data-nav-section="about"><span>About</span></a></li> -->
-		            <li><a href="https://github.com/anna-assistant" ><span>Fork Me on Github</span></a></li>
+		            <li><a target="_blank" href="https://github.com/anna-assistant" ><span>Fork Me on Github</span></a></li>
 		          </ul>
 		        </div>
 			    </nav>
@@ -256,7 +256,7 @@ <h2>Close Tabs</h2>
 			<div class="row watch-video text-center to-animate">
 				<span>Watch the video</span>
 
-				<a href="https://www.youtube.com/watch?v=17bVrAZMgEY" class="popup-youtube btn-video"><i class="icon-play2"></i></a>
+				<a target="_blank" href="https://www.youtube.com/watch?v=17bVrAZMgEY" class="btn-video"><i class="icon-play2"></i></a>
 			</div>
 		</div>
 	</section>

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Anna Assistant",
-  "version": "0.1",
+  "version": "0.2",
   "background" : {
     "scripts" : ["js/jquery.min.js","js/on-off-switch.js","js/on-off-switch-onload.js","background.js"],
     "persistent" : true

diff --git a/permission.html b/permission.html
@@ -2,25 +2,42 @@
 <html lang="en">
 <head>
 	<title>Voice Type</title>
-	<style>
-		html, body {
-			height:100%;
-			margin: 0;
-		}
-		body {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-		}
-		h1 {
-			font-size: 10vh;
-		}
-	</style>
+	<link rel="stylesheet" href="elate/css/style.css">
+
+	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
+
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="elate/css/animate.css">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="elate/css/icomoon.css">
+	<!-- Simple Line Icons -->
+	<link rel="stylesheet" href="elate/css/simple-line-icons.css">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="elate/css/magnific-popup.css">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="elate/css/bootstrap.css">
+
 	<script src="permission.js"></script>
 </head>
 <body>
-	<div>
-		<h1>Please Grant Microphone Permission</h1>
-	</div>
+		<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);" data-stellar-background-ratio="0.5">
+			<div class="gradient"></div>
+			<div class="container">
+				<div class="text-wrap">
+					<div class="text-inner">
+						<div class="row">
+							<div class="col-md-8 col-md-offset-2">
+								<h1 class="to-animate">Hey Its Me Anna</h1>
+								<h4 class="to-animate">  Talk to me to have your work automated </h2>
+								<h4 class="to-animate">  Your Personal Assistant on Google Chrome</h2>
+								<h2 class="to-animate"> Please Grand me Microphone permissions.</h2>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="slant"></div>
+		</section>
+
 </body>
 </html>
diff --git a/popup.html b/popup.html
@@ -2,17 +2,30 @@
 <html>
 
 <head>
+		<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
+
+		<!-- Animate.css -->
+		<link rel="stylesheet" href="elate/css/animate.css">
+		<!-- Icomoon Icon Fonts-->
+		<link rel="stylesheet" href="elate/css/icomoon.css">
+		<!-- Simple Line Icons -->
+		<link rel="stylesheet" href="elate/css/simple-line-icons.css">
+		<!-- Magnific Popup -->
+		<link rel="stylesheet" href="elate/css/magnific-popup.css">
+		<!-- Bootstrap  -->
+		<link rel="stylesheet" href="elate/css/bootstrap.css">
+
 	<link rel="stylesheet" type="text/css" href="css/on-off-switch.css" />
 	<style type="text/css">
 		body {
 			height: 150px;
-			width: 120px;
-			background: lightskyblue; 
+			width: 130px;
+			background: lightblue; 
 
 		}
 
 		body:hover {
-			background-color: lightblue;
+			background-color: lightskyblue;
 			-webkit-transition: background-color 1000ms linear;
 			-ms-transition: background-color 1000ms linear;
 			transition: background-color 1000ms linear;
@@ -22,13 +35,17 @@
 
 <body>
 	<div style="text-align: center; display: block;">
+
+
+
+
 		<h1>Anna</h1>
 
-		<h4>Say "Hey" followed by request</h4>
+		<p>Say "Hey" followed by request</p>
 
-		<input type="checkbox" id="on-off-switch" name="switch1" class="mycheckbox">
+		<input type="checkbox" id="on-off-switch" name="switch1" class="mycheckbox" style="position: absolute; left: 50%;">
 
-		<h3><a target="_blank" href="elate/index.html">Read More</a></h3>
+		<i><a target="_blank" href="elate/index.html">Read More</a></i>
 	</div>