Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Graphical Abstract - Pickering Emulsions with Andiroba Oil</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); | |
| body { | |
| font-family: 'Roboto', sans-serif; | |
| height: 100vh; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .graphical-abstract { | |
| background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); | |
| border-radius: 12px; | |
| box-shadow: 0 10px 25px rgba(0,0,0,0.1); | |
| height: calc(100vh - 2rem); | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .flow-step { | |
| position: relative; | |
| } | |
| .flow-step:not(:last-child):after { | |
| content: ""; | |
| position: absolute; | |
| right: -30px; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| width: 20px; | |
| height: 20px; | |
| background-color: #3b82f6; | |
| clip-path: polygon(0 50%, 100% 0, 100% 100%); | |
| } | |
| .image-placeholder { | |
| background-color: #f3f4f6; | |
| border: 2px dashed #9ca3af; | |
| border-radius: 8px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: #6b7280; | |
| font-size: 0.75rem; | |
| } | |
| .emulsion-visualization { | |
| background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%); | |
| border-radius: 8px; | |
| box-shadow: inset 0 0 15px rgba(0,0,0,0.05); | |
| } | |
| .rheometer { | |
| background: linear-gradient(145deg, #e5e7eb, #f3f4f6); | |
| border-radius: 50%; | |
| box-shadow: 5px 5px 15px rgba(0,0,0,0.1), | |
| -5px -5px 15px rgba(255,255,255,0.8); | |
| } | |
| </style> | |
| </head> | |
| <body class="p-4"> | |
| <div class="graphical-abstract mx-auto w-full max-w-6xl"> | |
| <div class="p-4"> | |
| <h1 class="text-2xl font-bold text-center text-gray-800">Graphical Abstract</h1> | |
| <h2 class="text-lg text-center text-gray-600">Stable Pickering Emulsions with Amazonian Andiroba Oil</h2> | |
| </div> | |
| <!-- Flowchart section --> | |
| <div class="flex flex-col md:flex-row justify-between items-center px-4 py-2 flex-grow"> | |
| <!-- Oil characterization --> | |
| <div class="flow-step w-full md:w-1/4 p-4 bg-white rounded-lg shadow-md text-center h-full flex flex-col"> | |
| <div class="bg-amber-100 text-amber-800 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-oil-can text-xl"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-1">Andiroba Oil</h3> | |
| <p class="text-xs text-gray-600 mb-2">Rich in bioactive compounds with therapeutic properties</p> | |
| <div class="image-placeholder w-full flex-grow mt-2"> | |
| [FTIR/TG analysis] | |
| </div> | |
| </div> | |
| <!-- Veegum characterization --> | |
| <div class="flow-step w-full md:w-1/4 p-4 bg-white rounded-lg shadow-md text-center h-full flex flex-col mt-4 md:mt-0"> | |
| <div class="bg-blue-100 text-blue-800 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-atom text-xl"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-1">Veegum® Stabilizer</h3> | |
| <p class="text-xs text-gray-600 mb-2">Magnesium aluminum silicate particles</p> | |
| <div class="image-placeholder w-full flex-grow mt-2"> | |
| [Particle characterization] | |
| </div> | |
| </div> | |
| <!-- Emulsion formation --> | |
| <div class="flow-step w-full md:w-1/4 p-4 bg-white rounded-lg shadow-md text-center h-full flex flex-col mt-4 md:mt-0"> | |
| <div class="bg-green-100 text-green-800 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-flask text-xl"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-1">Emulsion Design</h3> | |
| <p class="text-xs text-gray-600 mb-2">Optimized through experimental design</p> | |
| <div class="image-placeholder w-full flex-grow mt-2"> | |
| [Microscopy image] | |
| </div> | |
| </div> | |
| <!-- Rheology --> | |
| <div class="flow-step w-full md:w-1/4 p-4 bg-white rounded-lg shadow-md text-center h-full flex flex-col mt-4 md:mt-0"> | |
| <div class="bg-purple-100 text-purple-800 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-tachometer-alt text-xl"></i> | |
| </div> | |
| <h3 class="font-bold text-gray-800 mb-1">Stability Analysis</h3> | |
| <p class="text-xs text-gray-600 mb-2">Excellent physical stability</p> | |
| <div class="image-placeholder w-full flex-grow mt-2"> | |
| [Rheology data] | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Key findings section --> | |
| <div class="bg-white rounded-lg shadow-md p-4 mx-4 mb-4"> | |
| <h3 class="font-bold text-lg text-gray-800 mb-2 text-center">Key Findings</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> | |
| <div class="bg-amber-50 p-3 rounded-lg"> | |
| <div class="flex items-center mb-1"> | |
| <div class="bg-amber-100 text-amber-800 w-8 h-8 rounded-full flex items-center justify-center mr-2"> | |
| <i class="fas fa-chart-line text-sm"></i> | |
| </div> | |
| <h4 class="font-semibold text-gray-800 text-sm">Optimized Formulation</h4> | |
| </div> | |
| <p class="text-xs text-gray-600">14% Veegum® with 3.2% Andiroba oil showed superior stability</p> | |
| </div> | |
| <div class="bg-blue-50 p-3 rounded-lg"> | |
| <div class="flex items-center mb-1"> | |
| <div class="bg-blue-100 text-blue-800 w-8 h-8 rounded-full flex items-center justify-center mr-2"> | |
| <i class="fas fa-shield-alt text-sm"></i> | |
| </div> | |
| <h4 class="font-semibold text-gray-800 text-sm">Enhanced Stability</h4> | |
| </div> | |
| <p class="text-xs text-gray-600">Solid particles prevent coalescence effectively</p> | |
| </div> | |
| <div class="bg-green-50 p-3 rounded-lg"> | |
| <div class="flex items-center mb-1"> | |
| <div class="bg-green-100 text-green-800 w-8 h-8 rounded-full flex items-center justify-center mr-2"> | |
| <i class="fas fa-spa text-sm"></i> | |
| </div> | |
| <h4 class="font-semibold text-gray-800 text-sm">Therapeutic Potential</h4> | |
| </div> | |
| <p class="text-xs text-gray-600">Preserved bioactive compounds for dermatological applications</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <div class="text-center text-xs text-gray-500 p-2"> | |
| <p>Taynara R.A Xavier et al. | Laboratory of Pharmaceutical and Cosmetic R&D, Federal University of Pará, Brazil</p> | |
| <p class="mt-1">ACS Journal Submission - Pickering Emulsions with Andiroba Oil</p> | |
| </div> | |
| </div> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=diasfernanda15/grafico-acs" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |