zainmax/bytebard-tech-tales-tips
0
1<!DOCTYPE html>2<html lang="en" class="scroll-smooth">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Create Post | ByteBard</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script>11 tailwind.config = {12 darkMode: 'class',13 theme: {14 extend: {15 colors: {16 primary: {17 DEFAULT: '#3B82F6',18 50: '#EFF6FF',19 100: '#DBEAFE',20 500: '#3B82F6',21 600: '#2563EB',22 },23 secondary: {24 DEFAULT: '#10B981',25 50: '#ECFDF5',26 100: '#D1FAE5',27 500: '#10B981',28 600: '#059669',29 }30 }31 }32 }33 }34 </script>35</head>36<body class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-50 transition-colors duration-300">37 <custom-header></custom-header>38 39 <main class="min-h-screen py-12 px-4 sm:px-6 lg:px-8">40 <blog-editor></blog-editor>41 </main>42 43 <custom-footer></custom-footer>44 45 <script src="components/header.js"></script>46 <script src="components/footer.js"></script>47 <script src="components/blog-editor.js"></script>48 <script src="script.js"></script>49 <script>50 feather.replace();51 </script>52</body>53</html>