-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
105 lines (82 loc) · 2.44 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
const projectName = "feminist-quote-machine";
let quotesData;
var colors = [
"#002c59",
"#dce6ee",
"#16a085",
"#27ae60",
"#2c3e50",
"#f39c12",
"#e74c3c",
"#9b59b6",
"#FB6964",
"#342224",
"#472E32",
"#BDBB99",
"#77B1A9",
"#73A857",
"#2c3a57"];
var currentQuote = "",
currentAuthor = "";
function getQuotes() {
return $.ajax({
headers: {
Accept: "application/json"
},
url:
"https://gist.githubusercontent.com/stephanianevado/635c1f78b4ed730bccbea6bc783a2d72/raw/7abe07e999547d5bd65e1d1c182696f859e253d1/quotes.json",
success: function (jsonQuotes) {
if (typeof jsonQuotes === "string") {
quotesData = JSON.parse(jsonQuotes);
console.log("quotesData");
console.log(quotesData);
}
}
});
}
function getRandomQuote() {
return quotesData.quotes[
Math.floor(Math.random() * quotesData.quotes.length)];
}
function getQuote() {
let randomQuote = getRandomQuote();
currentQuote = randomQuote.quote;
currentAuthor = randomQuote.author;
$("#tweet-quote").attr(
"href",
"https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=" +
encodeURIComponent('"' + currentQuote + '" ' + currentAuthor));
$("#tumblr-quote").attr(
"href",
"https://www.tumblr.com/widgets/share/tool?posttype=quote&tags=quotes,freecodecamp&caption=" +
encodeURIComponent(currentAuthor) +
"&content=" +
encodeURIComponent(currentQuote) +
"&canonicalUrl=https%3A%2F%2Fwww.tumblr.com%2Fbuttons&shareSource=tumblr_share_button");
$(".quote-text").animate({opacity: 0}, 500, function () {
$(this).animate({opacity: 1}, 500);
$("#text").text(randomQuote.quote);
});
$(".quote-author").animate({opacity: 0}, 500, function () {
$(this).animate({opacity: 1}, 500);
$("#author").html(randomQuote.author);
});
var color = Math.floor(Math.random() * colors.length);
$("html body").animate(
{
backgroundColor: colors[color],
color: colors[color]
},
1000);
$(".button").animate(
{
backgroundColor: colors[color]
},
1000);
}
$(document).ready(function () {
getQuotes().then(() => {
getQuote();
});
$("#new-quote").on("click", getQuote);
});