Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -32,7 +32,7 @@ def render_mermaid(mermaid_code, height=500):
|
|
| 32 |
html_code = f"""
|
| 33 |
<html>
|
| 34 |
<head>
|
| 35 |
-
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
| 36 |
<style>
|
| 37 |
body {{
|
| 38 |
background-color: white;
|
|
@@ -197,7 +197,7 @@ md_picture_mnemonic = r'''
|
|
| 197 |
|
| 198 |
**Mnemonic:** A mnemonic is a memory aid using patterns or associations to enhance recall. Here, we apply the pegword technique by pairing each number with a vivid image to quickly remember complex information.
|
| 199 |
*(Adapted from McCarthy, M. J. (2007). Mastering the INFORMATION AGE: A Course in Working Smarter, Thinking Better, and Learning Faster. [1])*
|
| 200 |
-
|
| 201 |
[1] McCarthy, M. J. (2007). *Mastering the INFORMATION AGE: A Course in Working Smarter, Thinking Better, and Learning Faster*. Retrieved from https://www.example.com/reference
|
| 202 |
'''
|
| 203 |
|
|
@@ -314,27 +314,27 @@ graph TD
|
|
| 314 |
|
| 315 |
def main():
|
| 316 |
st.set_page_config(page_title="Densified Skill Tree", layout="wide")
|
| 317 |
-
st.markdown(md_combined_outline)
|
| 318 |
-
st.markdown(md_submodels_outline)
|
| 319 |
for area, mermaid_code in mermaid_areas.items():
|
| 320 |
st.subheader(area)
|
| 321 |
render_mermaid(mermaid_code, height=300)
|
| 322 |
render_mermaid(combined_mermaid, height=800)
|
| 323 |
|
| 324 |
st.header("📖 Glossary")
|
| 325 |
-
st.markdown(md_glossary)
|
| 326 |
|
| 327 |
st.header("🐍 Python Libraries Guide")
|
| 328 |
-
st.markdown(md_python_libraries)
|
| 329 |
|
| 330 |
st.header("💻 JavaScript Libraries Guide")
|
| 331 |
-
st.markdown(md_js_libraries)
|
| 332 |
|
| 333 |
st.header("🖼 Picture Mnemonic Outline")
|
| 334 |
-
st.markdown(md_picture_mnemonic)
|
| 335 |
|
| 336 |
st.header("🐦 Tweet Summary")
|
| 337 |
-
st.markdown(md_tweet)
|
| 338 |
|
| 339 |
if __name__ == "__main__":
|
| 340 |
-
main()
|
|
|
|
| 32 |
html_code = f"""
|
| 33 |
<html>
|
| 34 |
<head>
|
| 35 |
+
<script src="https://cdn.jsdelivr.net/npm/mermaid@8.13.6/dist/mermaid.min.js"></script>
|
| 36 |
<style>
|
| 37 |
body {{
|
| 38 |
background-color: white;
|
|
|
|
| 197 |
|
| 198 |
**Mnemonic:** A mnemonic is a memory aid using patterns or associations to enhance recall. Here, we apply the pegword technique by pairing each number with a vivid image to quickly remember complex information.
|
| 199 |
*(Adapted from McCarthy, M. J. (2007). Mastering the INFORMATION AGE: A Course in Working Smarter, Thinking Better, and Learning Faster. [1])*
|
| 200 |
+
|
| 201 |
[1] McCarthy, M. J. (2007). *Mastering the INFORMATION AGE: A Course in Working Smarter, Thinking Better, and Learning Faster*. Retrieved from https://www.example.com/reference
|
| 202 |
'''
|
| 203 |
|
|
|
|
| 314 |
|
| 315 |
def main():
|
| 316 |
st.set_page_config(page_title="Densified Skill Tree", layout="wide")
|
| 317 |
+
st.markdown(md_combined_outline, unsafe_allow_html=True)
|
| 318 |
+
st.markdown(md_submodels_outline, unsafe_allow_html=True)
|
| 319 |
for area, mermaid_code in mermaid_areas.items():
|
| 320 |
st.subheader(area)
|
| 321 |
render_mermaid(mermaid_code, height=300)
|
| 322 |
render_mermaid(combined_mermaid, height=800)
|
| 323 |
|
| 324 |
st.header("📖 Glossary")
|
| 325 |
+
st.markdown(md_glossary, unsafe_allow_html=True)
|
| 326 |
|
| 327 |
st.header("🐍 Python Libraries Guide")
|
| 328 |
+
st.markdown(md_python_libraries, unsafe_allow_html=True)
|
| 329 |
|
| 330 |
st.header("💻 JavaScript Libraries Guide")
|
| 331 |
+
st.markdown(md_js_libraries, unsafe_allow_html=True)
|
| 332 |
|
| 333 |
st.header("🖼 Picture Mnemonic Outline")
|
| 334 |
+
st.markdown(md_picture_mnemonic, unsafe_allow_html=True)
|
| 335 |
|
| 336 |
st.header("🐦 Tweet Summary")
|
| 337 |
+
st.markdown(md_tweet, unsafe_allow_html=True)
|
| 338 |
|
| 339 |
if __name__ == "__main__":
|
| 340 |
+
main()
|