import os
import re
html_files = [
'd:\\iss\\Franciscan Society\\index.html',
'd:\\iss\\Franciscan Society\\about.html',
'd:\\iss\\Franciscan Society\\gallery.html'
]
# The old YouTube button block
yt_old = """"""
# The new YouTube button, matching Facebook, Instagram, LinkedIn
yt_new = """
"""
for file_path in html_files:
if not os.path.exists(file_path):
continue
with open(file_path, 'r', encoding='utf-8') as f:
content = f.read()
# 1. Replace YouTube button
content = content.replace(yt_old, yt_new)
# 2. Fix the magnetic script: remove the innerSpan transform logic
# Find the chunk and remove it
script_to_remove = """ const innerSpans = elem.querySelectorAll('span');
innerSpans.forEach(span => {
span.style.transition = 'transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)';
span.style.display = 'inline-block'; // required for transform
span.style.transform = `translate(${x * 0.15}px, ${y * 0.15}px)`;
});"""
content = content.replace(script_to_remove, "")
# Also remove the mouseleave innerSpans reset
leave_to_remove = """ const innerSpans = elem.querySelectorAll('span');
innerSpans.forEach(span => {
span.style.transform = `translate(0px, 0px)`;
});"""
content = content.replace(leave_to_remove, "")
with open(file_path, 'w', encoding='utf-8') as f:
f.write(content)
print(f"Fixed YouTube icon and button text tilt in {file_path}")