- Scan ID:
- 6d2c1c64-09b1-47bf-a32a-aa42cfc3f5d3Finished
- Submitted URL:
- https://kofc2431.org/
- Report Finished:
Links · 5 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://leafletjs.com | Leaflet |
| https://www.openstreetmap.org/copyright | OpenStreetMap |
| http://maps.apple.com/?near=34.10578555,-118.1190233615656&q=St Therese Church+1100 E Alhambra Rd, Alhambra, CA 91801 | Get Directions |
| http://maps.apple.com/?near=34.062863750000005,-118.14650681949372&q=St Thomas More Parish+2510 S Fremont Ave, Alhambra, CA 91803 | Get Directions |
| https://www.julianlopez.net/ | Julian Lopez |
JavaScript Variables · 27 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| leaflet | object |
| L | object |
| dialogButtonInitializer | function |
| isDesktop | object |
| mobileMenuInitializer | function |
| expandtopbar | function |
| hidetopbar | function |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| log | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="html" data-theme="light"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
Knights of Columbus: Alhambra Council #2431
</title>
<link rel="alternate" type="application/atom+xml" title="" href="https://www.kofc2431.org/feed.xml">
<meta name="generator" content="Jekyll v4.2.2">
<meta name="author" content="Julian Lopez">
<meta name="description" content="The Alhambra Council 2431 has been proud to support the Catholic parishes and local community in Alhambra for 100 years. We are currently supporting the parishes of St. Therese, St. Thomas More, and All Souls.">
<meta property="og:description" content="The Alhambra Council 2431 has been proud to support the Catholic parishes and local community in Alhambra for 100 years. We are currently supporting the parishes of St. Therese, St. Thomas More, and All Souls.">
<meta name="twitter:description" content="The Alhambra Council 2431 has been proud to support the Catholic parishes and local community in Alhambra for 100 years. We are currently supporting the parishes of St. Therese, St. Thomas More, and All Souls.">
<link rel="canonical" href="https://www.kofc2431.org/">
<meta property="og:title" content="">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="/">
<meta property="og:site_name" content="Knights of Columbus: Alhambra Council #2431">
<meta property="og:image" content="/assets/images/opengraph-image.webp">
<meta name="twitter:image" content="/assets/images/opengraph-image.webp">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="/">
<meta name="twitter:title" content="">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="https://www.kofc2431.org/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.kofc2431.org/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.kofc2431.org/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="https://www.kofc2431.org/assets/favicon/site.webmanifest">
<!-- theme-color -->
<meta name="theme-color" content="#F3F4F6">
<!-- Google site verification -->
<meta name="google-site-verification" content="VsNyvMxYvOQFM1OyN-DUCMvUDGYbj3xb6ZmPBbkNLYo">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
</head><body>
<div id="background-divs">
<div id="background-color-layer"></div>
<div id="pan-logos-layer"></div>
<div id="pan-logo-gradient-overlay"></div>
</div>
<script>
window.addEventListener('load', dialogButtonInitializer);
function dialogButtonInitializer() {
const all_pictures = document.querySelectorAll('picture');
const dialog = document.querySelector('dialog')
const dialogContent = document.getElementById('img-dialog-content');
const body = document.querySelector('body');
all_pictures.forEach(openDialogButton => {
openDialogButton.addEventListener('click', (event) => {
// Copy the contents of the clicked picture into the dialog content
let htmlContent = event.target.outerHTML;
htmlContent = htmlContent.replace(/\?tr=w-480/g, '').replace(/max-height: 60vh/g, '').replace(/border-radius: 1rem;/g, '');
dialogContent.innerHTML = htmlContent;
dialog.showModal()
body.style.overflow = 'hidden';
})
})
dialog.addEventListener('click', (event) => {
const dialogDimentions = dialog.getBoundingClientRect()
if (
event.clientX < dialogDimentions.left ||
event.clientX > dialogDimentions.right ||
event.clientY < dialogDimentions.top ||
event.clientY > dialogDimentions.bottom
) {
dialog.close()
body.style.overflow = '';
}
})
}
</script>
<dialog id="img-dialog">
<div id="img-dialog-content"></div>
</dialog>
<div class="topbar-container">
<div class="topbar topbar-expand">
<div class="topbar-top-row">
<button id="topbar-lightbulb" class="topbar-button topbar-button-left" aria-label="Toggle light/dark mode">
<img alt="Lightbulb icon" src="/assets/svg/lightmode-lightbulb.svg">
</button>
<div id="top-bar-kofc-logo">
<img src="/assets/svg/koc_crest.svg" alt="The Knights of Columbus logo">
<span>Council #2431</span>
</div>
<button menu-open="" id="topbar-menu" class="topbar-button topbar-button-right">
<img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/a1232e34553634c5363aa62c8d1b02161a4438e1/svgs/solid/xmark.svg" alt="Menu icon">
</button>
</div>
<div class="topbar-bottom-row">
<a class="topbar-mobile-links" href="/">Home</a>
<a class="topbar-mobile-links" href="/calendar">Calendar</a>
<a class="topbar-mobile-links" href="/join">Join</a>
<a class="topbar-mobile-links" href="/members">Members</a>
<a class="topbar-mobile-links" href="https://secure.kofc2431.org">Login</a>
</div>
</div>
</div>
<script>
window.addEventListener('load', mobileMenuInitializer);
let menubutton = document.querySelector('#topbar-menu');
let menubutton_img = menubutton.querySelector('img');
let topbar_bottom_row = document.querySelector('.topbar-bottom-row');
let topbar = document.querySelector('.topbar');
let showing_topbar_bottom_row = false;
var isDesktop = window.matchMedia("(min-width: 800px) and (orientation: landscape) and (hover: hover) and (pointer: fine)")
const x_svg_url = "https://raw.githubusercontent.com/FortAwesome/Font-Awesome/a1232e34553634c5363aa62c8d1b02161a4438e1/svgs/solid/xmark.svg";
const menubars_svg_url = "https://raw.githubusercontent.com/FortAwesome/Font-Awesome/a1232e34553634c5363aa62c8d1b02161a4438e1/svgs/solid/bars.svg";
function mobileMenuInitializer() {
if (isDesktop.matches) {expandtopbar(); }
menubutton.addEventListener('click', () => {
if (showing_topbar_bottom_row) {
hidetopbar();
}
else {
expandtopbar();
}
});
}
function expandtopbar() {
showing_topbar_bottom_row = true;
// topbar_bottom_row.style.display = "flex";
menubutton_img.src = x_svg_url;
topbar.classList.add("topbar-expand");
}
function hidetopbar() {
showing_topbar_bottom_row = false;
// topbar_bottom_row.style.display = "none";
if (menubutton_img.src !== menubars_svg_url){
menubutton_img.src = menubars_svg_url;
}
topbar.classList.remove("topbar-expand");
}
window.addEventListener('scroll', () => {
hidetopbar();
// Check if user scrolls to top
if ((window.pageYOffset === 0) && (isDesktop.matches)) {
expandtopbar();
}
});
</script>
<main class="page-content" aria-label="Content">
<div class="w">
<div>
<div class="homepage_logo">
<img id="homepage_kofc_logo" alt="the logo for this council" src="/assets/svg/council-light.svg">
</div>
<h1 id="homepage_title_text">Alhambra Council #2431</h1>
<div style="margin: 0 auto;">
<p class="homepage-tagline">"Working as one in service to many"</p>
<p style="text-align: center; max-width: 34rem; margin: 0 auto;">The Alhambra Council 2431 has been proud to support the Catholic parishes and local community in Alhambra for 100 years. We are currently supporting the parishes of St. Therese, St. Thomas More, and All Souls.</p>
</div>
<!-- include calendar_list.html with the upcoming events -->
<h2>Our Parishes</h2>
<div id="map" class="homepage-map leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0" style="position: relative;"><div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(0px, 0px, 0px);"><div class="leaflet-pane leaflet-tile-pane"><div class="leaflet-layer " style="z-index: 1; opacity: 1;"><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 18; transform: translate3d(0px, 0px, 0px) scale(1);"><img alt="" src="https://c.tile.openstreetmap.org/13/1407/3269.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(29px, -139px, 0px); opacity: 1;"><img alt="" src="https://a.tile.openstreetmap.org/13/1407/3270.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(29px, 117px, 0px); opacity: 1;"><img alt="" src="https://b.tile.openstreetmap.org/13/1406/3269.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-227px, -139px, 0px); opacity: 1;"><img alt="" src="https://a.tile.openstreetmap.org/13/1408/3269.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(285px, -139px, 0px); opacity: 1;"><img alt="" src="https://c.tile.openstreetmap.org/13/1406/3270.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-227px, 117px, 0px); opacity: 1;"><img alt="" src="https://b.tile.openstreetmap.org/13/1408/3270.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(285px, 117px, 0px); opacity: 1;"></div></div></div><div class="leaflet-pane leaflet-overlay-pane"></div><div class="leaflet-pane leaflet-shadow-pane"><img src="https://unpkg.com/[email protected]/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(320px, -1px, 0px);"><img src="https://unpkg.com/[email protected]/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(160px, 301px, 0px);"></div><div class="leaflet-pane leaflet-marker-pane"><img src="https://unpkg.com/[email protected]/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(320px, -1px, 0px); z-index: -1;"><img src="https://unpkg.com/[email protected]/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(160px, 301px, 0px); z-index: 301;"></div><div class="leaflet-pane leaflet-tooltip-pane"></div><div class="leaflet-pane leaflet-popup-pane"></div><div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(360403px, 837153px, 0px) scale(4096);"></div></div><div class="leaflet-control-container"><div class="leaflet-top leaflet-left"><div class="leaflet-control-zoom leaflet-bar leaflet-control"><a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in" aria-disabled="false"><span aria-hidden="true">+</span></a><a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out" aria-disabled="false"><span aria-hidden="true">−</span></a></div></div><div class="leaflet-top leaflet-right"></div><div class="leaflet-bottom leaflet-left"></div><div class="leaflet-bottom leaflet-right"><div class="leaflet-control-attribution leaflet-control"><a href="https://leafletjs.com" title="A JavaScript library for interactive maps"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" class="leaflet-attribution-flag"><path fill="#4C7BE1" d="M0 0h12v4H0z"></path><path fill="#FFD500" d="M0 4h12v3H0z"></path><path fill="#E0BC00" d="M0 7h12v1H0z"></path></svg> Leaflet</a> <span aria-hidden="true">|</span> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors</div></div></div></div>
<script>
var map = L.map('map');
// Add a tile layer to the map
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var marker_coordinates = []
var parish_names = []
var parish_addresses = []
marker_coordinates.push([34.10578555, -118.1190233615656]);
parish_names.push("St Therese Church");
parish_addresses.push("1100 E Alhambra Rd, Alhambra, CA 91801");
marker_coordinates.push([34.062863750000005, -118.14650681949372]);
parish_names.push("St Thomas More Parish");
parish_addresses.push("2510 S Fremont Ave, Alhambra, CA 91803 ");
for (var i = 0; i < marker_coordinates.length; i++) {
var marker = L.marker(marker_coordinates[i]).addTo(map);
var apple_maps_link = "http://maps.apple.com/?near=" + marker_coordinates[i][0] + "," + marker_coordinates[i][1] + "&q=" + parish_names[i] + "+" + parish_addresses[i];
marker.bindPopup("<p><b>" + parish_names[i] + "</b><br>" + parish_addresses[i] + "</p><a href='" + apple_maps_link + "'>Get Directions</a>");
}
// have the center of the map be the average of the points
var lat = 0;
var lng = 0;
for (var i = 0; i < marker_coordinates.length; i++) {
lat += marker_coordinates[i][0];
lng += marker_coordinates[i][1];
}
lat /= marker_coordinates.length;
lng /= marker_coordinates.length;
console.log(lat, lng);
map.setView([lat, lng], 13);
</script>
<div class="homepage-parish-locations">
<div>
<p><b>St Therese Church</b><br>1100 E Alhambra Rd, Alhambra, CA 91801</p>
<a href="http://maps.apple.com/?near=34.10578555,-118.1190233615656&q=St Therese Church+1100 E Alhambra Rd, Alhambra, CA 91801">Get Directions</a>
</div>
<div>
<p><b>St Thomas More Parish</b><br>2510 S Fremont Ave, Alhambra, CA 91803 </p>
<a href="http://maps.apple.com/?near=34.062863750000005,-118.14650681949372&q=St Thomas More Parish+2510 S Fremont Ave, Alhambra, CA 91803 ">Get Directions</a>
</div>
</div>
<!-- <div style="display: flex; justify-content: space-around; flex-wrap: wrap;">
<div class="homepage_flex_divs_posts limit-homepage-posts">
<h2>Latest Posts</h2>
</div>
</div> -->
</div>
<div>
<div class="not-dashed" style="margin: 2rem auto 1rem;"></div>
<div class="credits">
<ul class="credit-links">
<li>
Last updated on October 01, 2024
</li>
<li>
Contact us at <a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
Made by <a href="https://www.julianlopez.net/">Julian Lopez</a>
</li>
</ul>
<div>
</div>
</div>
</div></div></main>
<script type="text/javascript">
window.addEventListener('load', themeChange);
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", event => {
const newColorScheme = event.matches ? "dark" : "light";
switchToColorTheme(newColorScheme);
});
isDarkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
localStorageTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
if (localStorageTheme)
{
if (localStorageTheme === 'dark')
switchToColorTheme('dark', true);
else
switchToColorTheme('light', true);
}
else
{
if (isDarkMode)
switchToColorTheme('dark', true);
else
switchToColorTheme('light', true);
}
function switchToColorTheme(themeChangeto, pageload = false) {
const metaTag = document.querySelector('meta[name="theme-color"]');
if (!pageload)
{
document.documentElement.classList.add('transition');
transition();
}
if (themeChangeto === 'light')
{
document.documentElement.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
metaTag.content = '#F3F4F6';
}
else
{
document.documentElement.setAttribute('data-theme', 'dark');
localStorage.setItem('theme', 'dark');
metaTag.content = '#112764';
}
changeLightbulbSVG(themeChangeto);
changeKnightsTextLogo(themeChangeto)
}
function changeLightbulbSVG(themeChangeto) {
let lightbulb_button = document.querySelector('#topbar-lightbulb');
let button_img = lightbulb_button.querySelector('img');
if (themeChangeto === 'light')
{
button_img.src = "/assets/svg/lightmode-lightbulb.svg";
}
else
{
button_img.src = "/assets/svg/darkmode-lightbulb.svg";
}
}
function changeKnightsTextLogo(theme) {
const logos = document.querySelectorAll('#homepage_kofc_logo');
logos.forEach(logo => {
if(theme === 'light') {
logo.src = "/assets/svg/council-light.svg";
} else {
logo.src = "/assets/svg/council-dark.svg";
}
});
}
function transition(){
document.documentElement.classList.add('transition');
window.setTimeout(() => {
document.documentElement.classList.remove('transition');
}, 1000);
}
function themeChange() {
let lightbulb_button = document.querySelector('#topbar-lightbulb');
lightbulb_button.addEventListener('click', function (e) {
let currentTheme = document.documentElement.getAttribute('data-theme');
if (currentTheme === 'light')
switchToColorTheme('dark');
else
switchToColorTheme('light');
});
}
</script>
</body></html>