ðĻ Fix: Add CSS import to BaseLayout + use standard Tailwind colors
- Added import '../styles/global.css' to BaseLayout.astro - Changed custom colors to standard Tailwind (green-600, gray-600) - CSS now properly bundled and served Fixes: â No styles applying to website â Tailwind CSS now working â Button and card styles functional
This commit is contained in:
Kunthawat Greethong
@@ -1,121 +0,0 @@
|
||||
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="āļāđāļ HDPE (High Density Polyethylene) āđāļāđāļāļāđāļāļāļĩāđāđāļāđāļĢāļąāļāļāļ§āļēāļĄāļāļīāļĒāļĄāļŠāļđāļāđāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āđāļāļ·āđāļāļāļāļēāļāļāļ§āļēāļĄāļāļāļāļēāļāđāļĨāļ°āļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļāļāļĩāđāđāļŦāļāļ·āļāļāļ§āđāļēāļāđāļāļāļāļīāļāļāļ·āđāļ"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><!-- Google Fonts: Kanit for Thai --><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=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><!-- SEO --><meta property="og:title" content="āļāđāļāļāļĩāļāļāļāļāđāļ HDPE āđāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āļāļģāđāļĄāļāļķāļāđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļĒāļāļāļāļīāļĒāļĄ"><meta property="og:description" content="āļāđāļ HDPE (High Density Polyethylene) āđāļāđāļāļāđāļāļāļĩāđāđāļāđāļĢāļąāļāļāļ§āļēāļĄāļāļīāļĒāļĄāļŠāļđāļāđāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āđāļāļ·āđāļāļāļāļēāļāļāļ§āļēāļĄāļāļāļāļēāļāđāļĨāļ°āļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļāļāļĩāđāđāļŦāļāļ·āļāļāļ§āđāļēāļāđāļāļāļāļīāļāļāļ·āđāļ"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>āļāđāļāļāļĩāļāļāļāļāđāļ HDPE āđāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āļāļģāđāļĄāļāļķāļāđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļĒāļāļāļāļīāļĒāļĄ | āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ</title><style>html{font-family:Kanit,system-ui,sans-serif;font-size:18px}@media(min-width:1280px){html{font-size:20px}}@media(min-width:1536px){html{font-size:22px}}@media(min-width:1920px){html{font-size:24px}}
|
||||
</style></head> <body class="flex flex-col min-h-screen"> <main class="pt-32 pb-16"> <article class="container mx-auto px-4 max-w-4xl"> <!-- Header --> <header class="mb-8"> <div class="flex items-center gap-4 mb-4"> <span class="industrial-badge">āļāđāļ HDPE</span> <time class="text-secondary-500"> 10 āļĄāļāļĢāļēāļāļĄ 2567 </time> <span class="text-secondary-500">âĒ</span> <span class="text-secondary-500">Deal Plus Tech</span> </div> <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4"> āļāđāļāļāļĩāļāļāļāļāđāļ HDPE āđāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āļāļģāđāļĄāļāļķāļāđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļĒāļāļāļāļīāļĒāļĄ </h1> </header> <!-- Featured Image --> <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden mb-8"> <img src="/images/2021/03/hdpe-pipe_000C.jpg" alt="āļāđāļāļāļĩāļāļāļāļāđāļ HDPE āđāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āļāļģāđāļĄāļāļķāļāđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļĒāļāļāļāļīāļĒāļĄ" class="object-cover w-full h-full" loading="lazy"> </div> <!-- Content --> <div class="prose prose-lg max-w-none prose-headings:font-bold prose-a:text-primary-600 hover:prose-a:text-primary-700 prose-img:rounded-xl"> <h2 id="āļāđāļ-hdpe-āļāļ·āļāļāļ°āđāļĢ">āļāđāļ HDPE āļāļ·āļāļāļ°āđāļĢ?</h2>
|
||||
<p>āļāđāļ HDPE (High Density Polyethylene) āļŦāļĢāļ·āļāļāđāļāđāļāļāļāļĩāļāļĩāļāļĩ āđāļāđāļāļāđāļāļāļĩāđāļāļĨāļīāļāļāļēāļāđāļāļĨāļīāđāļāļāļīāļĨāļĩāļāļāļ§āļēāļĄāļŦāļāļēāđāļāđāļāļŠāļđāļ āđāļāđāļāļ§āļąāļŠāļāļļāļāļĨāļēāļŠāļāļīāļāļāļĩāđāļĄāļĩāļāļ§āļēāļĄāđāļāđāļāđāļĢāļāđāļĨāļ°āļāļāļāļēāļāđāļāđāļāļāļĒāđāļēāļāļĄāļēāļ</p>
|
||||
<h2 id="āļāđāļāļāļĩāļāļāļāļāđāļ-hdpe">āļāđāļāļāļĩāļāļāļāļāđāļ HDPE</h2>
|
||||
<h3 id="1-āļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļāļŠāļđāļ">1. āļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļāļŠāļđāļ</h3>
|
||||
<p>āļāđāļ HDPE āļŠāļēāļĄāļēāļĢāļāđāļāđāļāļāļāđāļāđāļāļķāļ 45 āļāļāļĻāļē āļāļģāđāļŦāđāđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļāļ·āđāļāļāļĩāđāļāļīāļāļāļąāđāļāļāļģāļāļąāļ āđāļĨāļ°āļŠāļēāļĄāļēāļĢāļāļĢāļāļāļĢāļąāļāļāļēāļĢāđāļāļĨāļ·āđāļāļāđāļŦāļ§āļāļāļāļāļīāļāđāļāđāļāļĩ</p>
|
||||
<h3 id="2-āļāļāļāļēāļāļāđāļāļŠāļēāļĢāđāļāļĄāļĩ">2. āļāļāļāļēāļāļāđāļāļŠāļēāļĢāđāļāļĄāļĩ</h3>
|
||||
<p>āļāđāļ HDPE āļāļāļāļēāļāļāđāļāļāļēāļĢāļāļąāļāļāļĢāđāļāļāļāļāļāļŠāļēāļĢāđāļāļĄāļĩ āļāļĢāļ āđāļĨāļ°āļāđāļēāļ āļāļģāđāļŦāđāđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļāļēāļāļāļļāļāļŠāļēāļŦāļāļĢāļĢāļĄ</p>
|
||||
<h3 id="3-āļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ">3. āļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ</h3>
|
||||
<p>āļāđāļ HDPE āļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĄāļēāļāļāļ§āđāļē 50 āļāļĩ āđāļĄāļ·āđāļāļāļīāļāļāļąāđāļāđāļĨāļ°āđāļāđāļāļēāļāļāļĒāđāļēāļāļāļđāļāļāđāļāļ</p>
|
||||
<h3 id="4-āļāđāļģāļŦāļāļąāļāđāļāļē">4. āļāđāļģāļŦāļāļąāļāđāļāļē</h3>
|
||||
<p>āļāđāļ HDPE āļĄāļĩāļāđāļģāļŦāļāļąāļāđāļāļēāļāļ§āđāļēāļāđāļāđāļĨāļŦāļ° āļāļģāđāļŦāđāļāđāļēāļĒāļāđāļāļāļēāļĢāļāļāļŠāđāļāđāļĨāļ°āļāļīāļāļāļąāđāļ</p>
|
||||
<h3 id="5-āļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļāļāļĩāđāđāļāđāļāļŦāļāļē">5. āļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļāļāļĩāđāđāļāđāļāļŦāļāļē</h3>
|
||||
<p>āļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļ HDPE āļāđāļ§āļĒāļ§āļīāļāļĩ Butt Fusion āļāļģāđāļŦāđāļāđāļāđāļāļ·āđāļāļĄāļāđāļāļāļąāļāđāļāđāļāđāļāļ·āđāļāđāļāļĩāļĒāļ§ āđāļĄāđāļĄāļĩāļĢāļāļĒāļāđāļ āļāđāļāļāļāļąāļāļāļēāļĢāļĢāļąāđāļ§āļāļķāļĄ</p>
|
||||
<h3 id="6-āļāļĨāļāļāļ āļąāļĒāļāđāļāļŠāļļāļāļ āļēāļ">6. āļāļĨāļāļāļ āļąāļĒāļāđāļāļŠāļļāļāļ āļēāļ</h3>
|
||||
<p>āļāđāļ HDPE āđāļĄāđāđāļāđāļāļŠāļāļīāļĄ āđāļĄāđāļāļĨāđāļāļĒāļŠāļēāļĢāļāļīāļĐ āļāļĨāļāļāļ āļąāļĒāļŠāļģāļŦāļĢāļąāļāļāđāļģāļāļ·āđāļĄ</p>
|
||||
<h2 id="āļāļēāļĢāđāļāđāļāļēāļāļāđāļ-hdpe">āļāļēāļĢāđāļāđāļāļēāļāļāđāļ HDPE</h2>
|
||||
<h3 id="āļāļēāļāļāļĢāļ°āļāļē">āļāļēāļāļāļĢāļ°āļāļē</h3>
|
||||
<ul>
|
||||
<li>āļāđāļāļŠāđāļāļāđāļģāļāļĢāļ°āļāļē</li>
|
||||
<li>āļĢāļ°āļāļāļāļĢāļ°āļāļēāđāļāļāđāļēāļāđāļĢāļ·āļāļ</li>
|
||||
<li>āļĢāļ°āļāļāļāļĢāļ°āļāļēāđāļāļāļēāļāļēāļĢ</li>
|
||||
</ul>
|
||||
<h3 id="āļāļēāļāđāļāļĐāļāļĢ">āļāļēāļāđāļāļĐāļāļĢ</h3>
|
||||
<ul>
|
||||
<li>āļĢāļ°āļāļāļāđāļģāļŦāļĒāļ</li>
|
||||
<li>āļĢāļ°āļāļāļŠāļāļĢāļīāļāđāļāļĨāļāļĢāđ</li>
|
||||
<li>āļĢāļ°āļāļāļāđāļģāđāļāļ·āđāļāļāļēāļĢāđāļāļĐāļāļĢ</li>
|
||||
</ul>
|
||||
<h3 id="āļāļēāļāļāļļāļāļŠāļēāļŦāļāļĢāļĢāļĄ">āļāļēāļāļāļļāļāļŠāļēāļŦāļāļĢāļĢāļĄ</h3>
|
||||
<ul>
|
||||
<li>āļāđāļāļŠāđāļāļŠāļēāļĢāđāļāļĄāļĩ</li>
|
||||
<li>āļĢāļ°āļāļāļāļģāļāļąāļāļāđāļģāđāļŠāļĩāļĒ</li>
|
||||
<li>āļāļēāļāđāļĢāļāļāļēāļāļāļļāļāļŠāļēāļŦāļāļĢāļĢāļĄ</li>
|
||||
</ul>
|
||||
<h3 id="āļāļēāļāđāļāļĢāļāļŠāļĢāđāļēāļāļāļ·āđāļāļāļēāļ">āļāļēāļāđāļāļĢāļāļŠāļĢāđāļēāļāļāļ·āđāļāļāļēāļ</h3>
|
||||
<ul>
|
||||
<li>āļāļēāļāļāđāļāđāļāđāļāļīāļ</li>
|
||||
<li>āļāđāļāļĢāđāļāļĒāļŠāļēāļĒāđāļ</li>
|
||||
<li>āļāļēāļāļŠāļēāļāļēāļĢāļāļđāļāđāļ āļ</li>
|
||||
</ul>
|
||||
<h2 id="āļāļāļēāļāļāđāļ-hdpe-āļāļĩāđāļāļīāļĒāļĄāđāļāđ">āļāļāļēāļāļāđāļ HDPE āļāļĩāđāļāļīāļĒāļĄāđāļāđ</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table><thead><tr><th>āļāļāļēāļ (āļĄāļĄ.)</th><th>āļāļēāļĢāđāļāđāļāļēāļ</th></tr></thead><tbody><tr><td>16-32</td><td>āļāļēāļāļāļĢāļ°āļāļēāļ āļēāļĒāđāļāļāđāļēāļ</td></tr><tr><td>40-63</td><td>āļāļēāļāļāļĢāļ°āļāļēāļāļēāļāļēāļĢāļāļāļēāļāđāļĨāđāļ</td></tr><tr><td>75-110</td><td>āļāļēāļāļāļĢāļ°āļāļēāļāļēāļāļēāļĢāļāļāļēāļāđāļŦāļāđ</td></tr><tr><td>125-315</td><td>āļāļēāļāļāđāļāļŠāđāļāļāđāļģāļŦāļĨāļąāļ</td></tr><tr><td>355-1200</td><td>āļāļēāļāđāļāļĢāļāļŠāļĢāđāļēāļāļāļ·āđāļāļāļēāļ</td></tr></tbody></table>
|
||||
<h2 id="āđāļāļĢāļāļāļāļāļāđāļ-hdpe">āđāļāļĢāļāļāļāļāļāđāļ HDPE</h2>
|
||||
<h3 id="pe80">PE80</h3>
|
||||
<ul>
|
||||
<li>āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļāļēāļāļāļąāđāļ§āđāļ</li>
|
||||
<li>āļāļāđāļĢāļāļāļąāļāļŠāļđāļāļŠāļļāļ 8 MPa</li>
|
||||
</ul>
|
||||
<h3 id="pe100">PE100</h3>
|
||||
<ul>
|
||||
<li>āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļāļēāļāļāļĩāđāļāđāļāļāļāļēāļĢāļāļ§āļēāļĄāđāļāđāļāđāļĢāļāļŠāļđāļ</li>
|
||||
<li>āļāļāđāļĢāļāļāļąāļāļŠāļđāļāļŠāļļāļ 10 MPa</li>
|
||||
<li>āđāļāđāļāđāļāļĢāļāļāļĩāđāļāļīāļĒāļĄāđāļāđāđāļāļāļąāļāļāļļāļāļąāļ</li>
|
||||
</ul>
|
||||
<h2 id="āļāļēāļĢāļāļīāļāļāļąāđāļāļāđāļ-hdpe">āļāļēāļĢāļāļīāļāļāļąāđāļāļāđāļ HDPE</h2>
|
||||
<h3 id="āļ§āļīāļāļĩ-butt-fusion">āļ§āļīāļāļĩ Butt Fusion</h3>
|
||||
<ol>
|
||||
<li>āļāļąāļāļāđāļāđāļŦāđāļāļĢāļ</li>
|
||||
<li>āļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļāļāļīāļ§āļāđāļ</li>
|
||||
<li>āđāļāđāđāļāļĢāļ·āđāļāļāđāļāļ·āđāļāļĄāļāđāļ HDPE</li>
|
||||
<li>āđāļŦāđāļāļ§āļēāļĄāļĢāđāļāļāļāļāļāļīāļ§āļāđāļāļĨāļ°āļĨāļēāļĒ</li>
|
||||
<li>āļāļāļāđāļāđāļāđāļēāļāđāļ§āļĒāļāļąāļ</li>
|
||||
<li>āļĢāļāđāļŦāđāđāļĒāđāļāļāļąāļ§āļĨāļ</li>
|
||||
</ol>
|
||||
<h3 id="āļ§āļīāļāļĩ-electrofusion">āļ§āļīāļāļĩ Electrofusion</h3>
|
||||
<ol>
|
||||
<li>āđāļāđāļāđāļāļāđāļāđāļāļ Electrofusion</li>
|
||||
<li>āđāļŠāļĩāļĒāļāļāļĨāļąāđāļāđāļāđāļāđāļēāļāļąāļāļāđāļāļāđāļ</li>
|
||||
<li>āļĢāļāļāļāļāļĢāļ°āļāļ§āļāļāļēāļĢāđāļāļ·āđāļāļĄāđāļŠāļĢāđāļāļŠāļīāđāļ</li>
|
||||
</ol>
|
||||
<h2 id="āļŠāļĢāļļāļ">āļŠāļĢāļļāļ</h2>
|
||||
<p>āļāđāļ HDPE āđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļāļĩāđāļĒāļāļāđāļĒāļĩāđāļĒāļĄāļŠāļģāļŦāļĢāļąāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āđāļāļ·āđāļāļāļāļēāļāļĄāļĩāļāļ§āļēāļĄāļāļāļāļēāļ āļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļ āđāļĨāļ°āļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļāļĩāđāļĒāļēāļ§āļāļēāļ āđāļĄāđāļ§āđāļēāļāļ°āđāļāđāļāļāļēāļāļāļĢāļ°āļāļē āļāļēāļāđāļāļĐāļāļĢ āļŦāļĢāļ·āļāļāļēāļāļāļļāļāļŠāļēāļŦāļāļĢāļĢāļĄ āļāđāļ HDPE āļŠāļēāļĄāļēāļĢāļāļāļāļāđāļāļāļĒāđāđāļāđāļāļļāļāļāļēāļĢāđāļāđāļāļēāļ</p>
|
||||
<hr>
|
||||
<p><strong>āļŠāļāđāļāļŠāļīāļāļāđāļēāļāđāļ HDPE?</strong>
|
||||
āļāļīāļāļāđāļāđāļĢāļēāđāļāđāļāļĩāđ:</p>
|
||||
<ul>
|
||||
<li>āđāļāļĢ: 090-555-1415</li>
|
||||
<li>LINE: jppselection</li>
|
||||
</ul>
|
||||
<p><a href="/%E0%B8%97%E0%B9%88%E0%B8%ADhdpe">āļāļđāļŠāļīāļāļāđāļēāļāđāļ HDPE āļāļąāđāļāļŦāļĄāļ</a></p> </div> <!-- Back to Blog --> <div class="mt-12 pt-8 border-t border-secondary-200"> <a href="/blog/" class="inline-flex items-center text-primary-600 font-medium hover:text-primary-700 transition-colors"> <svg class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> </svg>
|
||||
āļāļĨāļąāļāļŠāļđāđāļŦāļāđāļēāļāļāļāļ§āļēāļĄ
|
||||
</a> </div> </article> </main> <!-- Cookie Consent Banner --> <script type="module">const t=JSON.parse(localStorage.getItem("consent-preferences")||"null");if(t)t.analytics;else{const e=document.createElement("div");e.id="cookie-banner",e.className="fixed bottom-0 left-0 right-0 bg-secondary-900 text-white p-6 z-50 shadow-lg",e.innerHTML=`
|
||||
<div class="container mx-auto max-w-4xl">
|
||||
<p class="text-lg mb-4">āđāļĢāļēāđāļāđāļāļļāļāļāļĩāđāđāļāļ·āđāļāļāļĢāļąāļāļāļĢāļļāļāļāļĢāļ°āļŠāļāļāļēāļĢāļāđāļāļēāļĢāđāļāđāļāļēāļāđāļ§āđāļāđāļāļāđ āđāļāļĒāļāļĨāļīāļāļĒāļāļĄāļĢāļąāļāđāļāļ·āđāļāđāļāđāļāļēāļāļāļļāļāļāļĩāđāļāļļāļāļāļĢāļ°āđāļ āļ āļŦāļĢāļ·āļāļāļĨāļīāļāļāļĢāļąāļāđāļāđāļāđāļāļ·āđāļāđāļĨāļ·āļāļāļāļļāļāļāļĩāđāļāļĩāđāļāđāļāļāļāļēāļĢ</p>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<button id="accept-all" class="px-6 py-2 bg-primary-600 text-white font-semibold rounded-md hover:bg-primary-700">āļĒāļāļĄāļĢāļąāļ</button>
|
||||
<button id="reject-all" class="px-6 py-2 bg-secondary-700 text-white font-semibold rounded-md hover:bg-secondary-600">āļāļāļīāđāļŠāļ</button>
|
||||
<button id="customize" class="px-6 py-2 border border-white text-white font-semibold rounded-md hover:bg-white hover:text-secondary-900">āļāļĢāļąāļāđāļāđāļ</button>
|
||||
</div>
|
||||
</div>
|
||||
`,document.body.appendChild(e),document.getElementById("accept-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!0,marketing:!0,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("reject-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("customize")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()})}</script> </body> </html>
|
||||
Reference in New Issue
Block a user