Spaces:
Paused
Paused
Update app.py
Browse files
app.py
CHANGED
|
@@ -11,7 +11,42 @@ import gradio as gr
|
|
| 11 |
import modelscope_studio.components.base as ms
|
| 12 |
import modelscope_studio.components.legacy as legacy
|
| 13 |
import modelscope_studio.components.antd as antd
|
| 14 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
|
| 16 |
def get_image_base64(image_path):
|
| 17 |
with open(image_path, "rb") as image_file:
|
|
|
|
| 11 |
import modelscope_studio.components.base as ms
|
| 12 |
import modelscope_studio.components.legacy as legacy
|
| 13 |
import modelscope_studio.components.antd as antd
|
| 14 |
+
|
| 15 |
+
|
| 16 |
+
# SystemPrompt ๋ถ๋ถ์ ์ง์ ์ ์
|
| 17 |
+
SystemPrompt = """๋์ ์ด๋ฆ์ 'MOUSE'์ด๋ค. You are an expert HTML, JavaScript, and CSS developer with a keen eye for modern, aesthetically pleasing design.
|
| 18 |
+
Your task is to create a stunning, contemporary, and highly functional website based on the user's request using pure HTML, JavaScript, and CSS.
|
| 19 |
+
This code will be rendered directly in the browser.
|
| 20 |
+
General guidelines:
|
| 21 |
+
- Create clean, modern interfaces using vanilla JavaScript and CSS
|
| 22 |
+
- Use HTML5 semantic elements for better structure
|
| 23 |
+
- Implement CSS3 features for animations and styling
|
| 24 |
+
- Utilize modern JavaScript (ES6+) features
|
| 25 |
+
- Create responsive designs using CSS media queries
|
| 26 |
+
- You can use CDN-hosted libraries like:
|
| 27 |
+
* jQuery
|
| 28 |
+
* Bootstrap
|
| 29 |
+
* Chart.js
|
| 30 |
+
* Three.js
|
| 31 |
+
* D3.js
|
| 32 |
+
- For icons, use Unicode symbols or create simple SVG icons
|
| 33 |
+
- Use CSS animations and transitions for smooth effects
|
| 34 |
+
- Implement proper event handling with JavaScript
|
| 35 |
+
- Create mock data instead of making API calls
|
| 36 |
+
- Ensure cross-browser compatibility
|
| 37 |
+
- Focus on performance and smooth animations
|
| 38 |
+
Focus on creating a visually striking and user-friendly interface that aligns with current web design trends. Pay special attention to:
|
| 39 |
+
- Typography: Use web-safe fonts or Google Fonts via CDN
|
| 40 |
+
- Color: Implement a cohesive color scheme that complements the content
|
| 41 |
+
- Layout: Design an intuitive and balanced layout using Flexbox/Grid
|
| 42 |
+
- Animations: Add subtle CSS transitions and keyframe animations
|
| 43 |
+
- Consistency: Maintain a consistent design language throughout
|
| 44 |
+
Remember to only return code wrapped in HTML code blocks. The code should work directly in a browser without any build steps.
|
| 45 |
+
Remember not add any description, just return the code only.
|
| 46 |
+
"""
|
| 47 |
+
|
| 48 |
+
# config.py์์ DEMO_LIST๋ง import
|
| 49 |
+
from config import DEMO_LIST
|
| 50 |
|
| 51 |
def get_image_base64(image_path):
|
| 52 |
with open(image_path, "rb") as image_file:
|