Now user can twwet their favorite quote.

faahim · Aug 13, 2017 · 428ddbc · 428ddbc
1 parent 540380d
commit 428ddbc
Show file tree

Hide file tree

Showing 12 changed files with 2,702 additions and 3 deletions.
diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css
diff --git a/css/style.css b/css/style.css
@@ -10,4 +10,5 @@ body {
 	padding: 30px;
 	border-radius: 10px;
 	background-color: darkred;
-}
+}
+
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot
diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
diff --git a/img/tweet.png b/img/tweet.png
diff --git a/img/twitter.svg b/img/twitter.svg
diff --git a/index.html b/index.html
@@ -2,15 +2,23 @@
 <html>
 <head>
 	<title>Random Quote Generator</title>
+	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
 	<link rel="stylesheet" type="text/css" href="css/style.css">
 </head>
 
 <body>
 	<div id="quote-box">
 		<p class="insert-quote">Test</p>
 		<p class="insert-author">Test</p>
-		<button id="btn">Next</button>
-		<button class="tweet">Tweet</button>
+		<button id="btn" class="refresh-icon">
+			<svg viewBox="0 0 90 90">
+	      <path class="circle-path" d="M 45 45 m 0 -30 a 30 30 0 1 1 0 60 a 30 30 0 1 1 0 -60"></path>
+	    </svg>
+	    <svg class="arrow-svg" viewBox="0 0 90 90">
+	      <path class="arrow-path" d="M 50 15 m -18 -18 l 18 18 l -18 18"></path>
+	    </svg>
+		</button>
+		<a id="tweet" class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
 	</div>
 </body>
 

diff --git a/js/script.js b/js/script.js
@@ -13,6 +13,7 @@ $(document).ready(function() {
 			success: function(quotes) {
 				$(".insert-quote").html(quotes.quote);
 				$(".insert-author").html("- " + quotes.author);
+				$("#tweet").attr("href", "https://twitter.com/intent/tweet?text="+quotes.quote+" -"+quotes.author);
 			},
 			beforeSend: function(xhr) {
 		   xhr.setRequestHeader("X-Mashape-Authorization", "tLoCsKtopemshNeZYqkzFIYU45dvp1WHQRrjsnmBOsG4EMUvoE");