This commit is contained in:
kevinzjpeng
2025-04-19 23:13:45 +00:00
parent abc294be03
commit fae69d9b5e
11 changed files with 5 additions and 1375 deletions

View File

@@ -1,81 +0,0 @@
window.onload = function() {
// Hide the loading message when tweets are loaded
var hideLoadingMessage = function() {
var loadingMessage = document.getElementById('loadingMessage');
if (loadingMessage) {
loadingMessage.style.display = 'none';
}
};
// Check if the Twitter widgets script is loaded
if (typeof twttr !== 'undefined') {
twttr.widgets.load(
document.getElementById("twitter-feed")
);
twttr.events.bind('loaded', function (event) {
// Hide loading message
hideLoadingMessage();
// Find all twitter tweets and show them
var tweets = document.querySelectorAll('.twitter-tweet');
tweets.forEach(function(tweet) {
tweet.classList.add('twitter-tweet-loaded');
});
// Unhide the twitter feed
var loadingMessage = document.getElementById('twitter-feed');
if (loadingMessage) {
loadingMessage.style.display = 'block';
}
});
} else {
var loadingMessage = document.getElementById('twitter-feed');
if (loadingMessage) {
loadingMessage.style.display = 'none';
}
}
// New Twitter navigation code
const initTwitterNavigation = () => {
const twitterPosts = document.querySelector('.twitter-posts');
const prevButton = document.querySelector('.twitter-nav-prev');
const nextButton = document.querySelector('.twitter-nav-next');
if (twitterPosts && prevButton && nextButton) {
const tweetWidth = 300; // Width of each tweet
const scrollAmount = tweetWidth + 16; // Width + gap
prevButton.addEventListener('click', () => {
twitterPosts.scrollBy({
left: -scrollAmount,
behavior: 'smooth'
});
});
nextButton.addEventListener('click', () => {
twitterPosts.scrollBy({
left: scrollAmount,
behavior: 'smooth'
});
});
}
};
// Initialize after a short delay to ensure tweets are loaded
setTimeout(initTwitterNavigation, 200);
};
document.addEventListener('DOMContentLoaded', function() {
const dialogue = document.querySelector('.gibby-dialogue');
function toggleDialogue() {
dialogue.style.display = 'block';
setTimeout(() => {
dialogue.style.display = 'none';
setTimeout(toggleDialogue, 2000); // Wait 2 seconds before showing again
}, 20000); // Show for 20 seconds
}
// Start the cycle after 1 second
setTimeout(toggleDialogue, 1000);
});

1
js/custom.min.js vendored Normal file
View File

@@ -0,0 +1 @@
window.onload=function(){var hideLoadingMessage=function(){var loadingMessage=document.getElementById("loadingMessage");if(loadingMessage){loadingMessage.style.display="none"}};if(typeof twttr!=="undefined"){twttr.widgets.load(document.getElementById("twitter-feed"));twttr.events.bind("loaded",function(event){hideLoadingMessage();var tweets=document.querySelectorAll(".twitter-tweet");tweets.forEach(function(tweet){tweet.classList.add("twitter-tweet-loaded")});var loadingMessage=document.getElementById("twitter-feed");if(loadingMessage){loadingMessage.style.display="block"}})}else{var loadingMessage=document.getElementById("twitter-feed");if(loadingMessage){loadingMessage.style.display="none"}}const initTwitterNavigation=()=>{const twitterPosts=document.querySelector(".twitter-posts");const prevButton=document.querySelector(".twitter-nav-prev");const nextButton=document.querySelector(".twitter-nav-next");if(twitterPosts&&prevButton&&nextButton){const tweetWidth=300;const scrollAmount=tweetWidth+16;prevButton.addEventListener("click",()=>{twitterPosts.scrollBy({left:-scrollAmount,behavior:"smooth"})});nextButton.addEventListener("click",()=>{twitterPosts.scrollBy({left:scrollAmount,behavior:"smooth"})})}};setTimeout(initTwitterNavigation,200)};document.addEventListener("DOMContentLoaded",function(){const dialogue=document.querySelector(".gibby-dialogue");function toggleDialogue(){dialogue.style.display="block";setTimeout(()=>{dialogue.style.display="none";setTimeout(toggleDialogue,2e3)},2e4)}setTimeout(toggleDialogue,1e3)});

View File

View File

@@ -1,38 +0,0 @@
document.addEventListener('DOMContentLoaded', function() {
const form = document.getElementById('subscribe-form');
const message = document.getElementById('form-message');
form.addEventListener('submit', function(event) {
event.preventDefault();
// Set the source input to the current page's domain (protocol + domain + port)
const sourceInput = form.querySelector('input[name="source"]');
sourceInput.value = window.location.origin;
const formData = new FormData(form);
const data = {};
formData.forEach((value, key) => { data[key] = value; });
fetch('https://script.google.com/macros/s/AKfycbwBqXSVZWT5GBsq5bPyz6xqF_RR7JZhK9PyszpvcztgZf3HbXhB4bUFALgkNq-DBpp2/exec', {
method: 'POST',
mode: 'no-cors',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: new URLSearchParams(data).toString(),
})
.then(response => {
message.style.display = 'block';
message.style.color = '#df4d3f';
message.textContent = 'Thank you for subscribing!';
form.reset();
setTimeout(() => { message.style.display = 'none'; }, 5000);
})
.catch(error => {
message.style.display = 'block';
message.style.color = 'red';
message.textContent = 'Error subscribing. Please try again.';
console.error('Error:', error);
});
});
});

1
js/subscribe.min.js vendored Normal file
View File

@@ -0,0 +1 @@
document.addEventListener("DOMContentLoaded",function(){const form=document.getElementById("subscribe-form");const message=document.getElementById("form-message");form.addEventListener("submit",function(event){event.preventDefault();const sourceInput=form.querySelector('input[name="source"]');sourceInput.value=window.location.origin;const formData=new FormData(form);const data={};formData.forEach((value,key)=>{data[key]=value});fetch("https://script.google.com/macros/s/AKfycbwBqXSVZWT5GBsq5bPyz6xqF_RR7JZhK9PyszpvcztgZf3HbXhB4bUFALgkNq-DBpp2/exec",{method:"POST",mode:"no-cors",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams(data).toString()}).then(response=>{message.style.display="block";message.style.color="#df4d3f";message.textContent="Thank you for subscribing!";form.reset();setTimeout(()=>{message.style.display="none"},5e3)}).catch(error=>{message.style.display="block";message.style.color="red";message.textContent="Error subscribing. Please try again.";console.error("Error:",error)})})});