Skip to content

Refactor Slack redirect logic to use centralized URL variable #86

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 2, 2025
Merged

Refactor Slack redirect logic to use centralized URL variable #86

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 39 additions & 17 deletions static/slack/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,36 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Primary redirect method - HTTP meta refresh (works in virtually all browsers) -->
<meta http-equiv="refresh" content="2; url=https://communityinviter.com/apps/llm-d/join-the-llm-d-community">

<!-- Alternative refresh method for maximum compatibility -->
<meta http-equiv="location" content="https://communityinviter.com/apps/llm-d/join-the-llm-d-community">

<!-- Canonical URL for SEO and indicating the destination -->
<link rel="canonical" href="https://communityinviter.com/apps/llm-d/join-the-llm-d-community">
<!-- Centralized URL configuration -->
<script>
// Define the Slack invite URL in ONE place for easy updates
var SLACK_INVITE_URL = 'https://inviter.co/llm-d-slack';

// Immediately write critical meta tags using the variable
// This works because document.write executes during HTML parsing
document.write('<meta http-equiv="refresh" content="2; url=' + SLACK_INVITE_URL + '">');
document.write('<meta http-equiv="location" content="' + SLACK_INVITE_URL + '">');
document.write('<link rel="canonical" href="' + SLACK_INVITE_URL + '">');
document.write('<meta property="og:url" content="' + SLACK_INVITE_URL + '">');

// Store in window object for later use
window.SLACK_INVITE_URL = SLACK_INVITE_URL;

// Update user-facing elements that can be dynamically populated
document.addEventListener('DOMContentLoaded', function() {
// Update fallback link
const fallbackLink = document.getElementById('fallback-link');
if (fallbackLink) {
fallbackLink.setAttribute('href', window.SLACK_INVITE_URL);
}

// Update manual URL text
const manualUrl = document.getElementById('manual-url');
if (manualUrl) {
manualUrl.textContent = window.SLACK_INVITE_URL;
}
});
</script>

<!-- Page title and meta information -->
<title>Redirecting to llm-d Slack Community</title>
Expand All @@ -21,7 +43,6 @@
<!-- Open Graph tags for social sharing -->
<meta property="og:title" content="Join llm-d Slack Community">
<meta property="og:description" content="Join the llm-d community on Slack">
<meta property="og:url" content="https://communityinviter.com/apps/llm-d/join-the-llm-d-community">
<meta property="og:type" content="website">

<!-- Twitter Card tags -->
Expand Down Expand Up @@ -114,16 +135,16 @@ <h1>Join the llm-d Slack Community</h1>

<!-- Primary fallback link for users who disable auto-redirects -->
<p>
<a href="https://communityinviter.com/apps/llm-d/join-the-llm-d-community" class="redirect-link">
<a href="#" id="fallback-link" class="redirect-link">
Click here if you are not redirected automatically
</a>
</p>

<div class="manual-instructions">
<p><strong>If the redirect doesn't work:</strong></p>
<p>Please copy and paste this URL into your browser:</p>
<p style="word-break: break-all; font-family: monospace; background: #f8f9fa; padding: 10px; border-radius: 4px;">
https://communityinviter.com/apps/llm-d/join-the-llm-d-community
<p id="manual-url" style="word-break: break-all; font-family: monospace; background: #f8f9fa; padding: 10px; border-radius: 4px;">
<!-- URL will be populated by JavaScript -->
</p>
</div>
</div>
Expand All @@ -145,21 +166,22 @@ <h1>Join the llm-d Slack Community</h1>
clearInterval(countdown);
// JavaScript redirect as final fallback
setTimeout(function() {
window.location.replace("https://communityinviter.com/apps/llm-d/join-the-llm-d-community");
window.location.replace(window.SLACK_INVITE_URL);
}, 100);
}
}, 1000);
} else {
// Fallback if elements not found - immediate redirect
setTimeout(function() {
window.location.replace("https://communityinviter.com/apps/llm-d/join-the-llm-d-community");
window.location.replace(window.SLACK_INVITE_URL);
}, 2000);
}
</script>

<!-- Noscript fallback for browsers with JavaScript disabled -->
<noscript>
<meta http-equiv="refresh" content="2; url=https://communityinviter.com/apps/llm-d/join-the-llm-d-community">
</noscript>
<script>
// Write the noscript fallback using the variable
document.write('<noscript><meta http-equiv="refresh" content="2; url=' + SLACK_INVITE_URL + '"></noscript>');
</script>
</body>
</html>