aquinodeveloper/agendasync-pro
0
1<!DOCTYPE html>2<html lang="pt-BR" class="scroll-smooth">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>PAUTA QUINTA-FEIRA 04/09</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 undefined: {16 100: '#E6F0FF',17 200: '#CCE1FF',18 300: '#B3D1FF',19 400: '#99C2FF',20 500: '#80B3FF',21 600: '#6699FF',22 700: '#4D80FF',23 800: '#3366FF',24 900: '#1A4DFF',25 }26 }27 }28 }29 }30 </script>31 <style>32 .card-hover:hover {33 transform: translateY(-2px);34 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);35 }36 .divider {37 border-top: 1px dashed rgba(0, 0, 0, 0.1);38 }39 </style>40</head>41<body class="bg-gray-50 font-sans antialiased">42 <!-- Header -->43 <header class="bg-gradient-to-r from-undefined-500 to-undefined-700 text-white py-6 px-4 shadow-md">44 <div class="container mx-auto">45 <h1 class="text-3xl md:text-4xl font-bold">PAUTA QUINTA-FEIRA 04/09</h1>46 <p class="text-xl md:text-2xl font-medium text-undefined-200 mt-2">Agenda de Produção e Publicação</p>47 </div>48 </header>49 50 <main class="container mx-auto px-4 py-8">51 <!-- Engagement Section -->52 <section class="mb-12">53 <h2 class="text-2xl font-bold text-undefined-700 mb-6 flex items-center">54 <i data-feather="users" class="mr-2"></i> Engajamento55 </h2>56 57 <div class="grid grid-cols-1 md:grid-cols-3 gap-6">58 <!-- Carol Dill -->59 <div class="bg-white rounded-lg shadow-md p-6 card-hover transition-all duration-200">60 <div class="flex items-center mb-4">61 <div class="bg-undefined-100 p-2 rounded-full mr-3">62 <i data-feather="user" class="text-undefined-600"></i>63 </div>64 <h3 class="font-bold text-lg text-undefined-700">Carol Dill</h3>65 </div>66 <ul class="space-y-3">67 <li class="flex items-start">68 <i data-feather="clock" class="text-undefined-500 mr-2 mt-0.5"></i>69 <div>70 <p class="font-medium">08:00 - Previsão do Tempo</p>71 <p class="text-sm text-gray-600">Publicação no app</p>72 </div>73 </li>74 <li class="flex items-start">75 <i data-feather="clock" class="text-undefined-500 mr-2 mt-0.5"></i>76 <div>77 <p class="font-medium">12:00 - Moranguinho</p>78 <p class="text-sm text-gray-600">Atualização de cards</p>79 </div>80 </li>81 </ul>82 </div>83 84 <!-- Micheli Aguiar -->85 <div class="bg-white rounded-lg shadow-md p-6 card-hover transition-all duration-200">86 <div class="flex items-center mb-4">87 <div class="bg-undefined-100 p-2 rounded-full mr-3">88 <i data-feather="user" class="text-undefined-600"></i>89 </div>90 <h3 class="font-bold text-lg text-undefined-700">Micheli Aguiar</h3>91 </div>92 <ul class="space-y-3">93 <li class="flex items-start">94 <i data-feather="clock" class="text-undefined-500 mr-2 mt-0.5"></i>95 <div>96 <p class="font-medium">09:30 - Guia da Escola</p>97 <p class="text-sm text-gray-600">Atualização de conteúdo</p>98 </div>99 </li>100 <li class="flex items-start">101 <i data-feather="clock" class="text-undefined-500 mr-2 mt-0.5"></i>102 <div>103 <p class="font-medium">14:00 - Engajamento SM</p>104 <p class="text-sm text-gray-600">Análise de métricas</p>105 </div>106 </li>107 </ul>108 </div>109 110 <!-- Leo Martins -->111 <div class="bg-white rounded-lg shadow-md p-6 card-hover transition-all duration-200">112 <div class="flex items-center mb-4">113 <div class="bg-undefined-100 p-2 rounded-full mr-3">114 <i data-feather="user" class="text-undefined-600"></i>115 </div>116 <h3 class="font-bold text-lg text-undefined-700">Leo Martins</h3>117 </div>118 <ul class="space-y-3">119 <li class="flex items-start">120 <i data-feather="clock" class="text-undefined-500 mr-2 mt-0.5"></i>121 <div>122 <p class="font-medium">10:00 - Reunião Editorial</p>123 <p class="text-sm text-gray-600">Planejamento quinzenal</p>124 </div>125 </li>126 <li class="flex items-start">127 <i data-feather="clock" class="text-undefined-500 mr-2 mt-0.5"></i>128 <div>129 <p class="font-medium">16:00 - Análise de SEO</p>130 <p class="text-sm text-gray-600">Otimização de conteúdos</p>131 </div>132 </li>133 </ul>134 </div>135 </div>136 </section>137 138 <!-- Programmed Content -->139 <section class="mb-12">140 <h2 class="text-2xl font-bold text-undefined-700 mb-6 flex items-center">141 <i data-feather="calendar" class="mr-2"></i> Conteúdos Programados142 </h2>143 144 <div class="bg-white rounded-lg shadow-md overflow-hidden">145 <div class="grid grid-cols-1 md:grid-cols-4 divide-y md:divide-y-0 md:divide-x divide-undefined-100">146 <!-- 60Mais -->147 <div class="p-6">148 <h3 class="font-bold text-lg text-undefined-700 mb-4 flex items-center">149 <span class="bg-undefined-100 text-undefined-700 px-3 py-1 rounded-full text-sm mr-2">60Mais</span>150 </h3>151 <ul class="space-y-4">152 <li>153 <p class="font-medium">Reportagens 60mais</p>154 <p class="text-sm text-gray-600">Edição: Jaime Silva</p>155 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Prazo: 05/09</span>156 </li>157 <li>158 <p class="font-medium">Entrevista Exclusiva</p>159 <p class="text-sm text-gray-600">Edição: Juliana Maciel</p>160 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Prazo: 06/09</span>161 </li>162 </ul>163 </div>164 165 <!-- ZH Indica -->166 <div class="p-6">167 <h3 class="font-bold text-lg text-undefined-700 mb-4 flex items-center">168 <span class="bg-undefined-100 text-undefined-700 px-3 py-1 rounded-full text-sm mr-2">ZH Indica</span>169 </h3>170 <ul class="space-y-4">171 <li>172 <p class="font-medium">Guia de Compras</p>173 <p class="text-sm text-gray-600">Edição: Carol Dill</p>174 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Publicação: 04/09</span>175 </li>176 <li>177 <p class="font-medium">Eventos Culturais</p>178 <p class="text-sm text-gray-600">Edição: Micheli Aguiar</p>179 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Publicação: 05/09</span>180 </li>181 </ul>182 </div>183 184 <!-- Banco -->185 <div class="p-6">186 <h3 class="font-bold text-lg text-undefined-700 mb-4 flex items-center">187 <span class="bg-undefined-100 text-undefined-700 px-3 py-1 rounded-full text-sm mr-2">Banco</span>188 </h3>189 <ul class="space-y-4">190 <li>191 <p class="font-medium">Finanças Pessoais</p>192 <p class="text-sm text-gray-600">Edição: Leo Martins</p>193 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Publicação: 04/09</span>194 </li>195 <li>196 <p class="font-medium">Análise de Mercado</p>197 <p class="text-sm text-gray-600">Edição: Jaime Silva</p>198 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Publicação: 06/09</span>199 </li>200 </ul>201 </div>202 203 <!-- Cultura/Comportamento -->204 <div class="p-6">205 <h3 class="font-bold text-lg text-undefined-700 mb-4 flex items-center">206 <span class="bg-undefined-100 text-undefined-700 px-3 py-1 rounded-full text-sm mr-2">Cultura</span>207 </h3>208 <ul class="space-y-4">209 <li>210 <p class="font-medium">Novo Filme em Cartaz</p>211 <p class="text-sm text-gray-600">Edição: Juliana Maciel</p>212 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Publicação: 05/09</span>213 </li>214 <li>215 <p class="font-medium">Entrevista com Artista</p>216 <p class="text-sm text-gray-600">Edição: Carol Dill</p>217 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Publicação: 07/09</span>218 </li>219 </ul>220 </div>221 </div>222 </div>223 </section>224 225 <!-- Ongoing Reports -->226 <section class="mb-12">227 <h2 class="text-2xl font-bold text-undefined-700 mb-6 flex items-center">228 <i data-feather="edit" class="mr-2"></i> Reportagens em Andamento229 </h2>230 231 <div class="bg-white rounded-lg shadow-md overflow-hidden">232 <div class="divide-y divide-undefined-100">233 <!-- Yasmim Girardi -->234 <div class="p-6">235 <div class="flex items-center mb-4">236 <div class="bg-undefined-100 p-2 rounded-full mr-3">237 <i data-feather="user" class="text-undefined-600"></i>238 </div>239 <h3 class="font-bold text-lg text-undefined-700">Yasmim Girardi</h3>240 </div>241 <div class="pl-12">242 <div class="mb-4 pb-4 border-b border-undefined-100">243 <p class="font-medium">Impactos da Reforma Tributária</p>244 <p class="text-sm text-gray-600">Análise dos efeitos em pequenas empresas</p>245 <div class="flex items-center mt-2">246 <i data-feather="calendar" class="text-undefined-500 mr-1 w-4 h-4"></i>247 <span class="text-sm text-gray-600">Entrega: 05/09</span>248 <span class="mx-2 text-gray-300">|</span>249 <i data-feather="edit" class="text-undefined-500 mr-1 w-4 h-4"></i>250 <span class="text-sm text-gray-600">Editor: Jaime Silva</span>251 </div>252 </div>253 <div>254 <p class="font-medium">Novo Polo Tecnológico</p>255 <p class="text-sm text-gray-600">Expansão do setor na região metropolitana</p>256 <div class="flex items-center mt-2">257 <i data-feather="calendar" class="text-undefined-500 mr-1 w-4 h-4"></i>258 <span class="text-sm text-gray-600">Entrega: 07/09</span>259 <span class="mx-2 text-gray-300">|</span>260 <i data-feather="edit" class="text-undefined-500 mr-1 w-4 h-4"></i>261 <span class="text-sm text-gray-600">Editor: Leo Martins</span>262 </div>263 </div>264 </div>265 </div>266 267 <!-- Fernanda Polo -->268 <div class="p-6">269 <div class="flex items-center mb-4">270 <div class="bg-undefined-100 p-2 rounded-full mr-3">271 <i data-feather="user" class="text-undefined-600"></i>272 </div>273 <h3 class="font-bold text-lg text-undefined-700">Fernanda Polo</h3>274 </div>275 <div class="pl-12">276 <div class="mb-4 pb-4 border-b border-undefined-100">277 <p class="font-medium">Festival de Gastronomia</p>278 <p class="text-sm text-gray-600">Cobertura do evento internacional</p>279 <div class="flex items-center mt-2">280 <i data-feather="calendar" class="text-undefined-500 mr-1 w-4 h-4"></i>281 <span class="text-sm text-gray-600">Entrega: 04/09</span>282 <span class="mx-2 text-gray-300">|</span>283 <i data-feather="edit" class="text-undefined-500 mr-1 w-4 h-4"></i>284 <span class="text-sm text-gray-600">Editor: Juliana Maciel</span>285 </div>286 </div>287 <div>288 <p class="font-medium">Perfil: Chef Renomado</p>289 <p class="text-sm text-gray-600">Trajetória e projetos futuros</p>290 <div class="flex items-center mt-2">291 <i data-feather="calendar" class="text-undefined-500 mr-1 w-4 h-4"></i>292 <span class="text-sm text-gray-600">Entrega: 06/09</span>293 <span class="mx-2 text-gray-300">|</span>294 <i data-feather="edit" class="text-undefined-500 mr-1 w-4 h-4"></i>295 <span class="text-sm text-gray-600">Editor: Carol Dill</span>296 </div>297 </div>298 </div>299 </div>300 </div>301 </div>302 </section>303 304 <!-- News and Editing -->305 <section class="mb-12">306 <h2 class="text-2xl font-bold text-undefined-700 mb-6 flex items-center">307 <i data-feather="file-text" class="mr-2"></i> Notícias e Edição308 </h2>309 310 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">311 <!-- Jaime Silva -->312 <div class="bg-white rounded-lg shadow-md p-6 card-hover transition-all duration-200">313 <div class="flex items-center mb-4">314 <div class="bg-undefined-100 p-2 rounded-full mr-3">315 <i data-feather="user" class="text-undefined-600"></i>316 </div>317 <h3 class="font-bold text-lg text-undefined-700">Jaime Silva</h3>318 </div>319 <ul class="space-y-3">320 <li>321 <p class="font-medium">Outros Inquéritos</p>322 <p class="text-sm text-gray-600">Acompanhamento de processos</p>323 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Previsão: 05/09</span>324 </li>325 <li class="mt-4">326 <p class="font-medium">Reportagem Especial</p>327 <p class="text-sm text-gray-600">Impactos ambientais</p>328 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Previsão: 07/09</span>329 </li>330 </ul>331 </div>332 333 <!-- Juliana Maciel -->334 <div class="bg-white rounded-lg shadow-md p-6 card-hover transition-all duration-200">335 <div class="flex items-center mb-4">336 <div class="bg-undefined-100 p-2 rounded-full mr-3">337 <i data-feather="user" class="text-undefined-600"></i>338 </div>339 <h3 class="font-bold text-lg text-undefined-700">Juliana Maciel</h3>340 </div>341 <ul class="space-y-3">342 <li>343 <p class="font-medium">Expointer</p>344 <p class="text-sm text-gray-600">Cobertura completa do evento</p>345 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Ao vivo</span>346 </li>347 <li class="mt-4">348 <p class="font-medium">Cultura Local</p>349 <p class="text-sm text-gray-600">Novos artistas emergentes</p>350 <span class="inline-block bg-undefined-100 text-undefined-700 text-xs px-2 py-1 rounded mt-1">Previsão: 06/09</span>351 </li>352 </ul>353 </div>354 </div>355 </section>356 </main>357 358 <!-- Footer -->359 <footer class="bg-undefined-600 text-white py-8 px-4">360 <div class="container mx-auto">361 <div class="flex flex-col md:flex-row justify-between items-center">362 <div class="mb-4 md:mb-0">363 <h3 class="text-xl font-bold">AgendaSync Pro</h3>364 <p class="text-undefined-200">Sistema de gestão de pautas editoriais</p>365 </div>366 <div class="flex space-x-4">367 <a href="#" class="hover:text-undefined-300 transition">368 <i data-feather="mail"></i>369 </a>370 <a href="#" class="hover:text-undefined-300 transition">371 <i data-feather="slack"></i>372 </a>373 <a href="#" class="hover:text-undefined-300 transition">374 <i data-feather="settings"></i>375 </a>376 </div>377 </div>378 <div class="mt-6 pt-6 border-t border-undefined-500 text-center md:text-left">379 <p class="text-sm text-undefined-300">© 2023 AgendaSync Pro. Todos os direitos reservados.</p>380 </div>381 </div>382 </footer>383 384 <script>385 feather.replace();386 387 // Smooth hover transitions388 document.querySelectorAll('.card-hover').forEach(card => {389 card.addEventListener('mouseenter', () => {390 card.style.transition = 'all 0.2s ease';391 });392 });393 </script>394</body>395</html>396