Skip to content

Added Dark-Theme support for the Recipe, Resume Analyzer, and Knee Replacement Use Case #968

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Added Dark-Theme support for the Recipe, Resume Analyzer, and Knee Replacement Use Case #968

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 16 additions & 16 deletions Recipes/Creating_Workshop_Notebooks/Creating_Workshop_Notebooks.ipynb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,25 +14,25 @@
"</header>\n",
"\n",
"\n",
"<p style = 'font-size:18px;font-family:Arial;color:#00233C'><b>Introduction</b></p>\n",
"<p style = 'font-size:18px;font-family:Arial'><b>Introduction</b></p>\n",
"\n",
"<p style = 'font-size:16px;font-family:Arial;color:#00233C'>In an era where customer and prospect engagement is vital, especially during workshops and training sessions, creating an interactive and impactful learning experience can significantly enhance outcomes. Workshops often involve passive learning, where participants either observe pre-written code demonstrations or execute them without active involvement. This results in shallow learning experiences, limited engagement, and challenges in catering to varied skill levels within an audience.<br> This notebook addresses these issues by converting code cells into interactive exercises. The create_exercise function intelligently replaces parts of the code in the original notebook with placeholders, requiring participants to actively fill in the gaps. It provides hints and solutions, enabling self-paced learning and accommodating diverse skill levels. Trainers can seamlessly integrate it into existing workshops, ensuring an engaging and productive environment.</p>\n",
"<p style = 'font-size:18px;font-family:Arial;color:#00233C'><b>Key Features</b></p>\n",
"<li style = 'font-size:16px;font-family:Arial;color:#00233C'><b>Interactive Exercises:</b> Converts static code cells into exercises with placeholders.</li>\n",
"<li style = 'font-size:16px;font-family:Arial;color:#00233C'><b>Hints and Solutions:</b> Offers guidance to participants and solutions that can be collapsed or expanded.</li>\n",
"<li style = 'font-size:16px;font-family:Arial;color:#00233C'><b>Self-Paced Learning:</b> Supports individual progress while maintaining the workshop flow.</li>\n",
"<li style = 'font-size:16px;font-family:Arial;color:#00233C'><b>Seamless Integration:</b> Works with existing demos in environments like Kiosk Experience.</li>\n",
"<li style = 'font-size:16px;font-family:Arial;color:#00233C'><b>Customizable Output:</b> Allows trainers to adjust exercises and hints for relevance and clarity.</li></p>"
"<p style = 'font-size:16px;font-family:Arial'>In an era where customer and prospect engagement is vital, especially during workshops and training sessions, creating an interactive and impactful learning experience can significantly enhance outcomes. Workshops often involve passive learning, where participants either observe pre-written code demonstrations or execute them without active involvement. This results in shallow learning experiences, limited engagement, and challenges in catering to varied skill levels within an audience.<br> This notebook addresses these issues by converting code cells into interactive exercises. The create_exercise function intelligently replaces parts of the code in the original notebook with placeholders, requiring participants to actively fill in the gaps. It provides hints and solutions, enabling self-paced learning and accommodating diverse skill levels. Trainers can seamlessly integrate it into existing workshops, ensuring an engaging and productive environment.</p>\n",
"<p style = 'font-size:18px;font-family:Arial'><b>Key Features</b></p>\n",
"<li style = 'font-size:16px;font-family:Arial'><b>Interactive Exercises:</b> Converts static code cells into exercises with placeholders.</li>\n",
"<li style = 'font-size:16px;font-family:Arial'><b>Hints and Solutions:</b> Offers guidance to participants and solutions that can be collapsed or expanded.</li>\n",
"<li style = 'font-size:16px;font-family:Arial'><b>Self-Paced Learning:</b> Supports individual progress while maintaining the workshop flow.</li>\n",
"<li style = 'font-size:16px;font-family:Arial'><b>Seamless Integration:</b> Works with existing demos in environments like Kiosk Experience.</li>\n",
"<li style = 'font-size:16px;font-family:Arial'><b>Customizable Output:</b> Allows trainers to adjust exercises and hints for relevance and clarity.</li></p>"
]
},
{
"cell_type": "markdown",
"id": "4b8d6485-f144-4258-a7b9-0f6dc9bc3676",
"metadata": {},
"source": [
"<hr style=\"height:2px;border:none;background-color:#00233C;\">\n",
"<p style = 'font-size:20px;font-family:Arial;color:#00233C'><b>1. Configure the environment</b></p>\n",
"<p style = 'font-size:16px;font-family:Arial;color:#00233C'>In the section, we import the required libraries, get the openAI key and the path of the notebook we want to create the excercise notebook for.</p>"
"<hr style=\"height:2px;border:none;\">\n",
"<p style = 'font-size:20px;font-family:Arial'><b>1. Configure the environment</b></p>\n",
"<p style = 'font-size:16px;font-family:Arial'>In the section, we import the required libraries, get the openAI key and the path of the notebook we want to create the excercise notebook for.</p>"
]
},
{
Expand Down Expand Up @@ -64,7 +64,7 @@
"id": "6d9d2128-f302-4a74-9e41-53f801991d42",
"metadata": {},
"source": [
"<p style = 'font-size:16px;font-family:Arial;color:#00233C'>Next we will get the path of the notebook we want to create the excercise notebook for. </p>"
"<p style = 'font-size:16px;font-family:Arial'>Next we will get the path of the notebook we want to create the excercise notebook for. </p>"
]
},
{
Expand All @@ -83,7 +83,7 @@
"id": "8e664235-2a63-4850-bec5-29ee6e7237a8",
"metadata": {},
"source": [
"<p style = 'font-size:16px;font-family:Arial;color:#00233C'>Get the openAi key </p>"
"<p style = 'font-size:16px;font-family:Arial'>Get the openAi key </p>"
]
},
{
Expand All @@ -101,7 +101,7 @@
"id": "a9530a23-703a-41cf-9091-eabdbc42e25c",
"metadata": {},
"source": [
"<p style = 'font-size:16px;font-family:Arial;color:#00233C'>Call the create_exercise code to create the excercise notebook.</p>"
"<p style = 'font-size:16px;font-family:Arial'>Call the create_exercise code to create the excercise notebook.</p>"
]
},
{
Expand All @@ -119,7 +119,7 @@
"id": "1bf339fb-9af4-4716-9e39-9b23f007d886",
"metadata": {},
"source": [
"<p style = 'font-size:16px;font-family:Arial;color:#00233C'>The excercise notebook will be created at the same path as the original notebook having name \"_with-exercise\" appended at the end of notebook name. The next step is to review and adjust the notebook as required. The below image shows the original notebook and the exercise version notebook created using the python function above.</p>\n",
"<p style = 'font-size:16px;font-family:Arial'>The excercise notebook will be created at the same path as the original notebook having name \"_with-exercise\" appended at the end of notebook name. The next step is to review and adjust the notebook as required. The below image shows the original notebook and the exercise version notebook created using the python function above.</p>\n",
"<img src=\"create_exercise/review_and_adjust.png\"/>"
]
},
Expand All @@ -128,7 +128,7 @@
"id": "d976f3b2-fa95-49af-bc0d-fbcbb3721ea9",
"metadata": {},
"source": [
"<footer style=\"padding-bottom:35px; background:#f9f9f9; border-bottom:3px solid #00233C\">\n",
"<footer style=\"padding-bottom:35px; border-bottom:3px solid #91A0Ab\">\n",
"<div style=\"float:left;margin-top:14px\">ClearScape Analytics™</div>\n",
"<div style=\"float:right;\">\n",
"<div style=\"float:left; margin-top:14px\">\n",
Expand Down
Loading
Loading