-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
84 lines (67 loc) · 2.81 KB
/
script.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
// Check if imageUrl and verse are stored in localStorage
const imageUrl = localStorage.getItem('imageUrl');
const verse = localStorage.getItem('verse');
if (imageUrl && verse) {
// Update the background image
document.querySelector('.hero-image').style.backgroundImage = `url(${imageUrl})`;
// Update the verse text
document.querySelector('.quote-text h2').textContent = verse;
}
// Fetch the image and verse from the endpoint
fetch('https://firstiimpression.com/Edify/edifyAPI.php')
.then(response => response.json())
.then(data => {
// Update the background image
document.querySelector('.hero-image').style.backgroundImage = `url(${data.imageUrl})`;
// Update the verse text
document.querySelector('.quote-text h2').textContent = data.verse;
// Store the image URL and verse text in localStorage
localStorage.setItem('imageUrl', data.imageUrl);
localStorage.setItem('verse', data.verse);
});
window.onload = function() {
// Check if the user's name is already saved in local storage
var userName = localStorage.getItem("userName");
if (userName) {
// Replace "kendal" with the user's name
document.getElementById("name").innerHTML = userName;
} else {
// If the user's name is not saved, ask for it
askForName();
}
}
function askForName() {
// Ask the user for their name
var userName = prompt("Hi there, thanks for downloading! To get started, please enter your name:");
// Save the user's name to local storage
localStorage.setItem("userName", userName);
// Replace "kendal" with the user's name
document.getElementById("name").innerHTML = userName;
}
function addBookmark() {
const name = document.getElementById('bookmark-name').value;
const url = document.getElementById('bookmark-url').value;
if (name && url) {
const faviconUrl = `https://www.google.com/s2/favicons?domain=${url}`;
const bookmarksList = document.getElementById('bookmarks-list');
const bookmarkItem = document.createElement('div');
bookmarkItem.classList.add('bookmark-item');
bookmarkItem.innerHTML = `
<img src="${faviconUrl}" alt="${name} Icon">
<a href="${url}" target="_blank">${name}</a>
<button onclick="removeBookmark(this)">Delete</button>
`;
bookmarksList.appendChild(bookmarkItem);
// Clear input fields
document.getElementById('bookmark-name').value = '';
document.getElementById('bookmark-url').value = '';
} else {
alert('Please enter both a name and a URL.');
}
}
function removeBookmark(button) {
const bookmarkItem = button.parentNode;
bookmarkItem.remove();
}
document.querySelector('#content-container').style.display = "block";
document.querySelector('#content-container').classList.add('fade-in');