文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>西藏定日篮球场材料选型与施工解决方案 - 优正体育</title><meta name='keywords' content='西藏定日篮球场材料选型与施工解决方案'><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><link href=https://fonts.googleapis.com/icon?family=Material+Icons rel=stylesheet><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#0070f3;--secondary:#6b7280;--accent:#8b5cf6;--background-light:#fff;--text-light:#1f2937;--card-light:#f9fafb;--border-light:#e5e7eb;--background-dark:#111827;--text-dark:#f3f4f6;--card-dark:#1f2937;--border-dark:#374151}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-2px)}.fade-in{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.material-card{transition:all .3s}.material-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .material-card:hover{box-shadow:0 10px 25px -5px #ffffff0d,0 10px 10px -5px #ffffff05}.progress-bar{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;height:8px}.scroll-indicator{z-index:50;background:linear-gradient(90deg,var(--primary),var(--accent));width:0%;height:3px;transition:width .2s;position:fixed;top:0;left:0}</style></head><body class="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200 transition-colors duration-300"><div class=scroll-indicator id=scrollIndicator></div><nav class="sticky top-0 z-40 backdrop-blur-md bg-white/90 dark:bg-gray-900/90 border-b border-gray-200 dark:border-gray-700 shadow-sm"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between h-16"><div class="flex items-center"><span class="material-icons text-blue-600 dark:text-blue-400 mr-2">sports_basketball</span><span class="font-bold text-xl">西藏篮球场解决方案</span></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none"id=themeToggle><span class="material-icons dark:hidden">dark_mode</span> <span class="material-icons hidden dark:block">light_mode</span></button></div></div></div></nav><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"><header class="mb-12 fade-in"style=animation-delay:.1s><div class="text-center mb-8"><h1 class="text-3xl md:text-4xl font-bold mb-4 text-gray-900 dark:text-white">西藏定日篮球场材料选型与施工解决方案</h1><div class="flex justify-center items-center space-x-4 text-gray-600 dark:text-gray-400"><span class="flex items-center"><span class="material-icons text-sm mr-1">person</span> 湖北优正体育</span><span class="flex items-center"><span class="material-icons text-sm mr-1">phone</span> 189-8622-7599</span></div></div><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-xl p-6 shadow-sm border border-blue-100 dark:border-blue-800"><h2 class="text-xl font-semibold mb-4 flex items-center"><span class="material-icons mr-2 text-blue-600 dark:text-blue-400">landscape</span> 高原上的运动梦想</h2><p class="text-gray-700 dark:text-gray-300 leading-relaxed">在西藏这片广袤而神圣的土地上，体育场馆不仅是竞技的场所，更是连接民族精神与现代文明的桥梁。高原地区独特的地理与气候条件（如强紫外线照射、昼夜温差大、空气稀薄等）对球场材料的耐候性、弹性以及施工工艺提出了较高的要求。如何选择既能抵御恶劣天气，又能保证运动员竞技状态的球场材料，是每一位体育设施运营者较关心的问题。</div></header><section class="mb-16 fade-in"style=animation-delay:.2s><h2 class="text-2xl font-bold mb-6 flex items-center"><span class="material-icons mr-2 text-blue-600 dark:text-blue-400">science</span> 材料详解与优势分析</h2><p class="text-gray-700 dark:text-gray-300 mb-6">针对西藏地区的特殊需求，市场上主流的球场材料主要分为<strong class="text-blue-600 dark:text-blue-400">硅PU（硅改性聚氨酯）</strong>、<strong class="text-blue-600 dark:text-blue-400">丙烯酸</strong>和<strong class="text-blue-600 dark:text-blue-400">EPDM（乙丙橡胶）</strong>三大类。以下是基于实际应用与测试数据的专业分析。<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8"><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-blue-600 dark:bg-blue-700 p-4"><h3 class="text-xl font-semibold text-white flex items-center"><span class="material-icons mr-2">opacity</span> 硅PU（硅改性聚氨酯）</h3></div><div class=p-5><div class=mb-4><h4 class="font-medium text-gray-900 dark:text-white mb-2">优势与适用性：</h4><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>耐候性较强</strong>：硅PU材料在配方中加入了有机硅成分，能够抵御高原地区强烈的紫外线辐射，防止材料老化、粉化和发硬。即使在日照强烈的夏季，表面色彩也能保持鲜艳持久。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>弹性与防护</strong>：拥有中等偏高的回弹值（反弹吸收值35%-50%），既能有效保护运动员的关节，减少韧带受伤的危险，又能保证球的反弹力，适合高强度的竞技比赛。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>全天候性</strong>：硅PU球场具有较好的防滑性能（摩擦系数0.6-0.8），即使在雨后，排水性良好，也能保持较高的球场利用率，减少因天气停赛的情况。</span></ul></div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-purple-600 dark:bg-purple-700 p-4"><h3 class="text-xl font-semibold text-white flex items-center"><span class="material-icons mr-2">palette</span> 丙烯酸（Acrylic）</h3></div><div class=p-5><div class=mb-4><h4 class="font-medium text-gray-900 dark:text-white mb-2">优势与适用性：</h4><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>色彩鲜艳</strong>：丙烯酸材料因其分子结构特殊，具有较高的光泽度和反光率，即使在日照较强的高原地区，球场颜色依然明亮可见，视觉效果较佳。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>施工简便</strong>：采用水溶性树脂组成，施工过程无需使用有机溶剂，环保安全且施工速度较快，适合预算有限且对色彩要求较高的项目。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>经济适用</strong>：相较于较于硅PU，丙烯酸材料的成本相对较低，适用于对弹性要求不算较端的普通篮球场或训练场地。</span></ul></div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-orange-600 dark:bg-orange-700 p-4"><h3 class="text-xl font-semibold text-white flex items-center"><span class="material-icons mr-2">fitness_center</span> EPDM（乙丙橡胶）</h3></div><div class=p-5><div class=mb-4><h4 class="font-medium text-gray-900 dark:text-white mb-2">优势与适用性：</h4><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>耐磨性突出</strong>：EPDM材料的耐磨性较佳，适合频繁使用或人流量大的公共球场。其耐臭氧和抗老化性能也较好，适合户外长时间暴露。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>防滑性较佳</strong>：表面纹理处理技术成熟，防滑系数高，即使在高原地区昼夜温差导致的露水或雨后，也能有效防止运动员滑倒。</span></ul></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.3s><h2 class="text-2xl font-bold mb-6 flex items-center"><span class="material-icons mr-2 text-blue-600 dark:text-blue-400">public</span> 基于西藏地理气候的重点选型分析</h2><div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 mb-8 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-gray-200">西藏地区的挑战</h3><p class="text-gray-700 dark:text-gray-300">西藏地处高海拔地区，常年紫外线强，昼夜温差大，气候干燥，且空气稀薄。这些因素决定了球场材料必须具备较强的抗紫外线能力和热稳定性。</div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-blue-600 dark:bg-blue-700 p-4"><h3 class="text-xl font-semibold text-white flex items-center"><span class="material-icons mr-2">star</span> 优先推荐：硅PU材料</h3></div><div class=p-5><div class=mb-4><h4 class="font-medium text-gray-900 dark:text-white mb-2">原因：</h4><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>抗紫外线</strong>：有机硅的加入使得材料在高强度日照下不易老化，这是其他材料难以比拟的优势。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>热稳定性</strong>：硅PU材料在-40℃至80℃的温度范围内性能稳定，能够适应高原地区可能出现的较端温差。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>运动保护</strong>：高原地区空气稀薄，运动员在高强度运动下的关节承受力相对较大，硅PU适中的回弹力能有效缓冲冲击。</span></ul></div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-purple-600 dark:bg-purple-700 p-4"><h3 class="text-xl font-semibold text-white flex items-center"><span class="material-icons mr-2">alt_route</span> 次选推荐：丙烯酸材料</h3></div><div class=p-5><div class=mb-4><h4 class="font-medium text-gray-900 dark:text-white mb-2">原因：</h4><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>预算与视觉效果</strong>：如果项目预算有限，但对球场的视觉冲击力要求高，丙烯酸材料是性价比较高的选择。其鲜艳的色彩能在高原的蓝天白云衬托下更显突出。</span><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>适用场景</strong>：适合学校训练场地或对弹性要求不是特别高的公共娱乐场所。</span></ul></div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-orange-600 dark:bg-orange-700 p-4"><h3 class="text-xl font-semibold text-white flex items-center"><span class="material-icons mr-2">new_releases</span> 特色推荐：EPDM材料</h3></div><div class=p-5><div class=mb-4><h4 class="font-medium text-gray-900 dark:text-white mb-2">原因：</h4><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><span class="material-icons text-green-500 mr-2 text-sm mt-1">check_circle</span> <span><strong>人流量大</strong>：对于西藏自治区体育馆或大型体育中心，若是多功能使用（如兼顾排球、羽毛球），EPDM材料的耐磨性和防滑性是较佳的选择。</span></ul></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><span class="material-icons mr-2 text-blue-600 dark:text-blue-400">insights</span> 材料性能对比</h2><div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700"><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead class="bg-gray-50 dark:bg-gray-900"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>材料特性<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>硅PU<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>丙烯酸<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>EPDM<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">耐候性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">弹性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">耐磨性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500">star</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">防滑性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500">star</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">成本<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500">star</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-yellow-500 mr-1">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span><span class="material-icons text-gray-300 dark:text-gray-600">star</span></div></table></div></section><section class="mb-16 fade-in"style=animation-delay:.5s><h2 class="text-2xl font-bold mb-6 flex items-center"><span class="material-icons mr-2 text-blue-600 dark:text-blue-400">summarize</span> 结论与建议</h2><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-xl p-6 shadow-sm border border-blue-100 dark:border-blue-800"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-gray-200">打造西藏本土化的运动天地</h3><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-4">在西藏建设篮球场，材料的选择直接决定了场地的使用寿命与运动员的竞技体验。<strong class="text-blue-600 dark:text-blue-400">硅PU</strong>以其卓越的耐候性和弹性，堪称高原地区的"黄金标准"；<strong class="text-blue-600 dark:text-blue-400">丙烯酸</strong>则凭借其独特的色彩与经济性，为不同层次的需求提供了优质选择。无论选择哪种材料，<strong class="text-blue-600 dark:text-blue-400">湖北优正体育</strong>都拥有专业的生产与施工团队，承诺为您提供较适合西藏地理环境的高品质球场解决方案。<div class="bg-white dark:bg-gray-800 rounded-lg p-5 shadow-sm border border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-900 dark:text-white mb-3">简明总结</h4><p class="text-gray-700 dark:text-gray-300">针对西藏的高原气候和紫外线强的特点，<strong class="text-blue-600 dark:text-blue-400">硅PU材料</strong>因其卓越的耐候性和适中的弹性被推荐为首选；<strong class="text-blue-600 dark:text-blue-400">丙烯酸材料</strong>以其鲜艳的色彩和性价比在预算有限的场景中表现突出。湖北优正体育专业提供这些材料的生产、销售及施工服务，助力西藏建设更加安全、持久、美观的篮球场地。</div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8 border-t border-gray-200 dark:border-gray-700"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-400">作者： A优正塑胶跑道厂家夏琳185-7145-9135</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <span class=material-icons>email</span> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <span class=material-icons>phone</span> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <span class=material-icons>share</span> </a></div></div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);const html=document.documentElement;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){html.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{html.classList.toggle(`dark`)});const scrollIndicator=document.getElementById(`scrollIndicator`);window.addEventListener(`scroll`,()=>{const a=document.body.scrollTop||document.documentElement.scrollTop;const b=document.documentElement.scrollHeight- document.documentElement.clientHeight;const c=(a/b)*100;scrollIndicator.style.width=c+ `%`});document.addEventListener(`DOMContentLoaded`,()=>{const a=document.querySelectorAll(`.fade-in`);a.forEach(a=>{a.style.opacity=`1`})})</script>
</body></html>