Add logos
Browse files
app.py
CHANGED
|
@@ -119,11 +119,45 @@ custom_css = """
|
|
| 119 |
50% { background-color: rgba(46, 204, 113, 0.4); } /* Green at 40% opacity */
|
| 120 |
100% { background-color: rgba(46, 204, 113, 1); } /* Green at full opacity */
|
| 121 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 122 |
"""
|
| 123 |
|
| 124 |
|
| 125 |
html_template = """
|
| 126 |
<h2 style="text-align: center">Personal Computer Assistant</h2>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 127 |
<div class="sandbox-outer-wrapper">
|
| 128 |
<div class="sandbox-container">
|
| 129 |
<img src="https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/desktop2.png" class="sandbox-background" />
|
|
|
|
| 119 |
50% { background-color: rgba(46, 204, 113, 0.4); } /* Green at 40% opacity */
|
| 120 |
100% { background-color: rgba(46, 204, 113, 1); } /* Green at full opacity */
|
| 121 |
}
|
| 122 |
+
|
| 123 |
+
.logo-container {
|
| 124 |
+
display: flex;
|
| 125 |
+
justify-content: space-between;
|
| 126 |
+
align-items: center;
|
| 127 |
+
width: 100%;
|
| 128 |
+
padding: 20px;
|
| 129 |
+
box-sizing: border-box;
|
| 130 |
+
}
|
| 131 |
+
|
| 132 |
+
.logo-item {
|
| 133 |
+
flex: 1;
|
| 134 |
+
display: flex;
|
| 135 |
+
justify-content: center;
|
| 136 |
+
align-items: center;
|
| 137 |
+
padding: 0 15px;
|
| 138 |
+
}
|
| 139 |
+
|
| 140 |
+
.logo-item img {
|
| 141 |
+
max-height: 80px;
|
| 142 |
+
width: auto;
|
| 143 |
+
object-fit: contain;
|
| 144 |
+
}
|
| 145 |
"""
|
| 146 |
|
| 147 |
|
| 148 |
html_template = """
|
| 149 |
<h2 style="text-align: center">Personal Computer Assistant</h2>
|
| 150 |
+
<div class="logo-container">
|
| 151 |
+
<div class="logo-item">
|
| 152 |
+
<img src="https://upload.wikimedia.org/wikipedia/en/8/85/Logo_of_Qwen.png" alt="Qwen logo">
|
| 153 |
+
</div>
|
| 154 |
+
<div class="logo-item">
|
| 155 |
+
<img src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/smolagents/smolagents.png" alt="Smolagents logo">
|
| 156 |
+
</div>
|
| 157 |
+
<div class="logo-item">
|
| 158 |
+
<img src=src="https://github.com/e2b-dev/E2B/blob/main/readme-assets/logo-circle.png?raw=true" alt="e2b logo">
|
| 159 |
+
</div>
|
| 160 |
+
</div>
|
| 161 |
<div class="sandbox-outer-wrapper">
|
| 162 |
<div class="sandbox-container">
|
| 163 |
<img src="https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/desktop2.png" class="sandbox-background" />
|