ðĻ 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,73 +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="āļāđāļ PPR (Polypropylene Random Copolymer) āđāļāđāļāļāđāļāļāļĨāļēāļŠāļāļīāļāļāļĩāđāđāļāđāļĢāļąāļāļāļ§āļēāļĄāļāļīāļĒāļĄāļŠāļđāļāđāļāļāļēāļĢāđāļāđāļāļēāļāļĢāļ°āļāļāļāļĢāļ°āļāļē āļāļāļāļ§āļēāļĄāļāļĩāđāļāļ°āļāļāļīāļāļēāļĒāļāļļāļāļŠāļīāđāļāļāļĩāđāļāļļāļāļāđāļāļāļĢāļđāđāđāļāļĩāđāļĒāļ§āļāļąāļāļāđāļ PPR"><!-- 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="āļāđāļ PPR āļāļ·āļāļāļ°āđāļĢ? āļāļđāđāļĄāļ·āļāļāļāļąāļāļŠāļĄāļāļđāļĢāļāđāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļĨāļ·āļāļāđāļāđāļāļēāļ"><meta property="og:description" content="āļāđāļ PPR (Polypropylene Random Copolymer) āđāļāđāļāļāđāļāļāļĨāļēāļŠāļāļīāļāļāļĩāđāđāļāđāļĢāļąāļāļāļ§āļēāļĄāļāļīāļĒāļĄāļŠāļđāļāđāļāļāļēāļĢāđāļāđāļāļēāļāļĢāļ°āļāļāļāļĢāļ°āļāļē āļāļāļāļ§āļēāļĄāļāļĩāđāļāļ°āļāļāļīāļāļēāļĒāļāļļāļāļŠāļīāđāļāļāļĩāđāļāļļāļāļāđāļāļāļĢāļđāđāđāļāļĩāđāļĒāļ§āļāļąāļāļāđāļ PPR"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>āļāđāļ PPR āļāļ·āļāļāļ°āđāļĢ? āļāļđāđāļĄāļ·āļāļāļāļąāļāļŠāļĄāļāļđāļĢāļāđāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļĨāļ·āļāļāđāļāđāļāļēāļ | āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ</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">āļāđāļ PPR</span> <time class="text-secondary-500"> 15 āļĄāļāļĢāļēāļāļĄ 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"> āļāđāļ PPR āļāļ·āļāļāļ°āđāļĢ? āļāļđāđāļĄāļ·āļāļāļāļąāļāļŠāļĄāļāļđāļĢāļāđāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļĨāļ·āļāļāđāļāđāļāļēāļ </h1> </header> <!-- Featured Image --> <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden mb-8"> <img src="/images/2021/03/ppr-pipe_000C.jpg" alt="āļāđāļ PPR āļāļ·āļāļāļ°āđāļĢ? āļāļđāđāļĄāļ·āļāļāļāļąāļāļŠāļĄāļāļđāļĢāļāđāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļĨāļ·āļāļāđāļāđāļāļēāļ" 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="āļāđāļ-ppr-āļāļ·āļāļāļ°āđāļĢ">āļāđāļ PPR āļāļ·āļāļāļ°āđāļĢ?</h2>
|
||||
<p>āļāđāļ PPR (Polypropylene Random Copolymer) āļŦāļĢāļ·āļāļāđāļāļāļĩāļāļĩāļāļēāļĢāđ āđāļāđāļāļāđāļāļāļĨāļēāļŠāļāļīāļāļāļĩāđāļāļĨāļīāļāļāļēāļāđāļĄāđāļāļāļĨāļēāļŠāļāļīāļ PP-R 80 (Polypropylene Random Copolymer 80) āļāļķāđāļāđāļāđāļāļ§āļąāļŠāļāļļāļāļĨāļēāļŠāļāļīāļāļāļļāļāļ āļēāļāļŠāļđāļāļāļĩāđāļĄāļĩāļāļ§āļēāļĄāđāļāđāļāđāļĢāļāđāļĨāļ°āļāļāļāļēāļāđāļāđāļāļāļĒāđāļēāļāļāļĩ</p>
|
||||
<h2 id="āļāđāļāļāļĩāļāļāļāļāđāļ-ppr">āļāđāļāļāļĩāļāļāļāļāđāļ PPR</h2>
|
||||
<h3 id="1-āļāļāđāļĢāļāļāļąāļāđāļĨāļ°āļāļļāļāļŦāļ āļđāļĄāļīāļŠāļđāļ">1. āļāļāđāļĢāļāļāļąāļāđāļĨāļ°āļāļļāļāļŦāļ āļđāļĄāļīāļŠāļđāļ</h3>
|
||||
<p>āļāđāļ PPR āļŠāļēāļĄāļēāļĢāļāļāļāđāļĢāļāļāļąāļāđāļāđāļŠāļđāļāļāļķāļ 20 āļāļēāļĢāđ āđāļĨāļ°āļāļāļāđāļāļāļļāļāļŦāļ āļđāļĄāļīāđāļāđāļŠāļđāļāļāļķāļ 95°C āļāļģāđāļŦāđāđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāđāļāđāļāļēāļāļāļąāđāļāļĢāļ°āļāļāļāđāļģāđāļĒāđāļāđāļĨāļ°āļāđāļģāļĢāđāļāļ</p>
|
||||
<h3 id="2-āļŠāļ°āļāļēāļāđāļĨāļ°āļāļĨāļāļāļ āļąāļĒ">2. āļŠāļ°āļāļēāļāđāļĨāļ°āļāļĨāļāļāļ āļąāļĒ</h3>
|
||||
<p>āļāđāļ PPR āđāļĄāđāđāļāđāļāļŠāļāļīāļĄ āļāļĢāļēāļĻāļāļēāļāđāļĨāļŦāļ°āļŦāļāļąāļāđāļĨāļ°āļŠāļīāđāļāļāļāđāļāļ·āđāļāļ āļāļģāđāļŦāđāļāđāļģāļāļĩāđāđāļŦāļĨāļāđāļēāļāļŠāļ°āļāļēāļāđāļĨāļ°āļāļĨāļāļāļ āļąāļĒāļāđāļāļāļēāļĢāļāļĢāļīāđāļ āļ</p>
|
||||
<h3 id="3-āļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ">3. āļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ</h3>
|
||||
<p>āļāđāļ§āļĒāļāļļāļāļŠāļĄāļāļąāļāļīāļāļĩāđāļāļāļāļēāļ āļāđāļ PPR āļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļāļāļ§āđāļē 50 āļāļĩ</p>
|
||||
<h3 id="4-āļāļīāļāļāļąāđāļāļāđāļēāļĒ">4. āļāļīāļāļāļąāđāļāļāđāļēāļĒ</h3>
|
||||
<p>āļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļāļāđāļ PPR āđāļāđāļ§āļīāļāļĩāđāļāļ·āđāļāļĄāļāđāļ§āļĒāļāļ§āļēāļĄāļĢāđāļāļ āļāļģāđāļŦāđāļāđāļāđāļĨāļ°āļāđāļāļāđāļāđāļāđāļāđāļāļ·āđāļāđāļāļĩāļĒāļ§āļāļąāļ āđāļĄāđāļĄāļĩāļāļąāļāļŦāļēāļĢāļąāđāļ§āļāļķāļĄ</p>
|
||||
<h3 id="5-āļāļĢāļ°āļŦāļĒāļąāļāļāļĨāļąāļāļāļēāļ">5. āļāļĢāļ°āļŦāļĒāļąāļāļāļĨāļąāļāļāļēāļ</h3>
|
||||
<p>āļāđāļ PPR āđāļāđāļāļāļāļ§āļāļāļąāļāļāļ§āļēāļĄāļĢāđāļāļāļāļĩāđāļāļĩ āļāđāļ§āļĒāļĢāļąāļāļĐāļēāļāļļāļāļŦāļ āļđāļĄāļīāļāļāļāļāđāļģāđāļāđāļāļĩāļāļ§āđāļēāļāđāļāđāļĨāļŦāļ°</p>
|
||||
<h2 id="āļāļēāļĢāđāļĨāļ·āļāļāļāđāļ-ppr-āļāļĩāđāđāļŦāļĄāļēāļ°āļŠāļĄ">āļāļēāļĢāđāļĨāļ·āļāļāļāđāļ PPR āļāļĩāđāđāļŦāļĄāļēāļ°āļŠāļĄ</h2>
|
||||
<h3 id="āļāļāļēāļāļāđāļ">āļāļāļēāļāļāđāļ</h3>
|
||||
<p>āđāļĨāļ·āļāļāļāļāļēāļāļāđāļāđāļŦāđāđāļŦāļĄāļēāļ°āļŠāļĄāļāļąāļāļāļĢāļīāļĄāļēāļāļāđāļģāļāļĩāđāļāđāļāļāļāļēāļĢāđāļāđāļāļēāļ:</p>
|
||||
<ul>
|
||||
<li>āļāđāļāļāļāļēāļ 20-25 āļĄāļĄ. āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļāđāļēāļāđāļĢāļ·āļāļāļāļąāđāļ§āđāļ</li>
|
||||
<li>āļāđāļāļāļāļēāļ 32-63 āļĄāļĄ. āđāļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļāļāļēāļāļēāļĢāļāļāļēāļāđāļŦāļāđ</li>
|
||||
</ul>
|
||||
<h3 id="āđāļāļĢāļāļāļāļāļāđāļ">āđāļāļĢāļāļāļāļāļāđāļ</h3>
|
||||
<ul>
|
||||
<li><strong>PN10</strong> - āļŠāļģāļŦāļĢāļąāļāļāđāļģāđāļĒāđāļ āļāļāđāļĢāļāļāļąāļ 10 āļāļēāļĢāđ</li>
|
||||
<li><strong>PN16</strong> - āļŠāļģāļŦāļĢāļąāļāļāđāļģāļāļļāđāļ āļāļāđāļĢāļāļāļąāļ 16 āļāļēāļĢāđ</li>
|
||||
<li><strong>PN20</strong> - āļŠāļģāļŦāļĢāļąāļāļāđāļģāļĢāđāļāļ āļāļāđāļĢāļāļāļąāļ 20 āļāļēāļĢāđ</li>
|
||||
</ul>
|
||||
<h2 id="āļāļēāļĢāļāļīāļāļāļąāđāļāļāđāļ-ppr">āļāļēāļĢāļāļīāļāļāļąāđāļāļāđāļ PPR</h2>
|
||||
<h3 id="āļāļąāđāļāļāļāļāļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļ">āļāļąāđāļāļāļāļāļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļ</h3>
|
||||
<ol>
|
||||
<li>āļāļąāļāļāđāļāđāļŦāđāļāļĢāļāđāļĨāļ°āđāļĢāļĩāļĒāļ</li>
|
||||
<li>āļāļģāļāļ§āļēāļĄāļŠāļ°āļāļēāļāļāļīāļ§āļāđāļāđāļĨāļ°āļāđāļāļāđāļ</li>
|
||||
<li>āđāļāđāđāļāļĢāļ·āđāļāļāđāļāļ·āđāļāļĄāļāđāļāļāļļāļāļŦāļ āļđāļĄāļī 260°C</li>
|
||||
<li>āļŠāļāļāļāđāļāđāļĨāļ°āļāđāļāļāđāļāđāļāđāļēāļāđāļ§āļĒāļāļąāļ</li>
|
||||
<li>āļĢāļāđāļŦāđāđāļĒāđāļāļāļąāļ§āļĨāļāļāļĢāļ°āļĄāļēāļ 2-3 āļāļēāļāļĩ</li>
|
||||
</ol>
|
||||
<h3 id="āļāđāļāļāļ§āļĢāļĢāļ°āļ§āļąāļ">āļāđāļāļāļ§āļĢāļĢāļ°āļ§āļąāļ</h3>
|
||||
<ul>
|
||||
<li>āļŦāļĨāļĩāļāđāļĨāļĩāđāļĒāļāļāļēāļĢāļāļīāļāļāļąāđāļāđāļāļāļ·āđāļāļāļĩāđāļāļĩāđāļĄāļĩāđāļŠāļāđāļāļāđāļāļĒāļāļĢāļ</li>
|
||||
<li>āļāļ§āļĢāļāļīāđāļāļĢāļ°āļĒāļ°āļŦāđāļēāļāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļĒāļēāļĒāļāļąāļ§āļāļāļāļāđāļ</li>
|
||||
<li>āļāļĢāļ§āļāļŠāļāļāļāļ§āļēāļĄāļĢāđāļāļāļāļāļāđāļāļĢāļ·āđāļāļāđāļāļ·āđāļāļĄāļāđāļāļāđāļāđāļāļēāļ</li>
|
||||
</ul>
|
||||
<h2 id="āļāđāļ-ppr-āļāļĢāļēāļāđāļēāļ">āļāđāļ PPR āļāļĢāļēāļāđāļēāļ</h2>
|
||||
<p>āļāđāļ PPR āļāļĢāļēāļāđāļēāļ āđāļāđāļāļāđāļ PPR āļāļļāļāļ āļēāļāļŠāļđāļāļāļĩāđāļāļĨāļīāļāļāļēāļāđāļĄāđāļāļāļĨāļēāļŠāļāļīāļ PP-R 80 āļ§āļąāļāļāļļāļāļīāļāļāļļāļāļ āļēāļāļŠāļđāļāļĄāļēāļāļĢāļāļēāļāļĒāļļāđāļĢāļāļāļēāļ lyondellbasell</p>
|
||||
<p><strong>āļāļļāļāļŠāļĄāļāļąāļāļīāđāļāđāļ:</strong></p>
|
||||
<ul>
|
||||
<li>āļāļāđāļĢāļāļāļąāļāđāļāđāļŠāļđāļāļŠāļļāļ 20 āļāļēāļĢāđ</li>
|
||||
<li>āļāļāļāđāļāļāļļāļāļŦāļ āļđāļĄāļīāđāļāđāļŠāļđāļāļāļķāļ 95°C</li>
|
||||
<li>āļāļĨāļīāļāļāļēāļĄāļĄāļēāļāļĢāļāļēāļ DIN8077 āđāļĨāļ° DIN8078 āļāļāļāļāļĢāļ°āđāļāļĻāđāļĒāļāļĢāļĄāļąāļ</li>
|
||||
<li>āļĢāļąāļāļāļĢāļ°āļāļąāļāļāļļāļāļ āļēāļ</li>
|
||||
</ul>
|
||||
<h2 id="āļŠāļĢāļļāļ">āļŠāļĢāļļāļ</h2>
|
||||
<p>āļāđāļ PPR āđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļāļĩāđāļāļĩāļŠāļģāļŦāļĢāļąāļāļĢāļ°āļāļāļāļĢāļ°āļāļēāđāļāļāļąāļāļāļļāļāļąāļ āđāļāļ·āđāļāļāļāļēāļāļĄāļĩāļāļ§āļēāļĄāļāļāļāļēāļāļŠāļđāļ āļāļīāļāļāļąāđāļāļāđāļēāļĒ āđāļĨāļ°āļĄāļĩāļāļēāļĒāļļāļāļēāļĢāđāļāđāļāļēāļāļĒāļēāļ§āļāļēāļ āļŦāļēāļāļāļļāļāļāļģāļĨāļąāļāļĄāļāļāļŦāļēāļāđāļāļŠāļģāļŦāļĢāļąāļāļāļēāļāļĢāļ°āļāļāļāđāļģ āļāđāļ PPR āđāļāđāļāļāļąāļ§āđāļĨāļ·āļāļāļāļĩāđāļāļļāđāļĄāļāđāļēāđāļĨāļ°āđāļŦāļĄāļēāļ°āļŠāļĄ</p>
|
||||
<hr>
|
||||
<p><strong>āļŠāļāđāļāļŠāļīāļāļāđāļēāļāđāļ PPR?</strong>
|
||||
āļāļīāļāļāđāļāđāļĢāļēāđāļāđāļāļĩāđ:</p>
|
||||
<ul>
|
||||
<li>āđāļāļĢ: 090-555-1415</li>
|
||||
<li>LINE: jppselection</li>
|
||||
<li>āļāļĩāđāļĄāļĨ: <a href="mailto:dealplustech@gmail.com">dealplustech@gmail.com</a></li>
|
||||
</ul>
|
||||
<p><a href="/%E0%B8%97%E0%B9%88%E0%B8%AD%E0%B8%9E%E0%B8%B5%E0%B8%9E%E0%B8%B5%E0%B8%AD%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%95%E0%B8%A3%E0%B8%B2%E0%B8%8A%E0%B9%89%E0%B8%B2%E0%B8%87">āļāļđāļŠāļīāļāļāđāļēāļāđāļ PPR āļāļąāđāļāļŦāļĄāļ</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