<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title data-i18n-key="appTitle">Interactive MMI Safety Guide</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
<!-- Chosen Palette: Safety First (Warm Neutrals with Red/Yellow/Green accents) -->
<!-- Application Structure Plan: A tab-based navigation SPA. The user selects a key safety topic (Walkways, Zones, Communication, etc.) from a top navigation bar, and the main content area updates to show detailed, interactive information for that topic. The "Exclusion Zones" section is the most interactive, allowing users to click on machine types to dynamically update a visual representation and a comparison chart. This structure was chosen to break down the dense safety information into manageable, on-demand sections, making it easier for workers to quickly find specific rules rather than scanning a full static poster. The new language selection feature adds another layer of navigation/interaction, allowing users to switch the entire content to their preferred language. -->
<!-- Visualization & Content Choices:
- Report Info: Exclusion Zone Distances. Goal: Compare/Inform. Viz: Interactive HTML/CSS diagram + Chart.js Bar Chart. Interaction: User clicks machine buttons to update both visuals. Justification: Makes abstract distances tangible and comparable. Library: Chart.js.
- Report Info: Positive Communication Steps. Goal: Organize/Inform. Viz: Numbered list with icons. Interaction: None, presented as a clear sequence. Justification: Simplicity is key for a critical procedure.
- Report Info: Pedestrian Walkways. Goal: Contrast. Viz: Side-by-side "Do/Don't" cards with icons. Justification: Clear, immediate visual reinforcement of the rule.
- Report Info: Operator Actions & Site Controls. Goal: Inform. Viz: Icon-based grid. Justification: Fast, scannable information for quick recognition.
- New: Language Selection. Goal: Accessibility. Viz: Buttons for each language. Interaction: Click to change all displayed text. Justification: Crucial for a diverse workforce on a construction site.
-->
<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
<style>
body { font-family: 'Inter', sans-serif; }
.nav-btn { transition: all 0.2s ease-in-out; }
.nav-btn.active {
background-color: #ef4444; /* red-500 */
color: white;
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.content-section { display: none; }
.content-section.active { display: block; }
.machine-viz-zone {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(239, 68, 68, 0.3); /* red-500 with opacity */
border: 2px dashed #ef4444; /* red-500 */
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.machine-viz-zone.rect {
border-radius: 0.5rem;
}
.machine-viz {
position: relative;
width: 100%;
height: 250px;
background-color: #f3f4f6; /* gray-100 */
border-radius: 0.5rem;
border: 1px solid #d1d5db; /* gray-300 */
}
.machine-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3rem;
color: #1f2937; /* gray-800 */
}
.lang-btn.active {
background-color: #3b82f6; /* blue-500 */
color: white;
}
</style>
</head>
<body class="bg-gray-100 text-gray-800">
<div class="container mx-auto p-4 md:p-8">
<div class="flex justify-end mb-4">
<div id="language-selector" class="flex gap-2 p-1 bg-gray-200 rounded-full shadow-sm">
<button class="lang-btn px-3 py-1 text-sm font-semibold rounded-full hover:bg-gray-300 active" data-lang="en">🌐</button>
<button class="lang-btn px-3 py-1 text-sm font-semibold rounded-full hover:bg-gray-300" data-lang="ar">ع</button>
<button class="lang-btn px-3 py-1 text-sm font-semibold rounded-full hover:bg-gray-300" data-lang="hi">अ</button>
<button class="lang-btn px-3 py-1 text-sm font-semibold rounded-full hover:bg-gray-300" data-lang="ur">اُ</button>
<button class="lang-btn px-3 py-1 text-sm font-semibold rounded-full hover:bg-gray-300" data-lang="bn">অ</button>
<button class="lang-btn px-3 py-1 text-sm font-semibold rounded-full hover:bg-gray-300" data-lang="tl">🇵🇭</button>
</div>
</div>
<header class="text-center mb-8 border-b-4 border-red-500 pb-4">
<h1 class="text-4xl md:text-6xl font-black text-red-600 tracking-tight uppercase" data-i18n-key="headerTitle">STAY CLEAR & RESPECT EXCLUSION ZONES</h1>
<p class="text-xl md:text-2xl font-semibold text-gray-700 mt-2" data-i18n-key="headerSubtitle">How to work safely in equipment movement zones</p>
<p class="text-lg text-gray-500 font-medium" data-i18n-key="headerTagline">because your life depends on it</p>
</header>
<nav id="mainNav" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-2 md:gap-4 mb-8">
<button data-section="walkways" class="nav-btn flex flex-col items-center justify-center p-3 bg-white rounded-lg shadow-md hover:bg-red-400 hover:text-white">
<span class="text-2xl">🚶</span>
<span class="font-semibold text-sm mt-1" data-i18n-key="navWalkways">Walkways</span>
</button>
<button data-section="zones" class="nav-btn flex flex-col items-center justify-center p-3 bg-white rounded-lg shadow-md hover:bg-red-400 hover:text-white active">
<span class="text-2xl">⭕</span>
<span class="font-semibold text-sm mt-1" data-i18n-key="navExclusionZones">Exclusion Zones</span>
</button>
<button data-section="communication" class="nav-btn flex flex-col items-center justify-center p-3 bg-white rounded-lg shadow-md hover:bg-red-400 hover:text-white">
<span class="text-2xl">✋</span>
<span class="font-semibold text-sm mt-1" data-i18n-key="navCommunication">Communication</span>
</button>
<button data-section="operator" class="nav-btn flex flex-col items-center justify-center p-3 bg-white rounded-lg shadow-md hover:bg-red-400 hover:text-white">
<span class="text-2xl">🛑</span>
<span class="font-semibold text-sm mt-1" data-i18n-key="navOperatorActions">Operator Actions</span>
</button>
<button data-section="working" class="nav-btn flex flex-col items-center justify-center p-3 bg-white rounded-lg shadow-md hover:bg-red-400 hover:text-white">
<span class="text-2xl">🤝</span>
<span class="font-semibold text-sm mt-1" data-i18n-key="navWorkingInZone">Working in Zone</span>
</button>
<button data-section="controls" class="nav-btn flex flex-col items-center justify-center p-3 bg-white rounded-lg shadow-md hover:bg-red-400 hover:text-white">
<span class="text-2xl">🚧</span>
<span class="font-semibold text-sm mt-1" data-i18n-key="navSiteControls">Site Controls</span>
</button>
</nav>
<main id="mainContent" class="bg-white p-6 rounded-lg shadow-inner">
<section id="walkways" class="content-section">
<h2 class="text-2xl font-bold mb-4 text-red-600" data-i18n-key="walkwaysTitle">Pedestrian Walkways</h2>
<p class="mb-6 text-gray-600" data-i18n-key="walkwaysIntro">Always use paths designed to keep you separate from moving machinery. There are no exceptions to this rule.</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="border-4 border-amber-500 bg-amber-50 p-6 rounded-lg text-center">
<span class="text-6xl">🟠</span>
<h3 class="text-xl font-bold text-amber-800 mt-4" data-i18n-key="walkwaysAlwaysTitle">ALWAYS!</h3>
<p class="text-amber-700 mt-2 font-semibold" data-i18n-key="walkwaysAlwaysDesc">Use pedestrian crossing points to cross an equipment movement area. Pedestrians must follow the flagman/spotter in case any instructions are given.</p>
</div>
<div class="border-4 border-green-500 bg-green-50 p-6 rounded-lg text-center">
<span class="text-6xl">✅</span>
<h3 class="text-xl font-bold text-green-800 mt-4" data-i18n-key="walkwaysDoTitle">DO!</h3>
<p class="text-green-700 mt-2 font-semibold" data-i18n-key="walkwaysDoDesc">Always use designated walkways. They are your safe zone.</p>
</div>
<div class="border-4 border-red-500 bg-red-50 p-6 rounded-lg text-center">
<span class="text-6xl">❌</span>
<h3 class="text-xl font-bold text-red-800 mt-4" data-i18n-key="walkwaysDontTitle">DON'T!</h3>
<p class="text-red-700 mt-2 font-semibold" data-i18n-key="walkwaysDontDesc">Never take shortcuts through active work zones or machine paths.</p>
</div>
</div>
</section>
<section id="zones" class="content-section active">
<h2 class="text-2xl font-bold mb-4 text-red-600" data-i18n-key="zonesTitle">Exclusion Zones</h2>
<p class="mb-6 text-gray-600" data-i18n-key="zonesIntro">Keep minimum safe distance from operating machinery. These "Exclusion Zones" are danger areas. Refer to the list below for specific exclusion zones for each equipment type.</p>
<div class="space-y-4">
<div class="p-4 bg-gray-50 rounded-lg">
<h3 class="font-bold text-lg" data-i18n-key="machineWheelLoader">Wheel Loader</h3>
<p data-i18n-key="wheelLoaderZone">10m front/rear, 5m sides</p>
</div>
<div class="p-4 bg-gray-50 rounded-lg">
<h3 class="font-bold text-lg" data-i18n-key="machineExcavator">Excavator</h3>
<p data-i18n-key="excavatorZone">Full 360-degree swing</p>
</div>
<div class="p-4 bg-gray-50 rounded-lg">
<h3 class="font-bold text-lg" data-i18n-key="machineTelehandler">Telehandler</h3>
<p data-i18n-key="telehandlerZone">6m all directions (forks/booms)</p>
</div>
<div class="p-4 bg-gray-50 rounded-lg">
<h3 class="font-bold text-lg" data-i18n-key="machineSkidSteerLoader">Skid Steer Loader</h3>
<p data-i18n-key="skidSteerLoaderZone">5m all around</p>
</div>
<div class="p-4 bg-gray-50 rounded-lg">
<h3 class="font-bold text-lg" data-i18n-key="machineForklift">Forklift</h3>
<p data-i18n-key="forkliftZone">5m front/rear, 3m sides</p>
</div>
<div class="p-4 bg-gray-50 rounded-lg">
<h3 class="font-bold text-lg" data-i18n-key="machineTruck">Truck</h3>
<p data-i18n-key="truckZone">10m front/rear</p>
</div>
</div>
<div class="mt-8 p-4 bg-red-100 border-l-4 border-red-500 text-red-700 rounded-r-lg">
<p class="font-bold" data-i18n-key="zonesCriticalReminder">CRITICAL REMINDER: Never enter an exclusion zone without establishing positive communication with the operator first! Refer to the 'Communication' tab for how to establish positive communication.</p>
</div>
</section>
<section id="communication" class="content-section">
<h2 class="text-2xl font-bold mb-4 text-red-600" data-i18n-key="communicationTitle">Positive Communication Steps</h2>
<p class="mb-6 text-gray-600" data-i18n-key="communicationIntro">Before entering a machine's exclusion zone, follow these four steps to ensure the operator sees you and has safely stopped the machine. This is a non-negotiable safety procedure.</p>
<div class="space-y-4">
<div class="flex items-start p-4 bg-gray-50 rounded-lg">
<span class="text-4xl mr-4">1️⃣</span>
<div>
<h3 class="font-bold text-lg" data-i18n-key="commStep1Title">Establish Line of Sight</h3>
<p data-i18n-key="commStep1Desc">Make sure you can see the operator and they can see you. Never approach from a blind spot.</p>
</div>
</div>
<div class="flex items-start p-4 bg-gray-50 rounded-lg">
<span class="text-4xl mr-4">2️⃣</span>
<div>
<h3 class="font-bold text-lg" data-i18n-key="commStep2Title">Stop Outside the Zone</h3>
<p data-i18n-key="commStep2Desc">Stay safely outside the machine's exclusion zone boundary until you get the operator's attention.</p>
</div>
</div>
<div class="flex items-start p-4 bg-gray-50 rounded-lg">
<span class="text-4xl mr-4">3️⃣</span>
<div>
<h3 class="font-bold text-lg" data-i18n-key="commStep3Title">Attract Attention</h3>
<p data-i18n-key="commStep3Desc">Use a clear hand signal (like a wave) to get the operator's attention. Confirm they have seen you.</p>
</div>
</div>
<div class="flex items-start p-4 bg-gray-50 rounded-lg">
<span class="text-4xl mr-4">4️⃣</span>
<div>
<h3 class="font-bold text-lg" data-i18n-key="commStep4Title">Seek & Receive Permission</h3>
<p data-i18n-key="commStep4Desc">Wait for the operator to give you a clear, affirmative signal (like a thumbs-up) to approach using hand signal, or verbal communication.</p>
</div>
</div>
</div>
</section>
<section id="operator" class="content-section">
<h2 class="text-2xl font-bold mb-4 text-red-600" data-i18n-key="operatorTitle">Operator Immediate Actions</h2>
<p class="mb-6 text-gray-600" data-i18n-key="operatorIntro">If a person approaches your machine, perform these actions immediately to ensure their safety. This sequence makes the machine safe for interaction.</p>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 text-center">
<div class="p-4 bg-amber-100 border-b-4 border-amber-400 rounded-lg">
<span class="text-5xl">🛑</span>
<h3 class="font-bold mt-2" data-i18n-key="operatorStopTitle">Stop</h3>
<p class="text-sm text-amber-800" data-i18n-key="operatorStopDesc">Cease all movement and machine functions.</p>
</div>
<div class="p-4 bg-amber-100 border-b-4 border-amber-400 rounded-lg">
<span class="text-5xl">🔒</span>
<h3 class="font-bold mt-2" data-i18n-key="operatorDeactivateTitle">Deactivate</h3>
<p class="text-sm text-amber-800" data-i18n-key="operatorDeactivateDesc">Put machine controls in neutral or standby.</p>
</div>
<div class="p-4 bg-amber-100 border-b-4 border-amber-400 rounded-lg">
<span class="text-5xl">⬇️</span>
<h3 class="font-bold mt-2" data-i18n-key="operatorLowerTitle">Lower Boom/Attachments</h3>
<p class="text-sm text-amber-800" data-i18n-key="operatorLowerDesc">Lower all buckets, forks, or booms to the ground.</p>
</div>
<div class="p-4 bg-amber-100 border-b-4 border-amber-400 rounded-lg">
<span class="text-5xl">🅿️</span>
<h3 class="font-bold mt-2" data-i18n-key="operatorBrakeTitle">Engage Brake</h3>
<p class="text-sm text-amber-800" data-i18n-key="operatorBrakeDesc">Set the parking brake to prevent any movement.</p>
</div>
<div class="p-4 bg-amber-100 border-b-4 border-amber-400 rounded-lg">
<span class="text-5xl">🙌</span>
<h3 class="font-bold mt-2" data-i18n-key="operatorHandsOffTitle">Hands Off</h3>
<p class="text-sm text-amber-800" data-i18n-key="operatorHandsOffDesc">Take hands and feet off all operational controls.</p>
</div>
</div>
</section>
<section id="working" class="content-section">
<h2 class="text-2xl font-bold mb-4 text-red-600" data-i18n-key="workingTitle">Working Inside a Zone</h2>
<p class="mb-6 text-gray-600" data-i18n-key="workingIntro">When a ground worker is cleared to work with an operator inside an exclusion zone, these rules must be strictly followed by both parties to prevent incidents.</p>
<ul class="space-y-3">
<li class="flex items-center text-lg"><span class="text-2xl mr-3">👀</span> <span data-i18n-key="workingItem1">Maintain constant line of sight between worker and operator.</span></li>
<li class="flex items-center text-lg"><span class="text-2xl mr-3">🐢</span> <span data-i18n-key="workingItem2">Operator only moves on direct instruction, at dead slow speed.</span></li>
<li class="flex items-center text-lg"><span class="text-2xl mr-3">🛑</span> <span data-i18n-key="workingItem3">Operator stops immediately if sight is lost.</span></li>
<li class="flex items-center text-lg"><span class="text-2xl mr-3">🔒</span> <span data-i18n-key="workingItem4">Never work in a crush zone without specific Lockout/Tagout (LOTO) procedures.</span></li>
</ul>
</section>
<section id="controls" class="content-section">
<h2 class="text-2xl font-bold mb-4 text-red-600" data-i18n-key="controlsTitle">Visual Site Controls</h2>
<p class="mb-6 text-gray-600" data-i18n-key="controlsIntro">These are the common visual safety controls used on site to manage MMI risks. Learn to recognize them and always obey what they signify.</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="p-6 bg-gray-100 rounded-lg text-center">
<span class="text-6xl">🎨</span>
<h3 class="text-xl font-bold mt-4" data-i18n-key="controlsPaintedZonesTitle">Walkway Demarcation</h3>
<p class="mt-2 text-gray-600" data-i18n-key="controlsPaintedZonesDesc">All pedestrian walkways will be demarcated using barriers and signages.</p>
</div>
<div class="p-6 bg-gray-100 rounded-lg text-center">
<span class="text-6xl">🚧</span>
<h3 class="text-xl font-bold mt-4" data-i18n-key="controlsPhysicalBarriersTitle">Physical Barriers</h3>
<p class="mt-2 text-gray-600" data-i18n-key="controlsPhysicalBarriersDesc">Barricades and guardrails used to physically prevent entry into dangerous areas.</p>
</div>
</div>
<div class="mt-6 p-4 bg-blue-100 border-l-4 border-blue-500 text-blue-700 rounded-r-lg">
<p class="font-bold" data-i18n-key="sitemapInfo">Refer to the sitemap displayed in relevant areas to update yourself about the changes reflected on a dynamic basis.</p>
</div>
</section>
</main>
<footer class="text-center mt-8 pt-4 border-t border-gray-300">
<p class="text-gray-600 font-semibold" data-i18n-key="footerSafetyResponsibility">Safety is everyone's responsibility.</p>
<p class="text-sm text-gray-400 mt-1" data-i18n-key="footerAppTitle">Interactive MMI Safety Guide</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const mainNav = document.getElementById('mainNav');
const contentSections = document.querySelectorAll('.content-section');
const languageSelector = document.getElementById('language-selector');
const translations = {
en: {
appTitle: "Interactive MMI Safety Guide",
headerTitle: "STAY CLEAR & RESPECT EXCLUSION ZONES",
headerSubtitle: "How to work safely in equipment movement zones",
headerTagline: "because your life depends on it",
navWalkways: "Walkways",
navExclusionZones: "Exclusion Zones",
navCommunication: "Communication",
navOperatorActions: "Operator Actions",
navWorkingInZone: "Working in Zone",
navSiteControls: "Site Controls",
walkwaysTitle: "Pedestrian Walkways",
walkwaysIntro: "Always use paths designed to keep you separate from moving machinery. There are no exceptions to this rule.",
walkwaysAlwaysTitle: "ALWAYS!",
walkwaysAlwaysDesc: "Use pedestrian crossing points to cross an equipment movement area. Pedestrians must follow the flagman/spotter in case any instructions are given.",
walkwaysDoTitle: "DO!",
walkwaysDoDesc: "Always use designated walkways. They are your safe zone.",
walkwaysDontTitle: "DON'T!",
walkwaysDontDesc: "Never take shortcuts through active work zones or machine paths.",
zonesTitle: "Exclusion Zones",
zonesIntro: "Keep minimum safe distance from operating machinery. These \"Exclusion Zones\" are danger areas. Refer to the list below for specific exclusion zones for each equipment type.",
zonesCriticalReminder: "CRITICAL REMINDER: Never enter an exclusion zone without establishing positive communication with the operator first! Refer to the 'Communication' tab for how to establish positive communication.",
machineWheelLoader: "Wheel Loader",
machineExcavator: "Excavator",
machineTelehandler: "Telehandler",
machineSkidSteerLoader: "Skid Steer Loader",
machineForklift: "Forklift",
machineTruck: "Truck",
wheelLoaderZone: "10m front/rear, 5m sides",
excavatorZone: "Full 360-degree swing",
telehandlerZone: "6m all directions (forks/booms)",
skidSteerLoaderZone: "5m all around",
forkliftZone: "5m front/rear, 3m sides",
truckZone: "10m front/rear",
chartYAxis: "Distance (meters)",
communicationTitle: "Positive Communication Steps",
communicationIntro: "Before entering a machine's exclusion zone, follow these four steps to ensure the operator sees you and has safely stopped the machine. This is a non-negotiable safety procedure.",
commStep1Title: "Establish Line of Sight",
commStep1Desc: "Make sure you can see the operator and they can see you. Never approach from a blind spot.",
commStep2Title: "Stop Outside the Zone",
commStep2Desc: "Stay safely outside the machine's exclusion zone boundary until you get the operator's attention.",
commStep3Title: "Attract Attention",
commStep3Desc: "Use a clear hand signal (like a wave) to get the operator's attention. Confirm they have seen you.",
commStep4Title: "Seek & Receive Permission",
commStep4Desc: "Wait for the operator to give you a clear, affirmative signal (like a thumbs-up) to approach using hand signal, or verbal communication.",
operatorTitle: "Operator Immediate Actions",
operatorIntro: "If a person approaches your machine, perform these actions immediately to ensure their safety. This sequence makes the machine safe for interaction.",
operatorStopTitle: "Stop",
operatorStopDesc: "Cease all movement and machine functions.",
operatorDeactivateTitle: "Deactivate",
operatorDeactivateDesc: "Put machine controls in neutral or standby.",
operatorLowerTitle: "Lower Boom/Attachments",
operatorLowerDesc: "Lower all buckets, forks, or booms to the ground.",
operatorBrakeTitle: "Engage Brake",
operatorBrakeDesc: "Set the parking brake to prevent any movement.",
operatorHandsOffTitle: "Hands Off",
operatorHandsOffDesc: "Take hands and feet off all operational controls.",
workingTitle: "Working Inside a Zone",
workingIntro: "When a ground worker is cleared to work with an operator inside an exclusion zone, these rules must be strictly followed by both parties to prevent incidents.",
workingItem1: "Maintain constant line of sight between worker and operator.",
workingItem2: "Operator only moves on direct instruction, at dead slow speed.",
workingItem3: "Operator stops immediately if sight is lost.",
workingItem4: "Never work in a crush zone without specific Lockout/Tagout (LOTO) procedures.",
controlsTitle: "Visual Site Controls",
controlsIntro: "These are the common visual safety controls used on site to manage MMI risks. Learn to recognize them and always obey what they signify.",
controlsPaintedZonesTitle: "Walkway Demarcation",
controlsPaintedZonesDesc: "All pedestrian walkways will be demarcated using barriers and signages.",
controlsPhysicalBarriersTitle: "Physical Barriers",
controlsPhysicalBarriersDesc: "Barricades and guardrails used to physically prevent entry into dangerous areas.",
sitemapInfo: "Refer to the sitemap displayed in relevant areas to update yourself about the changes reflected on a dynamic basis.",
footerSafetyResponsibility: "Safety is everyone's responsibility.",
footerAppTitle: "Interactive MMI Safety Guide"
},
ar: {
appTitle: "دليل سلامة واجهة الإنسان والآلة التفاعلي",
headerTitle: "حافظ على المسافة واحترم مناطق الإقصاء",
headerSubtitle: "كيفية العمل بأمان في مناطق حركة المعدات",
headerTagline: "لأن حياتك تعتمد على ذلك",
navWalkways: "الممرات",
navExclusionZones: "مناطق الإقصاء",
navCommunication: "التواصل",
navOperatorActions: "إجراءات المشغل",
navWorkingInZone: "العمل في المنطقة",
navSiteControls: "ضوابط الموقع",
walkwaysTitle: "ممرات المشاة",
walkwaysIntro: "استخدم دائمًا المسارات المصممة لفصلك عن الآلات المتحركة. لا توجد استثناءات لهذه القاعدة.",
walkwaysAlwaysTitle: "دائمًا!",
walkwaysAlwaysDesc: "استخدم نقاط عبور المشاة لعبور منطقة حركة المعدات. يجب على المشاة اتباع رجل العلم/المراقب في حال وجود أي تعليمات.",
walkwaysDoTitle: "افعل!",
walkwaysDoDesc: "استخدم دائمًا الممرات المخصصة. إنها منطقة آمنة لك.",
walkwaysDontTitle: "لا تفعل!",
walkwaysDontDesc: "لا تسلك أبدًا طرقًا مختصرة عبر مناطق العمل النشطة أو مسارات الآلات.",
zonesTitle: "مناطق الإقصاء",
zonesIntro: "حافظ على مسافة آمنة دنيا من المعدات العاملة. هذه \"مناطق الإقصاء\" هي مناطق خطرة. ارجع إلى القائمة أدناه لمناطق الإقصاء المحددة لكل نوع من المعدات.",
zonesCriticalReminder: "تذكير هام: لا تدخل أبدًا منطقة إقصاء دون التواصل الإيجابي مع المشغل أولاً! ارجع إلى علامة التبويب \"التواصل\" لمعرفة كيفية إنشاء اتصال إيجابي.",
machineWheelLoader: "جرافة بعجلات",
machineExcavator: "حفارة",
machineTelehandler: "رافعة شوكية تلسكوبية",
machineSkidSteerLoader: "لودر انزلاقي",
machineForklift: "رافعة شوكية",
machineTruck: "شاحنة",
wheelLoaderZone: "10م أمامي/خلفي، 5م جانبي",
excavatorZone: "نصف قطر دوران 360 درجة كاملاً",
telehandlerZone: "6م في جميع الاتجاهات (شوكات/أذرع)",
skidSteerLoaderZone: "5م في جميع الاتجاهات",
forkliftZone: "5م أمامي/خلفي، 3م جانبي",
truckZone: "10م أمامي/خلفي",
chartYAxis: "المسافة (أمتار)",
communicationTitle: "خطوات التواصل الإيجابي",
communicationIntro: "قبل دخول منطقة إقصاء الآلة، اتبع هذه الخطوات الأربع للتأكد من أن المشغل يراك وقد أوقف الآلة بأمان. هذا إجراء أمان غير قابل للتفاوض.",
commStep1Title: "إقامة خط الرؤية",
commStep1Desc: "تأكد من أنك ترى المشغل وهو يراك. لا تقترب أبدًا من نقطة عمياء.",
commStep2Title: "التوقف خارج المنطقة",
commStep2Desc: "ابقَ بأمان خارج حدود منطقة إقصاء الآلة حتى تلفت انتباه المشغل.",
commStep3Title: "لفت الانتباه",
commStep3Desc: "استخدم إشارة يد واضحة (مثل التلويح) للفت انتباه المشغل. تأكد من أنه رآك.",
commStep4Title: "طلب وتلقي الإذن",
commStep4Desc: "انتظر حتى يعطيك المشغل إشارة واضحة ومؤكدة (مثل إشارة الإبهام للأعلى) للاقتراب باستخدام إشارة اليد، أو التواصل اللفظي.",
operatorTitle: "إجراءات المشغل الفورية",
operatorIntro: "إذا اقترب شخص من آلتك، قم بهذه الإجراءات فورًا لضمان سلامته. هذا التسلسل يجعل الآلة آمنة للتفاعل.",
operatorStopTitle: "توقف",
operatorStopDesc: "أوقف جميع حركات ووظائف الآلة.",
operatorDeactivateTitle: "إلغاء التنشيط",
operatorDeactivateDesc: "ضع ضوابط الآلة في وضع الحياد أو الاستعداد.",
operatorLowerTitle: "خفض الذراع/الملحقات",
operatorLowerDesc: "اخفض جميع الدلاء أو الشوكات أو الأذرع إلى الأرض.",
operatorBrakeTitle: "تعشيق الفرامل",
operatorBrakeDesc: "اضبط فرملة الوقوف لمنع أي حركة.",
operatorHandsOffTitle: "رفع اليدين",
operatorHandsOffDesc: "ارفع اليدين والقدمين عن جميع ضوابط التشغيل.",
workingTitle: "العمل داخل المنطقة",
workingIntro: "عندما يُصرح لعامل أرضي بالعمل مع مشغل داخل منطقة إقصاء، يجب اتباع هذه القواعد بدقة من قبل الطرفين لمنع الحوادث.",
workingItem1: "حافظ على خط رؤية ثابت بين العامل والمشغل.",
workingItem2: "يتحرك المشغل فقط بناءً على تعليمات مباشرة، وبسرعة بطيئة جدًا.",
workingItem3: "يتوقف المشغل فورًا في حالة فقدان الرؤية.",
workingItem4: "لا تعمل أبدًا في مناطق السحق دون إجراءات قفل/علامة (LOTO) محددة.",
controlsTitle: "ضوابط الموقع البصرية",
controlsIntro: "هذه هي ضوابط السلامة البصرية الشائعة المستخدمة في الموقع لإدارة مخاطر واجهة الإنسان والآلة. تعلم التعرف عليها والتزم دائمًا بما تشير إليه.",
controlsPaintedZonesTitle: "تحديد الممرات",
controlsPaintedZonesDesc: "سيتم تحديد جميع ممرات المشاة باستخدام الحواجز واللافتات.",
controlsPhysicalBarriersTitle: "الحواجز المادية",
controlsPhysicalBarriersDesc: "الحواجز ودرابزين الحماية المستخدمة لمنع الدخول المادي إلى المناطق الخطرة.",
sitemapInfo: "ارجع إلى خريطة الموقع المعروضة في المناطق ذات الصلة لتحديث نفسك بشأن التغييرات التي تنعكس على أساس ديناميكي.",
footerSafetyResponsibility: "السلامة مسؤولية الجميع.",
footerAppTitle: "دليل سلامة واجهة الإنسان والآلة التفاعلي"
},
hi: {
appTitle: "इंटरैक्टिव एमएमआई सुरक्षा गाइड",
headerTitle: "स्पष्ट रहें और बहिष्करण क्षेत्रों का सम्मान करें",
headerSubtitle: "उपकरण आंदोलन क्षेत्रों में सुरक्षित रूप से कैसे काम करें",
headerTagline: "क्योंकि आपकी जान उस पर निर्भर करती है",
navWalkways: "पैदल मार्ग",
navExclusionZones: "बहिष्करण क्षेत्र",
navCommunication: "संचार",
navOperatorActions: "ऑपरेटर क्रियाएँ",
navWorkingInZone: "क्षेत्र में कार्य",
navSiteControls: "साइट नियंत्रण",
walkwaysTitle: "पैदल मार्ग",
walkwaysIntro: "हमेशा चलती मशीनों से आपको अलग रखने के लिए डिज़ाइन किए गए रास्तों का उपयोग करें। इस नियम का कोई अपवाद नहीं है।",
walkwaysAlwaysTitle: "हमेशा!",
walkwaysAlwaysDesc: "उपकरण आंदोलन क्षेत्र को पार करने के लिए पैदल यात्री क्रॉसिंग पॉइंट का उपयोग करें। यदि कोई निर्देश दिए जाते हैं तो पैदल यात्रियों को फ्लैगमैन/स्पॉटर का पालन करना चाहिए।",
walkwaysDoTitle: "करें!",
walkwaysDoDesc: "हमेशा निर्दिष्ट पैदल मार्गों का उपयोग करें। वे आपका सुरक्षित क्षेत्र हैं।",
walkwaysDontTitle: "न करें!",
walkwaysDontDesc: "कभी भी सक्रिय कार्य क्षेत्रों या मशीन मार्गों से शॉर्टकट न लें।",
zonesTitle: "बहिष्करण क्षेत्र",
zonesIntro: "ऑपरेटिंग मशीनरी से न्यूनतम सुरक्षित दूरी बनाए रखें। ये \"बहिष्करण क्षेत्र\" खतरनाक क्षेत्र हैं। प्रत्येक उपकरण प्रकार के लिए विशिष्ट बहिष्करण क्षेत्रों के लिए नीचे दी गई सूची देखें।",
zonesCriticalReminder: "महत्वपूर्ण अनुस्मारक: ऑपरेटर के साथ सकारात्मक संचार स्थापित किए बिना कभी भी बहिष्करण क्षेत्र में प्रवेश न करें! सकारात्मक संचार कैसे स्थापित करें, इसके लिए 'संचार' टैब देखें।",
machineWheelLoader: "व्हील लोडर",
machineExcavator: "खुदाई करने वाला",
machineTelehandler: "टेलीहैंडलर",
machineSkidSteerLoader: "स्किड स्टीयर लोडर",
machineForklift: "फोर्कलिफ्ट",
machineTruck: "ट्रक",
wheelLoaderZone: "10मी सामने/पीछे, 5मी किनारे",
excavatorZone: "पूरा 360° स्विंग",
telehandlerZone: "सभी दिशाों में 6मी (कांटे/बूम)",
skidSteerLoaderZone: "सभी तरफ 5मी",
forkliftZone: "5मी सामने/पीछे, 3मी किनारे",
truckZone: "10मी सामने/पीछे",
chartYAxis: "दूरी (मीटर)",
communicationTitle: "सकारात्मक संचार के चरण",
communicationIntro: "मशीन के बहिष्करण क्षेत्र में प्रवेश करने से पहले, यह सुनिश्चित करने के लिए इन चार चरणों का पालन करें कि ऑपरेटर आपको देखता है और उसने मशीन को सुरक्षित रूप से रोक दिया है। यह एक गैर-परक्राम्य सुरक्षा प्रक्रिया है।",
commStep1Title: "दृष्टि रेखा स्थापित करें",
commStep1Desc: "सुनिश्चित करें कि आप ऑपरेटर को देख सकते हैं और वह आपको देख सकता है। कभी भी ब्लाइंड स्पॉट से संपर्क न करें।",
commStep2Title: "क्षेत्र के बाहर रुकें",
commStep2Desc: "जब तक आप ऑपरेटर का ध्यान आकर्षित नहीं करते, तब तक मशीन के बहिष्करण क्षेत्र की सीमा से सुरक्षित रूप से बाहर रहें।",
commStep3Title: "ध्यान आकर्षित करें",
commStep3Desc: "ऑपरेटर का ध्यान आकर्षित करने के लिए एक स्पष्ट हाथ का इशारा (जैसे लहराना) करें। पुष्टि करें कि उसने आपको देखा है।",
commStep4Title: "अनुमति मांगें और प्राप्त करें",
commStep4Desc: "इससे पहले कि आप संपर्क करें, ऑपरेटर के आपको एक स्पष्ट, सकारात्मक संकेत (जैसे अंगूठा ऊपर) देने की प्रतीक्षा करें, हाथ के संकेत या मौखिक संचार का उपयोग करके।",
operatorTitle: "ऑपरेटर की तत्काल क्रियाएँ",
operatorIntro: "यदि कोई व्यक्ति आपकी मशीन के पास आता है, तो उसकी सुरक्षा सुनिश्चित करने के लिए तुरंत ये क्रियाएँ करें। यह अनुक्रम मशीन को बातचीत के लिए सुरक्षित बनाता है।",
operatorStopTitle: "रुकें",
operatorStopDesc: "सभी आंदोलन और मशीन कार्यों को बंद करें।",
operatorDeactivateTitle: "निष्क्रिय करें",
operatorDeactivateDesc: "मशीन नियंत्रणों को तटस्थ या स्टैंडबाय पर रखें।",
operatorLowerTitle: "बूम/अटैचमेंट नीचे करें",
operatorLowerDesc: "सभी बाल्टी, कांटे, या बूम को जमीन पर नीचे करें।",
operatorBrakeTitle: "ब्रेक लगाएं",
operatorBrakeDesc: "किसी भी आंदोलन को रोकने के लिए पार्किंग ब्रेक सेट करें।",
operatorHandsOffTitle: "हाथ हटाएं",
operatorHandsOffDesc: "सभी परिचालन नियंत्रणों से हाथ और पैर हटाएं।",
workingTitle: "क्षेत्र में कार्य करना",
workingIntro: "जब एक जमीनी कार्यकर्ता को एक ऑपरेटर के साथ बहिष्करण क्षेत्र के अंदर काम करने की अनुमति दी जाती है, तो घटनाओं को रोकने के लिए दोनों पक्षों द्वारा इन नियमों का कड़ाई से पालन किया जाना चाहिए।",
workingItem1: "कार्यकर्ता और ऑपरेटर के बीच निरंतर दृष्टि रेखा बनाए रखें।",
workingItem2: "ऑपरेटर केवल सीधे निर्देश पर, डेड स्लो स्पीड से चलता है।",
workingItem3: "ऑपरेटर तुरंत रुक जाता है यदि दृष्टि खो जाती है।",
workingItem4: "विशिष्ट लॉकआउट/टैगआउट (LOTO) प्रक्रियाओं के बिना कभी भी क्रश जोन में काम न करें।",
controlsTitle: "दृश्य साइट नियंत्रण",
controlsIntro: "ये MMI जोखिमों का प्रबंधन करने के लिए साइट पर उपयोग किए जाने वाले सामान्य दृश्य सुरक्षा नियंत्रण हैं। उन्हें पहचानना सीखें और हमेशा उनका पालन करें जो वे दर्शाते हैं।",
controlsPaintedZonesTitle: "पैदल मार्ग का सीमांकन",
controlsPaintedZonesDesc: "सभी पैदल मार्गों को बाधाओं और साइनेज का उपयोग करके सीमांकित किया जाएगा।",
controlsPhysicalBarriersTitle: "भौतिक बाधाएँ",
controlsPhysicalBarriersDesc: "बैरिकेड्स और गार्डरेल खतरनाक क्षेत्रों में भौतिक रूप से प्रवेश को रोकने के लिए उपयोग किए जाते हैं।",
sitemapInfo: "गतिशील आधार पर परिलक्षित परिवर्तनों के बारे में खुद को अपडेट करने के लिए प्रासंगिक क्षेत्रों में प्रदर्शित साइटमैप देखें।",
footerSafetyResponsibility: "सुरक्षा सभी की जिम्मेदारी है।",
footerAppTitle: "इंटरैक्टिव एमएमआई सुरक्षा गाइड"
},
ur: {
appTitle: "انٹرایکٹو ایم ایم آئی سیفٹی گائیڈ",
headerTitle: "واضح رہیں اور اخراج کے علاقوں کا احترام کریں",
headerSubtitle: "ساز و سامان کی نقل و حرکت کے علاقوں میں محفوظ طریقے سے کیسے کام کریں",
headerTagline: "کیونکہ آپ کی زندگی اس پر منحصر ہے",
navWalkways: "پیدل راستے",
navExclusionZones: "اخراج کے علاقے",
navCommunication: "مواصلات",
navOperatorActions: "آپریٹر کے اعمال",
navWorkingInZone: "علاقے میں کام",
navSiteControls: "سائٹ کنٹرولز",
walkwaysTitle: "پیدل راستے",
walkwaysIntro: "ہمیشہ ان راستوں کا استعمال کریں جو آپ کو چلتی ہوئی مشینوں سے الگ رکھنے کے لیے بنائے گئے ہیں۔ اس قاعدے کا کوئی استثناء نہیں ہے۔",
walkwaysAlwaysTitle: "ہمیشہ!",
walkwaysAlwaysDesc: "ساز و سامان کی نقل و حرکت کے علاقے کو عبور کرنے کے لیے پیدل کراسنگ پوائنٹس کا استعمال کریں۔ اگر کوئی ہدایات دی جاتی ہیں تو پیدل چلنے والوں کو فلیگ مین/اسپاٹر کی پیروی کرنی چاہیے۔",
walkwaysDoTitle: "کرو!",
walkwaysDoDesc: "ہمیشہ مخصوص پیدل راستوں کا استعمال کریں۔ یہ آپ کا محفوظ علاقہ ہے۔",
walkwaysDontTitle: "مت کرو!",
walkwaysDontDesc: "کبھی بھی فعال کام کے علاقوں یا مشین کے راستوں سے شارٹ کٹ نہ لیں۔",
zonesTitle: "اخراج کے علاقے",
zonesIntro: "آپریٹنگ مشینری سے کم سے کم محفوظ فاصلہ برقرار رکھیں۔ یہ \"اخراج کے علاقے\" خطرناک علاقے ہیں۔ ہر ساز و سامان کی قسم کے لیے مخصوص اخراج کے علاقوں کے لیے نیچے دی گئی فہرست دیکھیں۔",
zonesCriticalReminder: "اہم یاد دہانی: آپریٹر کے ساتھ مثبت مواصلت قائم کیے بغیر کبھی بھی اخراج کے علاقے میں داخل نہ ہوں! مثبت مواصلت کیسے قائم کریں، اس کے لیے 'مواصلات' ٹیب دیکھیں۔",
machineWheelLoader: "وہیل لوڈر",
machineExcavator: "کھدائی کرنے والا",
machineTelehandler: "ٹیلی ہینڈلر",
machineSkidSteerLoader: "سکڈ اسٹیئر لوڈر",
machineForklift: "فورک لفٹ",
machineTruck: "ٹرک",
wheelLoaderZone: "10میٹر سامنے/پیچھے، 5میٹر اطراف",
excavatorZone: "مکمل 360° سوئنگ رداس",
telehandlerZone: "تمام سمتوں میں 6میٹر (کانٹے/بوم)",
skidSteerLoaderZone: "تمام طرف 5میٹر",
forkliftZone: "5میٹر سامنے/پیچھے، 3میٹر اطراف",
truckZone: "10میٹر سامنے/پیچھے",
chartYAxis: "فاصلہ (میٹر)",
communicationTitle: "مثبت مواصلت کے اقدامات",
communicationIntro: "کسی مشین کے اخراج کے علاقے میں داخل ہونے سے پہلے، ان چار اقدامات پر عمل کریں تاکہ یہ یقینی بنایا جا سکے کہ آپریٹر آپ کو دیکھتا ہے اور اس نے مشین کو محفوظ طریقے سے روک دیا ہے۔ یہ ایک غیر قابلِ مذاق حفاظتی عمل ہے۔",
commStep1Title: "نظر کی لکیر قائم کریں",
commStep1Desc: "یقینی بنائیں کہ آپ آپریٹر کو دیکھ سکتے ہیں اور وہ آپ کو دیکھ سکتا ہے۔ کبھی بھی بلائنڈ سپاٹ سے قریب نہ آئیں۔",
commStep2Title: "علاقے سے باہر رکیں",
commStep2Desc: "آپریٹر کی توجہ حاصل کرنے تک مشین کے اخراج کے علاقے کی حدود سے محفوظ طریقے سے باہر رہیں۔",
commStep3Title: "توجہ حاصل کریں",
commStep3Desc: "آپریٹر کی توجہ حاصل کرنے کے لیے ایک واضح ہاتھ کا اشارہ (جیسے ہاتھ ہلانا) استعمال کریں۔ تصدیق کریں کہ اس نے آپ کو دیکھا ہے۔",
commStep4Title: "اجازت طلب کریں اور حاصل کریں",
commStep4Desc: "قریب آنے سے پہلے آپریٹر کے آپ کو ایک واضح، مثبت اشارہ (جیسے انگوٹھا اوپر) دینے کا انتظار کریں، ہاتھ کے اشارے یا زبانی مواصلت کا استعمال کرتے ہوئے۔",
operatorTitle: "آپریٹر کے فوری اعمال",
operatorIntro: "اگر کوئی شخص آپ کی مشین کے قریب آتا ہے، تو اس کی حفاظت کو یقینی بنانے کے لیے فوری طور پر یہ اعمال انجام دیں۔ یہ ترتیب مشین کو تعامل کے لیے محفوظ بناتی ہے۔",
operatorStopTitle: "رکیں",
operatorStopDesc: "تمام حرکت اور مشین کے افعال بند کریں۔",
operatorDeactivateTitle: "غیر فعال کریں",
operatorDeactivateDesc: "مشین کنٹرولز کو غیر جانبدار یا اسٹینڈ بائی پر رکھیں۔",
operatorLowerTitle: "بوم/اٹیچمنٹس نیچے کریں",
operatorLowerDesc: "تمام بالٹیاں، کانٹے، یا بوم کو زمین پر نیچے کریں۔",
operatorBrakeTitle: "بریک لگائیں",
operatorBrakeDesc: "کسی بھی حرکت کو روکنے کے لیے پارکنگ بریک لگائیں۔",
operatorHandsOffTitle: "ہاتھ ہٹائیں",
operatorHandsOffDesc: "تمام آپریٹنگ کنٹرولز سے ہاتھ اور پاؤں ہٹائیں۔",
workingTitle: "علاقے میں کام کرنا",
workingIntro: "جب کسی زمینی کارکن کو اخراج کے علاقے کے اندر آپریٹر کے ساتھ کام کرنے کی اجازت دی جاتی ہے، تو حادثات کو روکنے کے لیے دونوں فریقوں کو ان قواعد کی سختی سے پیروی کرنی چاہیے۔",
workingItem1: "کارکن اور آپریٹر کے درمیان مستقل نظر کی لکیر برقرار رکھیں۔",
workingItem2: "آپریٹر صرف براہ راست ہدایات پر، ڈیڈ سلو اسپیڈ سے حرکت کرتا ہے۔",
workingItem3: "نظر کھو جانے پر آپریٹر فوری طور پر رک جاتا ہے۔",
workingItem4: "مخصوص لاک آؤٹ/ٹیگ آؤٹ (LOTO) طریقہ کار کے بغیر کبھی بھی کرش زونز میں کام نہ کریں۔",
controlsTitle: "بصری سائٹ کنٹرولز",
controlsIntro: "یہ MMI خطرات کو منظم کرنے کے لیے سائٹ پر استعمال ہونے والے عام بصری حفاظتی کنٹرولز ہیں۔ انہیں پہچاننا سیکھیں اور ہمیشہ ان کی پیروی کریں جو وہ ظاہر کرتے ہیں۔",
controlsPaintedZonesTitle: "پیدل راستوں کا حد بندی",
controlsPaintedZonesDesc: "تمام پیدل راستوں کو رکاوٹوں اور سائن بورڈز کا استعمال کرتے ہوئے حد بند کیا جائے گا۔",
controlsPhysicalBarriersTitle: "جسمانی رکاوٹیں",
controlsPhysicalBarriersDesc: "بیریگیڈز اور گارڈریلز جو خطرناک علاقوں میں جسمانی طور پر داخلے کو روکنے کے لیے استعمال ہوتے ہیں۔",
sitemapInfo: "متحرک بنیاد پر ظاہر ہونے والی تبدیلیوں کے بارے میں خود کو اپ ڈیٹ کرنے کے لیے متعلقہ علاقوں میں دکھائے گئے سائٹ میپ سے رجوع کریں۔",
footerSafetyResponsibility: "حفاظت سب کی ذمہ داری ہے۔",
footerAppTitle: "انٹرایکٹو ایم ایم آئی سیفٹی گائیڈ"
},
bn: {
appTitle: "ইন্টারঅ্যাক্টিভ এমএমআই সেফটি গাইড",
headerTitle: "পরিষ্কার থাকুন এবং বর্জন অঞ্চলকে সম্মান করুন",
headerSubtitle: "সরঞ্জাম চলাচলের এলাকায় নিরাপদে কাজ করবেন কীভাবে",
headerTagline: "কারণ আপনার জীবন এর উপর নির্ভর করে",
navWalkways: "পথচারী পথ",
navExclusionZones: "বর্জন অঞ্চল",
navCommunication: "যোগাযোগ",
navOperatorActions: "অপারেটরের কাজ",
navWorkingInZone: "জোনে কাজ করা",
navSiteControls: "সাইট নিয়ন্ত্রণ",
walkwaysTitle: "পথচারী পথ",
walkwaysIntro: "সর্বদা চলাচলের যন্ত্র থেকে আপনাকে আলাদা রাখার জন্য তৈরি পথ ব্যবহার করুন। এই নিয়মের কোনো ব্যতিক্রম নেই।",
walkwaysAlwaysTitle: "সর্বদা!",
walkwaysAlwaysDesc: "সরঞ্জাম চলাচলের এলাকায় অতিক্রম করার জন্য পথচারী ক্রসিং পয়েন্ট ব্যবহার করুন। যদি কোনো নির্দেশ দেওয়া হয় তবে পথচারীদের ফ্ল্যাগম্যান/স্পটারের নির্দেশ অনুসরণ করতে হবে।",
walkwaysDoTitle: "করুন!",
walkwaysDoDesc: "সর্বদা নির্দিষ্ট পথচারী পথ ব্যবহার করুন। সেগুলো আপনার নিরাপদ অঞ্চল।",
walkwaysDontTitle: "করবেন না!",
walkwaysDontDesc: "সক্রিয় কাজের অঞ্চল বা যন্ত্রের পথ দিয়ে কখনও শর্টকাট নেবেন না।" ,
zonesTitle: "বর্জন অঞ্চল",
zonesIntro: "চলমান যন্ত্র থেকে সর্বনিম্ন নিরাপদ দূরত্ব বজায় রাখুন। এই \"বর্জন অঞ্চল\" বিপদজনক এলাকা। প্রতিটি যন্ত্রের জন্য নির্দিষ্ট বর্জন অঞ্চলের জন্য নীচের তালিকাটি দেখুন।",
zonesCriticalReminder: "গুরুত্বপূর্ণ স্মারক: অপারেটরের সাথে ইতিবাচক যোগাযোগ স্থাপন না করে বর্জন অঞ্চলে প্রবেশ করবেন না! ইতিবাচক যোগাযোগ কিভাবে স্থাপন করবেন তার জন্য 'যোগাযোগ' ট্যাবটি দেখুন।",
machineWheelLoader: "হুইল লোডার",
machineExcavator: "খননকারী",
machineTelehandler: "টেলিহ্যান্ডলার",
machineSkidSteerLoader: "স্কিড স্টিয়ার লোডার",
machineForklift: "ফর্কলিফট",
machineTruck: "ট্রাক",
wheelLoaderZone: "10মি সামনে/পেছনে, 5মি পাশে",
excavatorZone: "সম্পূর্ণ ৩৬০° সুইং",
telehandlerZone: "সব দিকে 6মি (কাঁটা/বুম)",
skidSteerLoaderZone: "সব দিকে 5মি",
forkliftZone: "5মি সামনে/পেছনে, 3মি পাশে",
truckZone: "10মি সামনে/পেছনে",
chartYAxis: "দূরত্ব (মিটার)",
communicationTitle: "ইতিবাচক যোগাযোগের ধাপ",
communicationIntro: "যন্ত্রের বর্জন অঞ্চলে প্রবেশ করার আগে, অপারেটর আপনাকে দেখতে পাচ্ছে এবং সে নিরাপদে যন্ত্রটি থামিয়েছে তা নিশ্চিত করতে এই চারটি ধাপ অনুসরণ করুন। এটি একটি অলঙ্ঘনীয় সুরক্ষা প্রক্রিয়া।",
commStep1Title: "দৃষ্টি রেখা স্থাপন করুন",
commStep1Desc: "নিশ্চিত করুন যে আপনি অপারেটরকে দেখতে পাচ্ছেন এবং সে আপনাকে দেখতে পাচ্ছে। কখনও অন্ধ স্পট থেকে কাছে যাবেন না।",
commStep2Title: "অঞ্চলের বাইরে থামুন",
commStep2Desc: "অপারেটরের মনোযোগ না পাওয়া পর্যন্ত যন্ত্রের বর্জন অঞ্চলের সীমানার বাইরে নিরাপদে থাকুন।",
commStep3Title: "মনোযোগ আকর্ষণ করুন",
commStep3Desc: "অপারেটরের মনোযোগ আকর্ষণ করতে একটি স্পষ্ট হাতের ইশারা (যেমন হাত নাড়ানো) ব্যবহার করুন। নিশ্চিত করুন যে সে আপনাকে দেখেছে।",
commStep4Title: "অনুমতি চান এবং গ্রহণ করুন",
commStep4Desc: "আপনি কাছে যাওয়ার আগে অপারেটর আপনাকে একটি স্পষ্ট, নিশ্চিত সংকেত (যেমন থাম্বস-আপ) দেওয়া পর্যন্ত অপেক্ষা করুন, হাতের ইশারা, বা মৌখিক যোগাযোগ ব্যবহার করে।",
operatorTitle: "অপারেটরের তাৎক্ষণিক কাজ",
operatorIntro: "যদি কেউ আপনার যন্ত্রের কাছে আসে, তাহলে তাদের নিরাপত্তা নিশ্চিত করতে অবিলম্বে এই কাজগুলো করুন। এই ক্রমটি যন্ত্রটিকে যোগাযোগের জন্য নিরাপদ করে তোলে।",
operatorStopTitle: "থামুন",
operatorStopDesc: "সমস্ত চলাচল এবং যন্ত্রের কাজ বন্ধ করুন।",
operatorDeactivateTitle: "নিষ্ক্রিয় করুন",
operatorDeactivateDesc: "যন্ত্রের নিয়ন্ত্রণ নিরপেক্ষ বা স্ট্যান্ডবাইতে রাখুন।",
operatorLowerTitle: "বুম/অ্যাটাচমেন্ট নামান",
operatorLowerDesc: "সমস্ত বালতি, কাঁটা বা বুম মাটিতে নামান।",
operatorBrakeTitle: "ব্রেক লাগান",
operatorBrakeDesc: "কোনো চলাচল প্রতিরোধ করতে পার্কিং ব্রেক সেট করুন।",
operatorHandsOffTitle: "হাত সরান",
operatorHandsOffDesc: "সমস্ত অপারেটিং নিয়ন্ত্রণ থেকে হাত ও পা সরান।",
workingTitle: "জোনে কাজ করা",
workingIntro: "যখন একজন স্থলকর্মীকে বর্জন অঞ্চলের ভিতরে একজন অপারেটরের সাথে কাজ করার অনুমতি দেওয়া হয়, তখন ঘটনা প্রতিরোধ করতে উভয় পক্ষকেই এই নিয়মগুলি কঠোরভাবে মেনে চলতে হবে।",
workingItem1: "শ্রমিক এবং অপারেটরের মধ্যে ধ্রুবক দৃষ্টি রেখা বজায় রাখুন।",
workingItem2: "অপারেটর কেবল সরাসরি নির্দেশ অনুযায়ী, ডেড স্লো স্পিড-এ চলে।",
workingItem3: "দৃষ্টি হারিয়ে গেলে অপারেটর অবিলম্বে থামে।",
workingItem4: "নির্দিষ্ট লকআউট/ট্যাগআউট (LOTO) পদ্ধতি ছাড়া ক্রাশ জোনে কাজ করবেন না।",
controlsTitle: "দৃশ্যমান সাইট নিয়ন্ত্রণ",
controlsIntro: "এগুলো MMI ঝুঁকি মোকাবেলায় সাইটে ব্যবহৃত সাধারণ দৃশ্যমান নিরাপত্তা নিয়ন্ত্রণ। এগুলোকে চিনতে শিখুন এবং সর্বদা তাদের নির্দেশ মেনে চলুন।",
controlsPaintedZonesTitle: "পথচারী পথ চিহ্নিতকরণ",
controlsPaintedZonesDesc: "সমস্ত পথচারী পথ বাধা এবং সাইনবোর্ড ব্যবহার করে চিহ্নিত করা হবে।",
controlsPhysicalBarriersTitle: "শারীরিক বাধা",
controlsPhysicalBarriersDesc: "ব্যারিকেড এবং গার্ডরেল যা বিপদজনক এলাকায় শারীরিক প্রবেশ রোধ করতে ব্যবহৃত হয়।",
sitemapInfo: "গতিশীল ভিত্তিতে প্রতিফলিত পরিবর্তনগুলি সম্পর্কে নিজেকে আপডেট করতে প্রাসঙ্গিক এলাকায় প্রদর্শিত সাইটম্যাপটি দেখুন।",
footerSafetyResponsibility: "নিরাপত্তা সবার দায়িত্ব।",
footerAppTitle: "ইন্টারঅ্যাক্টিভ এমএমআই সেফটি গাইড"
},
tl: {
appTitle: "Interactive MMI Safety Guide",
headerTitle: "Manatiling Malayo at Igalang ang Exclusion Zones",
headerSubtitle: "Paano ligtas na magtrabaho sa mga lugar ng paggalaw ng kagamitan",
headerTagline: "dahil nakasalalay dito ang iyong buhay",
navWalkways: "Mga Lakaran",
navExclusionZones: "Exclusion Zones",
navCommunication: "Komunikasyon",
navOperatorActions: "Mga Aksyon ng Operator",
navWorkingInZone: "Paggawa sa Zone",
navSiteControls: "Mga Kontrol sa Site",
walkwaysTitle: "Mga Lakaran ng Pedestrian",
walkwaysIntro: "Laging gamitin ang mga landas na dinisenyo upang ihiwalay ka sa mga gumagalaw na makina. Walang eksepsiyon sa panuntunang ito.",
walkwaysAlwaysTitle: "LAGI!",
walkwaysAlwaysDesc: "Gamitin ang mga tawiran ng pedestrian upang tumawid sa isang lugar ng paggalaw ng kagamitan. Dapat sundin ng mga pedestrian ang flagman/spotter kung sakaling may ibigay na mga tagubilin.",
walkwaysDoTitle: "GAWIN!",
walkwaysDoDesc: "Laging gamitin ang itinalagang mga lakaran. Ito ang iyong ligtas na sona.",
walkwaysDontTitle: "HUWAG GAWIN!",
walkwaysDontDesc: "Huwag kailanman gumamit ng mga shortcut sa mga aktibong lugar ng trabaho o mga landas ng makina.",
zonesTitle: "Exclusion Zones",
zonesIntro: "Panatilihin ang pinakamababang ligtas na distansya mula sa mga gumaganang makina. Ang mga \"Exclusion Zone\" na ito ay mapanganib na lugar. Sumangguni sa listahan sa ibaba para sa mga partikular na exclusion zone para sa bawat uri ng kagamitan.",
zonesCriticalReminder: "KRITIKAL NA PAALALA: Huwag kailanman pumasok sa isang exclusion zone nang hindi nagtatatag ng positibong komunikasyon sa operator! Sumangguni sa tab na 'Komunikasyon' para sa kung paano magtatag ng positibong komunikasyon.",
machineWheelLoader: "Wheel Loader",
machineExcavator: "Excavator",
machineTelehandler: "Telehandler",
machineSkidSteerLoader: "Skid Steer Loader",
machineForklift: "Forklift",
machineTruck: "Truck",
wheelLoaderZone: "10m harap/likod, 5m gilid",
excavatorZone: "Buong 360-degree swing",
telehandlerZone: "6m sa lahat ng direksyon (tinidor/boom)",
skidSteerLoaderZone: "5m sa lahat ng dako",
forkliftZone: "5m harap/likod, 3m gilid",
truckZone: "10m harap/likod",
chartYAxis: "Distansya (metro)",
communicationTitle: "Mga Hakbang sa Positibong Komunikasyon",
communicationIntro: "Bago pumasok sa exclusion zone ng isang makina, sundin ang apat na hakbang na ito upang matiyak na nakikita ka ng operator at ligtas niyang napahinto ang makina. Ito ay isang hindi mapag-usapan na pamamaraan ng kaligtasan.",
commStep1Title: "Magtatag ng Linya ng Paningin",
commStep1Desc: "Siguraduhin na nakikita mo ang operator at nakikita ka niya. Huwag kailanman lumapit mula sa isang blind spot.",
commStep2Title: "Huminto sa Labas ng Zone",
commStep2Desc: "Manatiling ligtas sa labas ng hangganan ng exclusion zone ng makina hanggang makuha mo ang atensyon ng operator.",
commStep3Title: "Mang-akit ng Atensyon",
commStep3Desc: "Gumamit ng malinaw na senyas ng kamay (tulad ng pagwagayway) upang makuha ang atensyon ng operator. Kumpirmahing nakita ka niya.",
commStep4Title: "Humiling at Tumanggap ng Pahintulot",
commStep4Desc: "Maghintay para sa operator na bigyan ka ng malinaw, positibong senyas (tulad ng thumbs-up) upang lumapit gamit ang senyas ng kamay, o verbal na komunikasyon.",
operatorTitle: "Mga Agarang Aksyon ng Operator",
operatorIntro: "Kung may lumapit sa iyong makina, gawin agad ang mga aksyong ito upang matiyak ang kanilang kaligtasan. Ginagawang ligtas ng pagkakasunud-sunod na ito ang makina para sa pakikipag-ugnayan.",
operatorStopTitle: "Huminto",
operatorStopDesc: "Itigil ang lahat ng paggalaw at paggana ng makina.",
operatorDeactivateTitle: "I-deactivate",
operatorDeactivateDesc: "Ilagay ang mga kontrol ng makina sa neutral o standby.",
operatorLowerTitle: "Ibaba ang Boom/Attachments",
operatorLowerDesc: "Ibaba ang lahat ng balde, tinidor, o boom sa lupa.",
operatorBrakeTitle: "I-engage ang Preno",
operatorBrakeDesc: "Itakda ang parking brake upang maiwasan ang anumang paggalaw.",
operatorHandsOffTitle: "Kamay Off",
operatorHandsOffDesc: "Alisin ang mga kamay at paa sa lahat ng operational control.",
workingTitle: "Paggawa sa Loob ng Isang Zone",
workingIntro: "Kapag pinahintulutan ang isang ground worker na magtrabaho kasama ang isang operator sa loob ng isang exclusion zone, ang mga panuntunang ito ay dapat na mahigpit na sundin ng parehong partido upang maiwasan ang mga insidente.",
workingItem1: "Panatilihin ang patuloy na linya ng paningin sa pagitan ng manggagawa at operator.",
workingItem2: "Ang operator ay gumagalaw lamang sa direktang pagtuturo, sa bilis ng 'dead slow'.",
workingItem3: "Ang operator ay humihinto kaagad kung nawala ang paningin.",
workingItem4: "Huwag kailanman magtrabaho sa isang crush zone nang walang partikular na pamamaraan ng Lockout/Tagout (LOTO).",
controlsTitle: "Mga Kontrol sa Biswal na Site",
controlsIntro: "Ito ang mga karaniwang kontrol sa kaligtasan na ginagamit sa site upang pamahalaan ang mga panganib sa MMI. Alamin kung paano kilalanin ang mga ito at laging sundin ang kanilang ipinahihiwatig.",
controlsPaintedZonesTitle: "Pagdemarka ng Lakaran",
controlsPaintedZonesDesc: "Lahat ng lakaran ng pedestrian ay demarkado gamit ang mga harang at signage.",
controlsPhysicalBarriersTitle: "Mga Pisikal na Harang",
controlsPhysicalBarriersDesc: "Mga barikada at guardrail na ginagamit upang pisikal na pigilan ang pagpasok sa mga mapanganib na lugar.",
sitemapInfo: "Sumangguni sa sitemap na ipinapakita sa mga nauugnay na lugar upang i-update ang iyong sarili tungkol sa mga pagbabago na makikita sa dynamic na batayan.",
footerSafetyResponsibility: "Ang kaligtasan ay responsibilidad ng lahat.",
footerAppTitle: "Interactive MMI Safety Guide"
}
};
let currentLang = 'en';
function setLanguage(lang) {
currentLang = lang;
document.documentElement.lang = lang; // Set HTML lang attribute
document.querySelectorAll('[data-i18n-key]').forEach(element => {
const key = element.dataset.i18nKey;
if (translations[currentLang] && translations[currentLang][key]) {
element.textContent = translations[currentLang][key];
}
});
// Update nav buttons
document.querySelectorAll('.nav-btn .font-semibold').forEach(btnSpan => {
const key = btnSpan.dataset.i18nKey;
if (translations[currentLang] && translations[currentLang][key]) {
btnSpan.textContent = translations[currentLang][key];
}
});
// Update machine selector buttons - Recreate to reflect current language names
createMachineExclusionZoneList();
// Update chart Y-axis label - No chart now, so remove this.
// if (zoneChart) {
// zoneChart.options.scales.y.title.text = translations[currentLang].chartYAxis;
// zoneChart.update();
// }
// Update active language button styling
languageSelector.querySelectorAll('.lang-btn').forEach(btn => {
if (btn.dataset.lang === lang) {
btn.classList.add('active');
} else {
btn.classList.remove('active');
}
});
}
languageSelector.addEventListener('click', (e) => {
const button = e.target.closest('.lang-btn');
if (button) {
setLanguage(button.dataset.lang);
}
});
mainNav.addEventListener('click', (e) => {
const button = e.target.closest('.nav-btn');
if (!button) return;
const sectionId = button.dataset.section;
mainNav.querySelectorAll('.nav-btn').forEach(btn => btn.classList.remove('active'));
button.classList.add('active');
contentSections.forEach(section => {
section.classList.remove('active');
if (section.id === sectionId) {
section.classList.add('active');
}
});
});
// Simplified machine data for static list
const machines = [
{ key: 'machineWheelLoader', zoneKey: 'wheelLoaderZone' },
{ key: 'machineExcavator', zoneKey: 'excavatorZone' },
{ key: 'machineTelehandler', zoneKey: 'telehandlerZone' },
{ key: 'machineSkidSteerLoader', zoneKey: 'skidSteerLoaderZone' },
{ key: 'machineForklift', zoneKey: 'forkliftZone' },
{ key: 'machineTruck', zoneKey: 'truckZone' },
];
const zonesSection = document.getElementById('zones'); // Get the zones section
const exclusionZoneListContainer = zonesSection.querySelector('.space-y-4'); // Get the container for the list
function createMachineExclusionZoneList() {
exclusionZoneListContainer.innerHTML = ''; // Clear existing list
machines.forEach(machine => {
const div = document.createElement('div');
div.className = 'p-4 bg-gray-50 rounded-lg';
const h3 = document.createElement('h3');
h3.className = 'font-bold text-lg';
h3.textContent = translations[currentLang][machine.key];
div.appendChild(h3);
const p = document.createElement('p');
p.textContent = translations[currentLang][machine.zoneKey];
div.appendChild(p);
exclusionZoneListContainer.appendChild(div);
});
}
// Initial setup
setLanguage('en'); // Set default language to English on load
createMachineExclusionZoneList(); // Create the static exclusion zone list initially
// No need to click a machine selector button as there is no interactive visualization now
});
</script>
</body>
</html>