Spaces:
Sleeping
Sleeping
Kamran Zulfiqar
commited on
Update app.py
Browse files
app.py
CHANGED
@@ -33,4 +33,66 @@ st.markdown("""
|
|
33 |
margin-bottom: 10px;
|
34 |
font-weight: 600;
|
35 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
36 |
|
|
|
33 |
margin-bottom: 10px;
|
34 |
font-weight: 600;
|
35 |
}
|
36 |
+
.description {
|
37 |
+
font-size: 16px;
|
38 |
+
color: #333333;
|
39 |
+
}
|
40 |
+
.youtube-link {
|
41 |
+
margin-top: 10px;
|
42 |
+
font-size: 15px;
|
43 |
+
}
|
44 |
+
.youtube-link a {
|
45 |
+
color: #0077cc;
|
46 |
+
text-decoration: none;
|
47 |
+
font-weight: bold;
|
48 |
+
}
|
49 |
+
</style>
|
50 |
+
""", unsafe_allow_html=True)
|
51 |
+
|
52 |
+
# Title
|
53 |
+
st.markdown('<div class="title">📘 AutoCAD Commands Reference</div>', unsafe_allow_html=True)
|
54 |
+
|
55 |
+
# Command data
|
56 |
+
commands = [
|
57 |
+
{
|
58 |
+
"Command": "LINE",
|
59 |
+
"Description": "Creates straight line segments between two points.",
|
60 |
+
"YouTube": "https://www.youtube.com/watch?v=4Hsb5j5JH7A"
|
61 |
+
},
|
62 |
+
{
|
63 |
+
"Command": "CIRCLE",
|
64 |
+
"Description": "Creates a circle based on center point and radius.",
|
65 |
+
"YouTube": "https://www.youtube.com/watch?v=ZFbP13bU5Ck"
|
66 |
+
},
|
67 |
+
{
|
68 |
+
"Command": "TRIM",
|
69 |
+
"Description": "Trims objects to meet the edges of other objects.",
|
70 |
+
"YouTube": "https://www.youtube.com/watch?v=8QULwXuHEjM"
|
71 |
+
},
|
72 |
+
{
|
73 |
+
"Command": "EXTEND",
|
74 |
+
"Description": "Extends objects to reach the edges of other objects.",
|
75 |
+
"YouTube": "https://www.youtube.com/watch?v=EYYJSXruK4k"
|
76 |
+
},
|
77 |
+
{
|
78 |
+
"Command": "OFFSET",
|
79 |
+
"Description": "Creates concentric circles, parallel lines, and parallel curves.",
|
80 |
+
"YouTube": "https://www.youtube.com/watch?v=3AwYIjvQqek"
|
81 |
+
}
|
82 |
+
]
|
83 |
+
|
84 |
+
# Display in two columns
|
85 |
+
col1, col2 = st.columns(2)
|
86 |
+
|
87 |
+
for idx, cmd in enumerate(commands):
|
88 |
+
with (col1 if idx % 2 == 0 else col2):
|
89 |
+
st.markdown(f"""
|
90 |
+
<div class="command-box">
|
91 |
+
<div class="command-name">🛠️ {cmd['Command']}</div>
|
92 |
+
<div class="description">{cmd['Description']}</div>
|
93 |
+
<div class="youtube-link">
|
94 |
+
▶️ <a href="{cmd['YouTube']}" target="_blank">Watch on YouTube</a>
|
95 |
+
</div>
|
96 |
+
</div>
|
97 |
+
""", unsafe_allow_html=True)
|
98 |
|