CoolFace
Apppublic

smart-models/Placebo_AI

sourceHugging Faceupdated 3mo agoView on Hugging Face
0likes
capabilities.html110 linesDownload Raw Back to static
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Capabilities | Placebo AI</title>7    <link rel="stylesheet" href="/static/style.css">8    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">9    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">10    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">11    <link rel="shortcut icon" href="/static/favicon.ico">12</head>13<body>14    <div id="video-container">15        <video id="hero-video" autoplay loop muted playsinline>16            <source src="/static/bg_video.mp4" type="video/mp4">17        </video>18    </div>19 20    <div class="content-layer">21        <nav>22            <div class="logo-area" style="display: flex; align-items: center; gap: 12px;">23                <img src="/static/logo.png" width="32" height="32" alt="Logo" style="filter: brightness(0) invert(1);">24                <a href="/" class="logo">Placebo AI</a>25            </div>26            <div class="menu-items">27                <a href="/" class="menu-item">Home</a>28                <a href="/architecture" class="menu-item">Architecture</a>29                <a href="/capabilities" class="menu-item">Capabilities</a>30                <a href="/docs" class="menu-item">Docs</a>31                <a href="/about" class="menu-item">About</a>32            </div>33            <div class="nav-buttons">34                <button class="btn-signup">Sign Up</button>35                <button class="btn-login">Log In</button>36            </div>37        </nav>38 39        <main class="info-content" style="padding: 120px 80px; max-width: 1200px; margin: 0 auto;">40            <h1 style="font-size: 48px; margin-bottom: 24px;">Core Capabilities</h1>41            <p class="subtitle" style="font-size: 20px; opacity: 0.8; margin-bottom: 60px;">Engineered to solve the specific challenges medical professionals face with traditional AI systems.</p>42 43            <div class="grid-layout" style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px;">44                <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">45                    <h3 style="color: var(--primary); margin-bottom: 16px;">Multimodal Understanding</h3>46                    <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">47                        Placebo AI understands complex medical layouts—not just text. It converts dosage tables, clinical trial data, pharmacokinetic parameters, chemical structures, and metabolic pathways into structured, queryable intelligence.48                    </p>49                </div>50 51                <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">52                    <h3 style="color: var(--primary); margin-bottom: 16px;">Semantic Search</h3>53                    <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">54                        Finds meaning, not just keywords. It understands the intent behind questions—matching "glucose-lowering drugs" to the correct antihyperglycemic agents even when keywords don't overlap.55                    </p>56                </div>57 58                <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">59                    <h3 style="color: var(--primary); margin-bottom: 16px;">Citation-Backed Answers</h3>60                    <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">61                        Every claim includes a direct link to its source textbook page. No unsubstantiated statements. Professional medical researchers can open the original source to verify data instantly.62                    </p>63                </div>64 65                <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">66                    <h3 style="color: var(--primary); margin-bottom: 16px;">High-Speed Intelligence</h3>67                    <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">68                        Delivers medical intelligence in seconds. Optimized for interactive use during clinical rounds or while reviewing patient cases, providing answers significantly faster than manual textbook lookups.69                    </p>70                </div>71            </div>72 73            <section style="margin-top: 80px;">74                <h2 style="margin-bottom: 30px;">Capability Comparison</h2>75                <div class="table-container" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; overflow: hidden;">76                    <table style="width: 100%; border-collapse: collapse; color: var(--white); text-align: left;">77                        <thead style="background: rgba(255,255,255,0.05);">78                            <tr>79                                <th style="padding: 16px;">Capability</th>80                                <th style="padding: 16px;">Placebo AI</th>81                                <th style="padding: 16px;">Traditional LLM</th>82                                <th style="padding: 16px;">Manual Search</th>83                            </tr>84                        </thead>85                        <tbody>86                            <tr style="border-bottom: 1px solid rgba(255,255,255,0.05);">87                                <td style="padding: 16px;">Complex Layouts</td>88                                <td style="padding: 16px; color: var(--primary);">✓ Vision-Aware</td>89                                <td style="padding: 16px; opacity: 0.5;">✗ Text Only</td>90                                <td style="padding: 16px;">✓ Yes</td>91                            </tr>92                            <tr style="border-bottom: 1px solid rgba(255,255,255,0.05);">93                                <td style="padding: 16px;">Citations</td>94                                <td style="padding: 16px; color: var(--primary);">✓ Mandatory</td>95                                <td style="padding: 16px; opacity: 0.5;">✗ Hallucinated</td>96                                <td style="padding: 16px;">✓ Yes</td>97                            </tr>98                        </tbody>99                    </table>100                </div>101            </section>102 103            <div style="text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-family: 'Montserrat', sans-serif; line-height: 1.5;">104                Disclaimer: All books used in this application belong to their respective authors and publishers. The author, publisher, and copyright owner reserve all rights. No ownership of book content is claimed by this application.105            </div>106        </main>107    </div>108</body>109</html>110