-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSkills Network Labs.html
58 lines (48 loc) · 60.8 KB
/
Skills Network Labs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<!-- saved from url=(0101)https://labs.cognitiveclass.ai/v2/tools/jupyterlab?ulid=ulid-93f520aea64afe0309589eeece13d34f959a4f1c -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script async="" src="./Skills Network Labs_files/l.js.download"></script>
<!--<base href="/">--><base href=".">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="https://labs.cognitiveclass.ai/static/images/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Labs environment for data science with Jupyter, R, and Scala.">
<title>Skills Network Labs</title>
<script>
!function () { const e = ['debug', 'destroy', 'do', 'help', 'identify', 'is', 'off', 'on', 'ready', 'render', 'reset', 'safe', 'set']; if (window.noticeable) console.warn('Noticeable SDK code snippet loaded more than once'); else { const n = function (e) { return function () { const n = Array.prototype.slice.call(arguments); return n.unshift(e), t.push(n), t } }; var t = window.noticeable = window.noticeable || []; !function () { for (let o = 0; o < e.length; o++) { const r = e[o]; t[r] = n(r) } }(), function () { const e = document.createElement('script'); e.async = !0, e.src = 'https://sdk.noticeable.io/l.js'; const n = document.head; n.insertBefore(e, n.firstChild) }() } }();
</script>
<script type="module" crossorigin="" src="./Skills Network Labs_files/index-b11942f6.js.download"></script>
<link rel="stylesheet" href="./Skills Network Labs_files/index-5a72741c.css">
<style id="_goober"> @keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}</style></head>
<body style="overflow: hidden;">
<div id="root"><div class="flex w-screen h-screen bg-slate-100 dark:bg-slate-950 text-slate-900 dark:text-slate-50"><div class="flex w-full h-full "><div style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;"></div><div class="bg-gradient-to-t from-purple-100 to-grey-100 dark:from-slate-950 dark:to-[#1b1843] "><header class="flex z-10 flex-col rounded-r-2xl justify-between w-16 px-2.5 py-6 h-full bg-white dark:bg-indigo-950"><div class=""><svg class="text-gray-600 dark:text-gray-200" viewBox="0 0 328 329" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="164.002" cy="164.744" r="158.737" stroke="currentColor" stroke-width="10.5047"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M169.255 283.1C167.514 283.176 165.763 283.214 164.003 283.214C98.5739 283.214 45.5334 230.173 45.5334 164.745C45.5334 99.3157 98.5739 46.2752 164.003 46.2752C229.432 46.2752 282.472 99.3157 282.472 164.745C282.472 221.148 243.055 268.346 190.264 280.293V291.043C248.901 278.913 292.977 226.976 292.977 164.745C292.977 93.5141 235.233 35.7705 164.003 35.7705C92.7723 35.7705 35.0287 93.5141 35.0287 164.745C35.0287 235.975 92.7723 293.719 164.003 293.719C165.762 293.719 167.513 293.683 169.255 293.614V283.1Z" fill="#6C4DEA"></path><line x1="164.002" y1="293.719" x2="164.002" y2="214.302" stroke="#6C4DEA" stroke-width="10.5047"></line><path d="M163.711 99.9658L163.711 136.168" stroke="#6C4DEA" stroke-width="7.58671"></path><circle cx="163.955" cy="91.1652" r="11.0883" transform="rotate(126 163.955 91.1652)" stroke="#6C4DEA" stroke-width="7.00311"></circle><line x1="189.15" y1="126.196" x2="172.244" y2="143.099" stroke="#6C4DEA" stroke-width="7.58671"></line><line x1="163.711" y1="160.659" x2="163.711" y2="196.842" stroke="#6C4DEA" stroke-width="7.58671"></line><circle cx="164.003" cy="147.923" r="11.0883" transform="rotate(126 164.003 147.923)" stroke="#6C4DEA" stroke-width="7.00311"></circle><circle cx="195.376" cy="120.345" r="11.0883" transform="rotate(126 195.376 120.345)" stroke="currentColor" stroke-width="7.00311"></circle><line y1="-3.79335" x2="23.9072" y2="-3.79335" transform="matrix(0.70719 0.707023 0.707023 -0.70719 141.537 123.513)" stroke="#6C4DEA" stroke-width="7.58671"></line><circle r="11.0883" transform="matrix(0.587786 0.809017 0.809017 -0.587786 132.629 120.344)" stroke="#6C4DEA" stroke-width="7.00311"></circle><line x1="188.685" y1="183.296" x2="171.778" y2="200.199" stroke="#6C4DEA" stroke-width="7.58671"></line><line y1="-3.79335" x2="23.9072" y2="-3.79335" transform="matrix(0.70719 0.707023 0.707023 -0.70719 203.818 180.613)" stroke="#6C4DEA" stroke-width="7.58671"></line><circle r="11.0883" transform="matrix(0.587786 0.809017 0.809017 -0.587786 225.819 205.363)" stroke="currentColor" stroke-width="7.00311"></circle><line x1="219.594" y1="155.377" x2="202.687" y2="172.28" stroke="#6C4DEA" stroke-width="7.58671"></line><circle cx="194.911" cy="177.445" r="11.0883" transform="rotate(126 194.911 177.445)" stroke="#6C4DEA" stroke-width="7.00311"></circle><circle cx="225.819" cy="149.526" r="11.0883" transform="rotate(126 225.819 149.526)" stroke="#6C4DEA" stroke-width="7.00311"></circle><line y1="-3.79335" x2="23.9072" y2="-3.79335" transform="matrix(0.70719 0.707023 0.707023 -0.70719 142.002 180.613)" stroke="#6C4DEA" stroke-width="7.58671"></line><line x1="126.868" y1="183.296" x2="109.961" y2="200.199" stroke="#6C4DEA" stroke-width="7.58671"></line><circle cx="102.186" cy="205.363" r="11.0883" transform="rotate(126 102.186 205.363)" stroke="#6C4DEA" stroke-width="7.00311"></circle><line y1="-3.79335" x2="23.9072" y2="-3.79335" transform="matrix(0.70719 0.707023 0.707023 -0.70719 111.093 152.694)" stroke="#6C4DEA" stroke-width="7.58671"></line><circle r="11.0883" transform="matrix(0.587786 0.809017 0.809017 -0.587786 133.094 177.445)" stroke="currentColor" stroke-width="7.00311"></circle><circle r="11.0883" transform="matrix(0.587786 0.809017 0.809017 -0.587786 102.185 149.526)" stroke="#6C4DEA" stroke-width="7.00311"></circle><circle cx="164.003" cy="204.681" r="11.0883" transform="rotate(126 164.003 204.681)" stroke="#6C4DEA" stroke-width="7.00311"></circle></svg><nav class="flex grow mt-14"><ul class="w-full space-y-2" id="tabs"><li class="relative"><a href="https://labs.cognitiveclass.ai/#tai-chat" class="flex group mx-auto px-1.5 py-2 items-center rounded-xl border border-transparent"><svg class="false opacity-50" width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="currentColor" stroke="currentColor"><path d="M14.6871 19.4095C14.3369 19.3766 12.4273 19.4095 11.6591 19.4095L6.6091 24.9034V18.6748C5.89736 18.5981 5.19692 18.5213 4.49647 18.4226C2.542 18.1485 1.14111 16.2843 1.14111 14.1459V5.91058C1.14111 3.76128 2.542 1.90805 4.49647 1.6339C6.98192 1.283 9.51256 1.10754 12.0884 1.10754C14.6303 1.10754 17.161 1.283 19.6803 1.6339C21.6348 1.90805 23.0357 3.77224 23.0357 5.91058" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.425 20.8248C18.0339 20.8864 13.7188 20.0451 12.7004 16.3723C12.0075 13.3253 12.5009 9.49857 15.7241 8.05201C18.0549 6.96453 20.7531 6.81064 23.2938 7.08764C23.6113 7.12225 24.4068 7.00514 24.9737 6.44088C25.5617 5.95869 27.9457 4.30272 28.1234 4.38962C28.74 4.69108 27.6614 8.55518 28.1234 9.00659C30.7901 10.8635 30.8951 14.0742 29.9922 16.916C28.6483 20.2503 24.6797 20.8043 21.4355 20.8351L21.425 20.8248Z" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"></path></g><g fill="currentColor"><circle cx="17.5" cy="13.5" r="1.5"></circle><circle cx="25.5" cy="13.5" r="1.5"></circle></g></svg><span class="absolute z-50 w-auto p-2 text-xs font-bold capitalize transition-all duration-100 origin-left scale-0 bg-white rounded-md shadow-md dark:bg-slate-800 text-slate-800 dark:text-slate-100 min-w-max left-16 group-hover:delay-700 group-hover:scale-100">Tai is unavailable</span></a></li><li><a class="flex group mx-auto p-2 items-center rounded-xl border border-transparent"><svg class="group-hover:text-indigo-300 opacity-50 transition-colors" width="26" height="26" viewBox="0 0 19 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.50053 19.8564V13.856M9.50053 13.856C10.0402 13.8565 10.5778 13.7839 11.1005 13.64M9.50053 13.856C8.96084 13.8565 8.42325 13.7839 7.90053 13.64M11.9005 22.1869C10.3147 22.5096 8.68636 22.5096 7.10053 22.1869M11.1005 24.9105C10.0368 25.0298 8.96429 25.0298 7.90053 24.9105M11.9005 19.8564V19.637C11.9005 18.5135 12.6024 17.5534 13.5091 16.99C15.0323 16.0448 16.222 14.5878 16.894 12.8446C17.566 11.1014 17.6827 9.16944 17.226 7.34799C16.7694 5.52654 15.7648 3.91732 14.368 2.76967C12.9712 1.62202 11.2602 1 9.5 1C7.73982 1 6.02878 1.62202 4.63199 2.76967C3.2352 3.91732 2.23063 5.52654 1.77395 7.34799C1.31727 9.16944 1.43397 11.1014 2.10596 12.8446C2.77796 14.5878 3.96773 16.0448 5.49093 16.99C6.3976 17.5534 7.10053 18.5135 7.10053 19.637V19.8564" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="absolute z-50 w-auto p-2 text-xs font-bold capitalize transition-all duration-100 origin-left scale-0 bg-white rounded-md shadow-md dark:bg-slate-800 text-slate-800 dark:text-slate-100 min-w-max left-16 group-hover:delay-700 group-hover:scale-100">Coming Soon!</span></a></li></ul></nav></div><div class="space-y-5"><div class="flex items-center justify-center group"><button class="relative"><svg viewBox="0 0 48 48" class="mx-auto transition-colors cursor-pointer group-hover:text-indigo-300" width="28" height="28" xmlns="http://www.w3.org/2000/svg"><title></title><path fill="currentColor" d="M40.62,28.34l-.87-.7A2,2,0,0,1,39,26.08V18A15,15,0,0,0,26.91,3.29a3,3,0,0,0-5.81,0A15,15,0,0,0,9,18v8.08a2,2,0,0,1-.75,1.56l-.87.7a9,9,0,0,0-3.38,7V37a4,4,0,0,0,4,4h8.26a8,8,0,0,0,15.47,0H40a4,4,0,0,0,4-4V35.36A9,9,0,0,0,40.62,28.34ZM24,43a4,4,0,0,1-3.44-2h6.89A4,4,0,0,1,24,43Zm16-6H8V35.36a5,5,0,0,1,1.88-3.9l.87-.7A6,6,0,0,0,13,26.08V18a11,11,0,0,1,22,0v8.08a6,6,0,0,0,2.25,4.69l.87.7A5,5,0,0,1,40,35.36Z"></path></svg><span class="absolute flex items-center justify-center w-4 h-4 text-xs text-white bg-red-500 rounded-full dark:bg-red-600 -top-1 -right-1">1</span></button><div class="scale-95 invisible opacity-0 ease-out w-96 max-h-[30rem] absolute flex flex-col z-50 text-sm transition-all duration-100 bg-white shadow-md rounded-3xl dark:bg-gray-900 text-slate-800 dark:text-slate-100 left-16 origin-left dark:border-gray-600 border border-gray-300 hide-scrollbar"><div class="flex items-center justify-between px-6 pt-5 pb-3 border-b border-gray-300 dark:border-gray-600"><h2 class="text-xl font-bold">Inbox</h2><button class="flex items-center text-xs text-gray-500 gap-x-2 hover:text-gray-700 dark:text-slate-400 dark:hover:text-slate-200"><svg viewBox="0 0 48 48" class="w-4 h-4" xmlns="http://www.w3.org/2000/svg"><title></title><path fill="currentColor" d="M40.62,28.34l-.87-.7A2,2,0,0,1,39,26.08V18A15,15,0,0,0,26.91,3.29a3,3,0,0,0-5.81,0A15,15,0,0,0,9,18v8.08a2,2,0,0,1-.75,1.56l-.87.7a9,9,0,0,0-3.38,7V37a4,4,0,0,0,4,4h8.26a8,8,0,0,0,15.47,0H40a4,4,0,0,0,4-4V35.36A9,9,0,0,0,40.62,28.34ZM24,43a4,4,0,0,1-3.44-2h6.89A4,4,0,0,1,24,43Zm16-6H8V35.36a5,5,0,0,1,1.88-3.9l.87-.7A6,6,0,0,0,13,26.08V18a11,11,0,0,1,22,0v8.08a6,6,0,0,0,2.25,4.69l.87.7A5,5,0,0,1,40,35.36Z"></path></svg><span class="">Mark all as read</span></button></div><div class="flex flex-col flex-1 px-5 py-3.5 mb-0.5 overflow-y-scroll rounded-b-3xl gap-y-3"><div class="relative flex flex-col justify-between gap-2 p-3 transition-colors border border-gray-300 shadow-md dark:border-gray-700 dark:bg-gray-800 rounded-xl bg-gray-50"><div class="flex flex-row justify-between"><div class="flex items-center gap-2"><div class="w-2.5 h-2.5 rounded-full bg-blue-500 dark:bg-blue-600"></div><div class="text-base font-semibold">Offer from IBM</div><span class="text-xs text-gray-500">9 seconds ago</span></div><button class="text-gray-500 transition-all hover:text-gray-400 focus:outline-none"><svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex-1"><p>Get a <a href="https://dataplatform.cloud.ibm.com/registration/stepone?context=wx&apps=data_science_experience,watson_data_platform,cos&utm_source=skills_network&utm_content=000026UJ&utm_id=NA-SkillsNetwork-Channel-Jupyterlab-2024-01-12&utm_medium=tool_banner" target="_blank" rel="noopener noreferrer" class="text-indigo-400 underline transition-colors dark:text-indigo-300 hover:text-indigo-500 dark:hover:text-indigo-400" node="[object Object]">free trial</a> of IBM watsonx.ai, our new studio for foundational models, generative AI and machine learning</p></div><div class="mt-2 space-x-2"><button class="transition px-2 py-1.5 text-xs text-white font-medium dark:bg-indigo-600 rounded-md dark:hover:bg-indigo-500 bg-indigo-500 hover:bg-indigo-600 focus:outline-none focus:ring-0 border border-indigo-500 dark:hover:border-indigo-500 dark:border-indigo-600 hover:border-indigo-600 shadow-sm hover:shadow-md dark:shadow-none"><a href="https://dataplatform.cloud.ibm.com/registration/stepone?context=wx&apps=data_science_experience,watson_data_platform,cos&utm_source=skills_network&utm_content=000026UJ&utm_id=NA-SkillsNetwork-Channel-Jupyterlab-2024-01-12&utm_medium=tool_banner)" target="_blank" rel="noopener noreferrer" class="">Check it out</a></button><button class="px-2 py-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 capitalize transition border dark:border-gray-500 rounded-md dark:hover:text-gray-500 focus:outline-none focus:ring-0 border-gray-500 hover:text-gray-600 shadow hover:shadow-md dark:shadow-none">not interested</button></div></div><div class="flex items-center justify-center h-8 cursor-pointer">View read messages<svg class="transition " width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" d="M6 9L10 13L14 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><span class="absolute z-40 w-auto p-2 text-xs font-bold capitalize transition-all duration-100 origin-left scale-0 bg-white rounded-md shadow-md dark:bg-slate-800 text-slate-800 dark:text-slate-100 min-w-max left-16 group-hover:delay-700 group-hover:scale-100">Inbox</span></div><button class="flex items-center mx-auto group" id="noticeable-icon"><svg class="transition-colors group-hover:text-indigo-300" width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_514_1037)"><path d="M11.327 18.1616C10.4264 18.0843 9.5127 18.0457 8.59115 18.0457H7.60938C6.04708 18.0457 4.54878 17.4351 3.44407 16.3482C2.33937 15.2613 1.71875 13.7872 1.71875 12.2501C1.71875 10.7131 2.33937 9.23894 3.44407 8.15207C4.54878 7.0652 6.04708 6.4546 7.60938 6.4546H8.59115C9.5127 6.4546 10.4264 6.41597 11.327 6.33869M11.327 18.1616C11.6582 19.4005 12.0915 20.5983 12.6164 21.7458C12.9397 22.4541 12.6949 23.3041 12.0103 23.6918L11.1503 24.1812C10.429 24.5907 9.50092 24.3319 9.15141 23.5875C8.32187 21.8218 7.68982 19.9727 7.26641 18.0727M11.327 18.1616C10.8125 16.2319 10.553 14.2451 10.5547 12.2501C10.5547 10.2075 10.823 8.22675 11.327 6.33869M11.327 18.1616C15.3608 18.5017 19.2888 19.6106 22.8923 21.4264M11.327 6.33869C15.3608 5.99858 19.2888 4.88972 22.8923 3.07388M22.8923 21.4264C22.7378 21.9158 22.5716 22.3974 22.3948 22.8753M22.8923 21.4264C23.6044 19.1681 24.0498 16.8367 24.2196 14.4782M22.8923 3.07388C22.7388 2.58692 22.5729 2.1038 22.3948 1.625M22.8923 3.07388C23.6044 5.33213 24.0498 7.66355 24.2196 10.0221M24.2196 10.0221C24.8676 10.554 25.2813 11.355 25.2813 12.2501C25.2813 13.1452 24.8676 13.9463 24.2196 14.4782M24.2196 10.0221C24.327 11.5056 24.327 12.9947 24.2196 14.4782" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clippath id="clip0_514_1037"><rect width="26" height="26" fill="white" transform="translate(0.5)"></rect></clippath></defs></svg><span class="absolute z-50 w-auto p-2 text-xs font-bold capitalize transition-all duration-100 origin-left scale-0 bg-white rounded-md shadow-md dark:bg-slate-800 text-slate-800 dark:text-slate-100 min-w-max left-16 group-hover:delay-700 group-hover:scale-100">What's new</span></button><button class="flex items-center mx-auto group"><svg class="transition-colors disabled:opacity-50 group-hover:text-indigo-300" width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5836 8.33863C13.1937 6.92925 15.8063 6.92925 17.4164 8.33863C19.0279 9.748 19.0279 12.0332 17.4164 13.4426C17.1373 13.6887 16.8251 13.8909 16.4951 14.0504C15.4708 14.5468 14.5014 15.424 14.5014 16.5625V17.5938M26.875 14.5C26.875 16.1251 26.5549 17.7343 25.933 19.2357C25.3111 20.7371 24.3996 22.1013 23.2504 23.2504C22.1013 24.3996 20.7371 25.3111 19.2357 25.933C17.7343 26.5549 16.1251 26.875 14.5 26.875C12.8749 26.875 11.2657 26.5549 9.76429 25.933C8.26289 25.3111 6.89868 24.3996 5.74955 23.2504C4.60043 22.1013 3.68889 20.7371 3.06699 19.2357C2.44509 17.7343 2.125 16.1251 2.125 14.5C2.125 11.2179 3.42879 8.07032 5.74955 5.74955C8.07032 3.42879 11.2179 2.125 14.5 2.125C17.7821 2.125 20.9297 3.42879 23.2504 5.74955C25.5712 8.07032 26.875 11.2179 26.875 14.5ZM14.5 21.7188H14.511V21.7297H14.5V21.7188Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="absolute z-50 w-auto p-2 text-xs font-bold capitalize transition-all duration-100 origin-left scale-0 bg-white rounded-md shadow-md dark:bg-slate-800 text-slate-800 dark:text-slate-100 min-w-max left-16 group-hover:delay-700 group-hover:scale-100">Support</span></button><div class="flex items-center group"><svg class="mx-auto transition-colors cursor-pointer group-hover:text-indigo-300" width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.186 8.4467H23L19.2952 4.78205C18.1025 3.60295 16.6167 2.75503 14.9874 2.32353C13.358 1.89203 11.6425 1.89216 10.0132 2.3239C8.38389 2.75564 6.89829 3.60378 5.70572 4.78305C4.51315 5.96233 3.65564 7.43118 3.2194 9.04193M2.00116 20.3007V14.5533M2.00116 14.5533H7.81515M2.00116 14.5533L5.70479 18.2179C6.89753 19.397 8.38327 20.245 10.0126 20.6765C11.642 21.108 13.3575 21.1078 14.9868 20.6761C16.6161 20.2444 18.1017 19.3962 19.2943 18.2169C20.4869 17.0377 21.3444 15.5688 21.7806 13.9581M23 2.69932V8.4444" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="scale-95 invisible absolute z-50 w-auto text-sm capitalize transition-all duration-100 bg-white shadow-md rounded-3xl dark:bg-slate-800 text-slate-800 dark:text-slate-100 origin-left min-w-max left-16 border dark:border-gray-600 border-gray-300"><button disabled="" class="flex items-center w-full px-3 pt-3 pb-2 'hover:bg-gray-100 dark:hover:bg-slate-900 disabled:opacity-50 disabled:cursor-not-allowed gap-x-2 rounded-t-3xl"><svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3202 1V23M3.02107 23H18.9789C19.8186 23 20.5 22.2608 20.5 21.35V2.65C20.5 1.7392 19.8186 1 18.9789 1H3.02107C2.18144 1 1.5 1.7392 1.5 2.65V21.35C1.5 22.2608 2.18144 23 3.02107 23Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><rect x="1.5" y="1" width="9.39326" height="21.3053" fill="currentColor"></rect></svg><p class="capitalize">Reset Chat</p></button><button disabled="" class="flex items-center w-full px-3 pt-2 pb-3 disabled:opacity-50 gap-x-2 rounded-b-3xl disabled:cursor-not-allowed hover:bg-gray-100 dark:hover:bg-slate-900"><svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3202 1V23M3.02107 23H18.9789C19.8186 23 20.5 22.2608 20.5 21.35V2.65C20.5 1.7392 19.8186 1 18.9789 1H3.02107C2.18144 1 1.5 1.7392 1.5 2.65V21.35C1.5 22.2608 2.18144 23 3.02107 23Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><rect x="10.8936" y="1" width="9.39326" height="21.3053" fill="currentColor"></rect></svg><p class="capitalize">Reset Lab</p></button></div><span class="absolute z-40 w-auto p-2 text-xs font-bold capitalize transition-all duration-100 origin-left scale-0 bg-white rounded-md shadow-md dark:bg-slate-800 text-slate-800 dark:text-slate-100 min-w-max left-16 group-hover:delay-700 group-hover:scale-100">Reset</span></div><button><svg id="toggle-theme" class="w-full px-2 text-black transition-all duration-200 cursor-pointer hover:text-emphasis-hover dark:text-gray-100 dark:hover:text-blue-300 hover:text-yellow-500 opacity-100 " aria-hidden="true" viewBox="0 0 24 24"><mask class="moon" id="moon-mask"><rect x="0" y="0" width="100%" height="100%" fill="white"></rect><circle cx="24" cy="10" r="6" fill="black"></circle></mask><circle class="sun" cx="12" cy="12" r="6" mask="url(#moon-mask)" fill="currentColor"></circle><g class="sun-beams" stroke="currentColor" stroke-width="2px"><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></g></svg></button><hr class="mx-1 opacity-70"><div class="flex items-end group"><button class="w-full"><img class="rounded-full" src="./Skills Network Labs_files/profile-picture.png" alt="User profile pic"></button></div></div></header></div><main class="flex w-full h-full"><div class="flex w-full"><section class="h-full overflow-hidden bg-gradient-to-t from-purple-100 to-grey-100 dark:from-slate-950 dark:to-[#1b1843] hidden" style="width: calc(40% - 2.5px);"><div class="w-full h-full "><div class="relative w-full h-full @container"><div class="flex flex-col w-full h-full transition-all duration-200 "><div class="flex flex-col items-center justify-center h-full"><div class="flex flex-col items-center justify-center gap-4"><div class="w-56" alt="Tai"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 900" width="1200" height="900" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clippath id="__lottie_element_141"><rect width="1200" height="900" x="0" y="0"></rect></clippath><clippath id="__lottie_element_183"><path d="M0,0 L20000,0 L20000,20000 L0,20000z"></path></clippath><clippath id="__lottie_element_221"><path d="M0,0 L20000,0 L20000,20000 L0,20000z"></path></clippath><g id="__lottie_element_224"><g clip-path="url(#__lottie_element_225)" transform="matrix(1,0,0,1,0,0)" opacity="1" style="display: block;"><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(0,0,0)" fill-opacity="1" d=" M267.29266357421875,98.42058563232422 C260.2526550292969,79.09058380126953 246.50265502929688,63.55058288574219 228.462646484375,52.73058319091797 C225.0426483154297,50.7205810546875 222.12265014648438,48.2105827331543 220.16265869140625,44.760581970214844 C211.72265625,31.850582122802734 227.74266052246094,10.02058219909668 211.07264709472656,1.3605824708938599 C191.3526611328125,-7.249417304992676 186.95265197753906,27.550582885742188 170.2626495361328,34.43058395385742 C164.07264709472656,38.16058349609375 156.9226531982422,37.450584411621094 150.0426483154297,37.760581970214844 C142.20265197753906,38.1105842590332 134.33265686035156,38.40058135986328 126.51265716552734,39.18058395385742 C83.73265075683594,45.23058319091797 40.28265380859375,56.91058349609375 15.672654151916504,93.68058013916016 C-0.7373459935188293,117.2005844116211 -2.3173460960388184,145.8505859375 2.152653932571411,173.36058044433594 C5.972653865814209,196.8905792236328 19.162654876708984,221.1405792236328 43.53265380859375,228.20057678222656 C86.63265228271484,240.6805877685547 153.0926513671875,243.3005828857422 196.6026611328125,231.86058044433594 C258.3626403808594,215.44058227539062 287.39263916015625,195.13058471679688 274.78265380859375,136.44058227539062 C273.03265380859375,124.58058166503906 272.40264892578125,111.30058288574219 267.29266357421875,98.43058013916016 C267.29266357421875,98.42724609375 267.29266357421875,98.42391204833984 267.29266357421875,98.42058563232422 C267.29266357421875,98.42058563232422 267.29266357421875,98.42058563232422 267.29266357421875,98.42058563232422"></path><g opacity="1" transform="matrix(1,0,0,1,0,0)"><g opacity="1" transform="matrix(1,0,0,1,0,0)"></g></g></g></g></g></g><clippath id="__lottie_element_225"><path d="M0,0 L20000,0 L20000,20000 L0,20000z"></path></clippath><clippath id="__lottie_element_233"><path d="M0,0 L20000,0 L20000,20000 L0,20000z"></path></clippath><lineargradient id="__lottie_element_242" spreadMethod="pad" gradientUnits="userSpaceOnUse" x1="-811.5" y1="-996.5399780273438" x2="-883.6199951171875" y2="-784.9000244140625"><stop offset="0%" stop-color="rgb(251,252,254)" stop-opacity="1"></stop><stop offset="100%" stop-color="rgb(229,144,255)" stop-opacity="1"></stop></lineargradient><mask id="__lottie_element_224_1" mask-type="alpha"><use href="#__lottie_element_224"></use></mask></defs><g clip-path="url(#__lottie_element_141)"><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,45.749977111816406,203.30999755859375)"><path fill="rgb(59,26,73)" fill-opacity="1" d=" M243.32000732421875,0.009999999776482582 C243.32000732421875,0.009999999776482582 247.19000244140625,32.400001525878906 168.5,54.16999816894531 C80.6500015258789,78.4800033569336 0,39.59000015258789 0,39.59000015258789 C81.1066665649414,26.393333435058594 162.2133331298828,13.196666717529297 243.32000732421875,0 C243.32000732421875,0.0033333334140479565 243.32000732421875,0.006666666828095913 243.32000732421875,0.009999999776482582 C243.32000732421875,0.009999999776482582 243.32000732421875,0.009999999776482582 243.32000732421875,0.009999999776482582"></path></g></g><g clip-path="url(#__lottie_element_221)" transform="matrix(2.602879047393799,0,0,2.602879047393799,-25863.322265625,-25948.693359375)" opacity="1" style="display: block;"><g mask="url(#__lottie_element_224_1)" style="display: block;"><g clip-path="url(#__lottie_element_233)" transform="matrix(1,0,0,1,0,0)" opacity="1"><g transform="matrix(0.9697443246841431,-0.24412280321121216,0.24412280321121216,0.9697443246841431,11180.482421875,10782.4306640625)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="url(#__lottie_element_242)" fill-opacity="1" d=" M-684,-1047 C-684,-1047 -684,-747 -684,-747 C-684,-747 -1013,-747 -1013,-747 C-1013,-747 -1013,-1047 -1013,-1047 C-1013,-1047 -684,-1047 -684,-1047z"></path><g opacity="1" transform="matrix(1,0,0,1,-848.5,-897)"></g></g></g></g></g></g><g transform="matrix(0.9999326467514038,-0.011603022925555706,0.011603022925555706,0.9999326467514038,1988.838134765625,2084.503173828125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-1323.8358154296875,-1374.176513671875)"><path fill="rgb(59,26,73)" fill-opacity="1" d=" M42.58000183105469,0.4310227036476135 C39.810001373291016,0.30435603857040405 37.040000915527344,0.17768937349319458 34.27000045776367,0.051022712141275406 C24.31999969482422,-0.40897729992866516 14.479999542236328,2.2510228157043457 6.110000133514404,7.641022682189941 C4.073333263397217,8.95768928527832 2.0366666316986084,10.2743558883667 0,11.591022491455078 C9.116666793823242,13.70102310180664 18.233333587646484,15.811022758483887 27.350000381469727,17.921022415161133 C32.43000030517578,12.094355583190918 37.5099983215332,6.267689228057861 42.59000015258789,0.44102272391319275 C42.586666107177734,0.4376893639564514 42.58333206176758,0.43435603380203247 42.58000183105469,0.4310227036476135 C42.58000183105469,0.4310227036476135 42.58000183105469,0.4310227036476135 42.58000183105469,0.4310227036476135"></path></g></g><g transform="matrix(0.9999326467514038,-0.011603022925555706,0.011603022925555706,0.9999326467514038,1988.838134765625,2084.503173828125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-1343.603759765625,-1373.3944091796875)"><path fill="rgb(229,144,255)" fill-opacity="1" d=" M34.544654846191406,53.08052062988281 C56.00465774536133,56.380523681640625 62.40465545654297,38.370521545410156 61.69465637207031,20.150522232055664 C61.41465759277344,11.780522346496582 58.15465545654297,5.340522289276123 51.86465835571289,0.8905221223831177 C50.0346565246582,-0.7794778943061829 48.00465774536133,0.14052213728427887 46.42465591430664,1.6705220937728882 C39.6346549987793,6.830522060394287 32.22465515136719,10.050521850585938 24.094655990600586,10.970521926879883 C18.4046573638916,12.67052173614502 10.64465618133545,7.810522079467773 6.484656810760498,12.090521812438965 C1.7846566438674927,17.050521850585938 -3.6753432750701904,30.890522003173828 3.3746566772460938,35.6605224609375 C10.164656639099121,39.290523529052734 12.954656600952148,30.270523071289062 14.14465618133545,25.120521545410156 C14.614656448364258,21.420522689819336 22.214656829833984,18.36052131652832 21.344655990600586,23.61052131652832 C14.304656982421875,36.440521240234375 19.284656524658203,52.030521392822266 34.554656982421875,53.08052062988281 C34.55132293701172,53.08052062988281 34.54798889160156,53.08052062988281 34.544654846191406,53.08052062988281 C34.544654846191406,53.08052062988281 34.544654846191406,53.08052062988281 34.544654846191406,53.08052062988281"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,53.61716842651367,90.14338684082031)"><path fill="rgb(57,25,71)" fill-opacity="1" d=" M1.7328190803527832,63.44662094116211 C4.352818965911865,52.37662124633789 9.442819595336914,42.936622619628906 16.552818298339844,34.86661911010742 C21.602819442749023,29.136621475219727 27.432819366455078,24.566621780395508 33.7628173828125,20.766620635986328 C44.22282028198242,14.486620903015137 55.4028205871582,10.316620826721191 66.97281646728516,7.306621074676514 C71.07282257080078,6.236620903015137 75.18281555175781,5.276620864868164 79.34281921386719,4.546620845794678 C83.70281982421875,3.786620855331421 88.06282043457031,2.9266209602355957 92.44281768798828,2.336620807647705 C99.94281768798828,1.3266208171844482 107.47281646728516,0.5466208457946777 115.04281616210938,0.23662085831165314 C121.94281768798828,-0.05337914079427719 128.8428192138672,-0.10337913781404495 135.75282287597656,0.23662085831165314 C142.77281188964844,0.576620876789093 149.74281311035156,1.3866208791732788 156.6828155517578,2.7566208839416504 C163.36282348632812,4.066620826721191 169.9428253173828,5.91662073135376 176.29281616210938,8.7266206741333 C184.54281616210938,12.37662124633789 192.0628204345703,17.396621704101562 198.6328125,24.156620025634766 C207.4328155517578,33.226619720458984 212.99281311035156,44.316619873046875 215.61282348632812,57.26662063598633 C216.25282287597656,60.436622619628906 216.67282104492188,63.64662170410156 217.00282287597656,66.86662292480469 C217.4728240966797,71.46662139892578 217.95281982421875,76.06661987304688 218.41282653808594,80.66661834716797 C219.00282287597656,86.58662414550781 219.5928192138672,92.5166244506836 220.16282653808594,98.4366226196289 C220.58282470703125,102.83662414550781 220.48281860351562,107.20661926269531 219.5628204345703,111.49662017822266 C218.04281616210938,118.60662078857422 214.8428192138672,124.49662017822266 209.58282470703125,128.84661865234375 C205.392822265625,132.30662536621094 200.5928192138672,133.87661743164062 195.40281677246094,134.28662109375 C191.65281677246094,134.5766143798828 187.90281677246094,134.85662841796875 184.16282653808594,135.21661376953125 C173.65281677246094,136.2466278076172 163.15281677246094,137.3266143798828 152.65281677246094,138.38662719726562 C139.8428192138672,139.68661499023438 127.03282165527344,140.9966278076172 114.23281860351562,142.29661560058594 C114.23281860351562,142.31661987304688 114.23281860351562,142.34661865234375 114.23281860351562,142.3666229248047 C87.54281616210938,145.0866241455078 60.85281753540039,147.80662536621094 34.1528205871582,150.51661682128906 C33.18281936645508,150.6166229248047 32.20281982421875,150.7066192626953 31.22281837463379,150.75662231445312 C26.682819366455078,150.96661376953125 22.40281867980957,149.8666229248047 18.422819137573242,147.28662109375 C15.362818717956543,145.30662536621094 12.792819023132324,142.67662048339844 10.592819213867188,139.5866241455078 C6.8428192138671875,134.3366241455078 4.762819290161133,128.3266143798828 3.982819080352783,121.7666244506836 C3.4628190994262695,117.40662384033203 2.9628190994262695,113.04662322998047 2.5228190422058105,108.67662048339844 C1.7628191709518433,101.14662170410156 1.0428191423416138,93.60662078857422 0.3528191149234772,86.07662200927734 C0.15281912684440613,83.83662414550781 0.05281912535429001,81.57662200927734 0.012819123454391956,79.33662414550781 C-0.09718087315559387,73.9366226196289 0.5028191208839417,68.64662170410156 1.7328190803527832,63.45661926269531 C1.7328190803527832,63.45328903198242 1.7328190803527832,63.449954986572266 1.7328190803527832,63.44662094116211 C1.7328190803527832,63.44662094116211 1.7328190803527832,63.44662094116211 1.7328190803527832,63.44662094116211"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,131.09999084472656,135.27999877929688)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M0,0 C0,0 10.020000457763672,11.949999809265137 10.020000457763672,11.949999809265137"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(0.9999998211860657,0.0006301894318312407,-0.0006301894318312407,0.9999998211860657,131.09999084472656,135.30062866210938)"><path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(224,189,255)" stroke-opacity="1" stroke-width="9" d=" M0,0 C0,0 10.020000457763672,11.949999809265137 10.020000457763672,11.949999809265137"></path></g></g><g clip-path="url(#__lottie_element_183)" transform="matrix(0.999728262424469,-0.023310460150241852,0.023310460150241852,0.999728262424469,-9368.37890625,-9181.263671875)" opacity="1" style="display: block;"><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-739.173828125,-386.62091064453125)"><path fill="rgb(229,144,255)" fill-opacity="1" d=" M48.28871536254883,15.632964134216309 C47.16871643066406,21.192964553833008 35.60871887207031,23.55296516418457 22.488718032836914,20.892963409423828 C9.35871696472168,18.242963790893555 -1.0112826824188232,12.4129638671875 0.07871726900339127,6.842964172363281 C0.8287172913551331,3.0029642581939697 13.438716888427734,-1.8970357179641724 26.558717727661133,0.7529642581939697 C39.67871856689453,3.4029643535614014 49.40871810913086,10.06296443939209 48.28871536254883,15.632964134216309 C48.28871536254883,15.632964134216309 48.28871536254883,15.632964134216309 48.28871536254883,15.632964134216309 C48.28871536254883,15.632964134216309 48.28871536254883,15.632964134216309 48.28871536254883,15.632964134216309"></path></g></g><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-689.8804321289062,-484.36895751953125)"><path fill="rgb(192,240,255)" fill-opacity="1" d=" M70.49069213867188,12.586774826049805 C85.35069274902344,9.776774406433105 98.35069274902344,16.116775512695312 101.74069213867188,25.606775283813477 C105.210693359375,35.32677459716797 97.58069610595703,45.466773986816406 96.82069396972656,46.43677520751953 C92.85069274902344,51.566776275634766 86.5906982421875,54.16677474975586 74.25069427490234,59.16677474975586 C60.42069625854492,64.76677703857422 59.41069412231445,63.39677429199219 53.42069625854492,67.26677703857422 C44.37069320678711,73.11677551269531 45.460693359375,77.01677703857422 36.3506965637207,82.89677429199219 C31.570693969726562,85.97677612304688 22.56069564819336,91.78677368164062 14.360694885253906,88.97677612304688 C4.320694923400879,85.52677154541016 1.5306949615478516,71.2167739868164 0.7606949210166931,67.27677154541016 C-3.3493051528930664,46.17677307128906 10.360694885253906,28.396774291992188 14.070694923400879,23.876773834228516 C14.070694923400879,23.876773834228516 27.550695419311523,9.496774673461914 43.58069610595703,7.676774501800537 C46.01069641113281,7.396774768829346 49.56069564819336,8.396774291992188 53.710693359375,7.676774501800537 C61.37069320678711,6.356774806976318 63.3506965637207,2.816774606704712 68.76069641113281,1.0167746543884277 C80.38069152832031,-2.8432252407073975 97.26069641113281,4.806774616241455 100.01069641113281,15.19677448272705 C100.70069122314453,17.786775588989258 100.41069793701172,20.16677474975586 100.01069641113281,21.856775283813477"></path></g></g><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-576.4451293945312,-484.39495849609375)"><path fill="rgb(177,219,229)" fill-opacity="1" d=" M0,7.676774501800537 C2.4100000858306885,8.076774597167969 5.980000019073486,8.396774291992188 10.130000114440918,7.676774501800537 C17.790000915527344,6.356774806976318 19.770000457763672,2.816774606704712 25.18000030517578,1.0167746543884277 C36.79999923706055,-2.8432252407073975 53.68000030517578,4.806774616241455 56.43000030517578,15.19677448272705 C57.119998931884766,17.786775588989258 56.83000183105469,20.16677474975586 56.43000030517578,21.856775283813477"></path></g></g><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-689.8804321289062,-453.35302734375)"><path fill="rgb(192,240,255)" fill-opacity="1" d=" M70.49069213867188,0.670772135257721 C85.35069274902344,-2.139227867126465 98.35069274902344,4.200772285461426 101.74069213867188,13.69077205657959 C105.210693359375,23.4107723236084 97.58069610595703,33.55077362060547 96.82069396972656,34.52077102661133 C92.85069274902344,39.65077209472656 86.5906982421875,42.250770568847656 74.25069427490234,47.250770568847656 C60.42069625854492,52.850772857666016 59.41069412231445,51.48077392578125 53.42069625854492,55.350772857666016 C44.37069320678711,61.20077133178711 45.460693359375,65.10076904296875 36.3506965637207,70.98077392578125 C31.570693969726562,74.06077575683594 22.56069564819336,79.87077331542969 14.360694885253906,77.06077575683594 C4.320694923400879,73.61077117919922 1.5306949615478516,59.30077362060547 0.7606949210166931,55.36077117919922 C-3.3493051528930664,34.260772705078125 10.360694885253906,16.480772018432617 14.070694923400879,11.960772514343262"></path></g></g><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-739.1652221679688,-459.58551025390625)"><path fill="rgb(59,26,73)" fill-opacity="1" d=" M20.39542579650879,0.15523336827754974 C18.765426635742188,0.7452333569526672 9.005426406860352,11.46523380279541 5.785426616668701,17.485233306884766 C1.9154266119003296,24.735233306884766 -1.454573392868042,34.575233459472656 0.6454265713691711,36.84523391723633 C3.6254265308380127,40.04523468017578 13.47542667388916,34.68523406982422 18.025426864624023,29.325233459472656 C23.115427017211914,23.335233688354492 27.815425872802734,12.56523323059082 23.455427169799805,7.875233173370361 C20.995426177978516,5.225233554840088 23.745426177978516,-1.0647666454315186 20.385427474975586,0.15523336827754974 C20.38875961303711,0.15523336827754974 20.392093658447266,0.15523336827754974 20.39542579650879,0.15523336827754974 C20.39542579650879,0.15523336827754974 20.39542579650879,0.15523336827754974 20.39542579650879,0.15523336827754974"></path></g></g><g transform="matrix(1,0,0,1,10000,10000)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(2.602879047393799,0,0,2.602879047393799,-739.0713500976562,-494.3962097167969)"><path fill="rgb(229,144,255)" fill-opacity="1" d=" M62.06936264038086,4.219142436981201 C68.82936096191406,12.449142456054688 61.11936569213867,29.959142684936523 44.849365234375,43.339141845703125 C28.579364776611328,56.70914077758789 7.4893646240234375,58.70914077758789 0.7293644547462463,50.47914123535156 C-3.0806355476379395,45.839141845703125 9.149364471435547,42.54914093017578 11.759364128112793,32.619140625 C13.779364585876465,24.909143447875977 13.259364128112793,19.369142532348633 20.359363555908203,13.539142608642578 C36.629364013671875,0.16914249956607819 55.309364318847656,-4.010857582092285 62.06936264038086,4.219142436981201 C62.06936264038086,4.219142436981201 62.06936264038086,4.219142436981201 62.06936264038086,4.219142436981201 C62.06936264038086,4.219142436981201 62.06936264038086,4.219142436981201 62.06936264038086,4.219142436981201"></path></g></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,210.6699981689453,139.72000122070312)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M29.100000381469727,26.399999618530273 C29.100000381469727,26.399999618530273 0,23.110000610351562 0,23.110000610351562 C0,23.110000610351562 20.93000030517578,0 20.93000030517578,0"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,210.6699981689453,139.72000122070312)"><path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(224,189,255)" stroke-opacity="1" stroke-width="9" d=" M29.100000381469727,26.399999618530273 C29.100000381469727,26.399999618530273 0,23.110000610351562 0,23.110000610351562 C0,23.110000610351562 20.93000030517578,0 20.93000030517578,0"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,100.45000457763672,150.9499969482422)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M0,27.600000381469727 C0,27.600000381469727 27.329999923706055,17.100000381469727 27.329999923706055,17.100000381469727 C27.329999923706055,17.100000381469727 1.2699999809265137,0 1.2699999809265137,0"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,100.45000457763672,150.9499969482422)"><path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(224,189,255)" stroke-opacity="1" stroke-width="9" d=" M0,27.600000381469727 C0,27.600000381469727 27.329999923706055,17.100000381469727 27.329999923706055,17.100000381469727 C27.329999923706055,17.100000381469727 1.2699999809265137,0 1.2699999809265137,0"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,101.71619415283203,185.0335235595703)"><path fill="rgb(176,223,234)" fill-opacity="1" d=" M0,-6.449999809265137 C6.396521091461182,-6.449999809265137 11.59000015258789,-3.5597548484802246 11.59000015258789,0 C11.59000015258789,3.5597548484802246 6.396521091461182,6.449999809265137 0,6.449999809265137 C-6.396521091461182,6.449999809265137 -11.59000015258789,3.5597548484802246 -11.59000015258789,0 C-11.59000015258789,-3.5597548484802246 -6.396521091461182,-6.449999809265137 0,-6.449999809265137z"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,238.50328063964844,172.7338104248047)"><path fill="rgb(176,223,234)" fill-opacity="1" d=" M0,-6.449999809265137 C6.396521091461182,-6.449999809265137 11.59000015258789,-3.5597548484802246 11.59000015258789,0 C11.59000015258789,3.5597548484802246 6.396521091461182,6.449999809265137 0,6.449999809265137 C-6.396521091461182,6.449999809265137 -11.59000015258789,3.5597548484802246 -11.59000015258789,0 C-11.59000015258789,-3.5597548484802246 -6.396521091461182,-6.449999809265137 0,-6.449999809265137z"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,150.01998901367188,193.52999877929688)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M0,5.610000133514404 C10.800000190734863,1.7200000286102295 18.719999313354492,2.109999895095825 24.100000381469727,3.299999952316284 C27.489999771118164,4.050000190734863 29.510000228881836,5.039999961853027 33.34000015258789,5.28000020980835 C41,5.769999980926514 47.45000076293945,2.740000009536743 51.81999969482422,0"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(0.9998778700828552,-0.015629705041646957,0.015629705041646957,0.9998778700828552,150.01998901367188,193.52999877929688)"><path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(224,189,255)" stroke-opacity="1" stroke-width="9" d=" M0,5.610000133514404 C10.800000190734863,1.7200000286102295 18.719999313354492,2.109999895095825 24.100000381469727,3.299999952316284 C27.489999771118164,4.050000190734863 29.510000228881836,5.039999961853027 33.34000015258789,5.28000020980835 C41,5.769999980926514 47.45000076293945,2.740000009536743 51.81999969482422,0"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,281.6700134277344,8.790011405944824)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M2.4700000286102295,48.470001220703125 C2.4700000286102295,48.470001220703125 0,28.350000381469727 0,28.350000381469727 C0,28.350000381469727 6.739999771118164,37.7400016784668 6.739999771118164,37.7400016784668 C6.739999771118164,37.7400016784668 0.4399999976158142,9.09000015258789 0.4399999976158142,9.09000015258789 C0.4399999976158142,9.09000015258789 13.720000267028809,27.280000686645508 13.720000267028809,27.280000686645508 C13.720000267028809,27.280000686645508 8.079999923706055,0 8.079999923706055,0 C8.079999923706055,0 18.579999923706055,4.150000095367432 18.579999923706055,4.150000095367432"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(-0.9948611855506897,-0.1012481302022934,0.1012481302022934,-0.9948611855506897,337.3799743652344,83.04313659667969)"><path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(57,25,71)" stroke-opacity="1" stroke-width="8" d=" M-2.9179999828338623,44.52399826049805 C-6.373000144958496,37.36399841308594 -10.050000190734863,29.743999481201172 -10.050000190734863,29.743999481201172 C-10.050200462341309,29.74373435974121 38.13930130004883,49.783775329589844 38.13930130004883,49.783775329589844 C38.13930130004883,49.783775329589844 1.2114202976226807,10.542866706848145 1.2114202976226807,10.542866706848145 C1.2114202976226807,10.542866706848145 39.58782958984375,22.26650619506836 39.58782958984375,22.26650619506836 C39.58782958984375,22.26650619506836 20.509111404418945,0.5997020602226257 20.509111404418945,0.5997020602226257 C20.509111404418945,0.5997020602226257 46.4053840637207,-2.499228000640869 46.4053840637207,-2.499228000640869"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,315.260009765625,63.290008544921875)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M0,17.079999923706055 C0,17.079999923706055 10.59000015258789,7.320000171661377 10.59000015258789,7.320000171661377 C10.59000015258789,7.320000171661377 8.710000038146973,15.90999984741211 8.710000038146973,15.90999984741211 C8.710000038146973,15.90999984741211 22.260000228881836,0 22.260000228881836,0 C22.260000228881836,0 18.739999771118164,16.799999237060547 18.739999771118164,16.799999237060547 C18.739999771118164,16.799999237060547 31.84000015258789,1.909999966621399 31.84000015258789,1.909999966621399 C31.84000015258789,1.909999966621399 35.130001068115234,11.140000343322754 35.130001068115234,11.140000343322754"></path></g></g><g transform="matrix(2.602879047393799,0,0,2.602879047393799,125.7537841796875,26.1944580078125)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,310.3599853515625,2.500004529953003)"><path fill="rgb(0,0,0)" fill-opacity="0" d=" M0,47.349998474121094 C0,47.349998474121094 14.210000038146973,23.729999542236328 14.210000038146973,23.729999542236328 C14.210000038146973,23.729999542236328 13.489999771118164,39.380001068115234 13.489999771118164,39.380001068115234 C13.489999771118164,39.380001068115234 30.75,3.430000066757202 30.75,3.430000066757202 C30.75,3.430000066757202 29.600000381469727,33.939998626708984 29.600000381469727,33.939998626708984 C29.600000381469727,33.939998626708984 46.40999984741211,0 46.40999984741211,0 C46.40999984741211,0 54.040000915527344,13.149999618530273 54.040000915527344,13.149999618530273"></path></g></g></g></svg></div><h1 class="text-2xl font-semibold text-center">Oops! Tai caught a bug and is feeling under the weather <span role="img" aria-label="sad face emoji">😔</span></h1><button class="relative flex items-center justify-center"><div class="text-white px-4 py-2.5 rounded-lg flex items-center space-x-2 transition duration-500 ease-in-out transform font-bold bg-indigo-600 hover:bg-indigo-500"><svg class="w-4 h-4 " viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill=""><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="none" stroke="#fff" stroke-width="2.5" d="M20,8 C18.5343681,5.03213345 15.4860999,3 11.9637942,3 C7.01333514,3 3,7.02954545 3,12 M4,16 C5.4656319,18.9678666 8.51390007,21 12.0362058,21 C16.9866649,21 21,16.9704545 21,12 M9,16 L3,16 L3,22 M21,2 L21,8 L15,8"></path></g></svg><span>Retry</span></div></button></div></div></div><div class="flex group bg-white border dark:border-gray-600 border-gray-300 dark:bg-gray-900 p-7 rounded-3xl invisible opacity-0 mx-2 @sm:mx-5 @lg:mx-10 @2xl:mx-auto max-w-2xl absolute inset-0 z-10 justify-center my-auto max-h-[48rem] transition-opacity duration-300"><div class="absolute mb-16 cursor-pointer right-8 top-8"><svg class="text-gray-600 rounded-full bg-indigo-50 dark:bg-gray-800 dark:text-white" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.75 16.75L27.25 27.25M27.25 16.75L16.75 27.25M43 22C43 24.7578 42.4568 27.4885 41.4015 30.0364C40.3461 32.5842 38.7993 34.8992 36.8492 36.8492C34.8992 38.7993 32.5842 40.3461 30.0364 41.4015C27.4885 42.4568 24.7578 43 22 43C19.2422 43 16.5115 42.4568 13.9636 41.4015C11.4158 40.3461 9.10079 38.7993 7.15076 36.8492C5.20073 34.8992 3.65388 32.5842 2.59853 30.0364C1.54318 27.4885 1 24.7578 1 22C1 16.4305 3.21249 11.089 7.15076 7.15076C11.089 3.21249 16.4305 1 22 1C27.5695 1 32.911 3.21249 36.8492 7.15076C40.7875 11.089 43 16.4305 43 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><form class="self-center w-full max-h-[43rem]"><h1 class="mb-6 text-3xl font-bold">Support Ticket</h1><label class="flex flex-col"><div class="mb-2 text-xs text-gray-600">Subject <span class="text-indigo-600">*</span></div><input class="p-3 mb-4 border border-gray-300 rounded-lg bg-indigo-50 placeholder:text-gray-500 dark:border-gray-700 dark:bg-gray-800 focus:outline-none focus:ring-1 focus:ring-indigo-600 focus:border-transparent" type="text" placeholder="Type subject here" required="" value=""><div class="mb-4"><div class="mb-2 text-xs text-gray-600">Category <span class="text-indigo-600">*</span></div><div class="relative w-full"><button type="button" class="w-full transition-all flex justify-between items-center p-3 text-left border border-gray-300 rounded-lg bg-indigo-50 dark:border-gray-700 dark:bg-gray-800 focus:outline-none focus:border-transparent focus:ring-1 focus:ring-indigo-600" placeholder="Select a category"><p class=" text-gray-500">Select category here</p><svg class="transition " width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" d="M6 9L10 13L14 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="pb-1 absolute w-full dark:bg-slate-800 bg-indigo-50 rounded-b-lg shadow-lg border border-gray-300 dark:border-gray-700 origin-top duration-150 z-10 scale-0"><li class="block px-4 border-t border-gray-300 dark:border-gray-700 py-3 text-sm dark:text-slate-50 dark:hover:bg-slate-700 cursor-pointer transition">Technical Issues</li><li class="block px-4 border-t border-gray-300 dark:border-gray-700 py-3 text-sm dark:text-slate-50 dark:hover:bg-slate-700 cursor-pointer transition">Lab Instructions</li></div></div></div><div class="mb-2 text-xs text-gray-600">Description <span class="text-indigo-600">*</span></div><textarea aria-multiline="true" maxlength="1000" required="" placeholder="Type description here" role="textbox" name="" class="transition-all ease-in-out duration-300 p-3 mb-4 border border-gray-300 rounded-lg resize-none bg-indigo-50 placeholder:text-gray-500 dark:border-gray-700 max-h-52 dark:bg-gray-800 outline-none focus:ring-1 focus:ring-indigo-600 focus:border-transparent" style="height: 145.333px !important;"></textarea></label><div class="flex justify-center m-7"><button type="submit" class="py-3 text-xl font-bold text-white transition-colors bg-indigo-600 rounded-full px-7 focus:outline-none focus:shadow-outline hover:bg-indigo-700 active:bg-indigo-700">Submit</button></div></form></div></div></div></section><div class="gutter gutter-horizontal hidden" style="width: 5px;"></div><section class="flex h-full w-full !w-full" style="width: calc(60% - 2.5px);"><iframe class="w-full h-full" name="tool_iframe_name" id="tool_iframe" src="./Skills Network Labs_files/oauth_login.html" allow="microphone; camera" title="Tool iframe"></iframe></section></div></main></div><div class="invisible transition-all fixed inset-0 z-10 flex items-center justify-center w-full h-full bg-opacity-75" aria-labelledby="modal-title" role="dialog" aria-modal="true"><div class="scale-0 origin-center duration-150 px-4 pt-5 pb-4 overflow-hidden text-left transition-all transform bg-white border dark:border-gray-700 border-gray-300 dark:bg-gray-900 rounded-lg shadow-xl sm:my-8 sm:w-full sm:max-w-lg sm:p-6 dark:text-slate-50" role="document"><div class=""><div class="flex items-center justify-center w-12 h-12 mx-auto bg-red-100 rounded-full dark:bg-red-00"><svg class="w-6 h-6 text-red-600 dark:text-red-00" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path></svg></div><div class="mt-3 text-center text-gray-900 sm:mt-5 dark:text-slate-50"><h3 class="text-base font-semibold leading-6" id="modal-title">Are you still there?</h3><div class="mt-2"><p class="text-sm">Labs use resources that are shared by many learners. You have been inactive for a long time. To make sure there are enough resources for everyone, we’ll close your lab tools in two minutes</p></div></div></div><div class="mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3"><button type="button" class="inline-flex justify-center w-full px-3 py-2 text-sm font-semibold text-white transition bg-indigo-600 rounded-md shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 sm:col-start-2 dark:bg-indigo-500 dark:hover:bg-indigo-400 dark:focus-visible:ring-indigo-500 dark:focus-visible:ring-2 dark:focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 dark:focus-visible:ring-opacity-50"> Logout</button><button type="button" class="inline-flex justify-center w-full px-3 py-2 mt-3 text-sm font-semibold text-gray-900 transition bg-white rounded-md shadow-sm hover:bg-gray-50 sm:col-start-1 sm:mt-0 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-50 ring-1 ring-inset ring-gray-300 dark:ring-slate-600 dark:ring-inset dark:ring-opacity-50">Stay</button></div></div></div></div></div>
<script>
// access the variables passed from the flask backend and put them to the window object
window.data = {"default_heartbeat_time": 1800, "iframe_src": "https://jupyterlab-1-labs-prod-jupyterlab-us-east-0.labs.cognitiveclass.ai/oauth_login?next=%2Fhub%2Fspawn%3Fstorage%3Dcosfs%26next%3D%252Fuser-redirect%252Flab%252Ftree%252F%252Flabs%252Fauthoride%252FIBMSkillsNetwork%252BPY0220EN%252Flabs%252Fproject%252FFinal%2BAssignment.ipynb%253Ft%253D%2526d%253Dgrading.labs.cognitiveclass.ai%2526mode%253Dlearn%2526env_type%253Djupyterlab", "inactive_logout_time": 60, "tai_enabled": [true], "tai_watsonx_ai_enabled": [false], "username": "diovucharles", "websocket_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHBpcmVzSW4iOiIyNGgiLCJ0b29sIjoianVweXRlcmxhYiIsInVzZXJuYW1lIjoiZGlvdnVjaGFybGVzIiwiYWRtaW4iOmZhbHNlLCJpYXQiOjE3MDUwODA1MTQsImV4cCI6MTcwNTE2NjkxNH0.LpSlz67wconSJOOXInHyaN9IBkhRcretPQJcY-Q_VqA", "websocket_url": "https://websocket-service.skills.network"}; // ignore error, just jinja syntax
</script>
<script src="./Skills Network Labs_files/iframeComms.js.download"></script>
<script>
window.addEventListener('load', function () {
var interval = window.data.default_heartbeat_time * 1000;
setInterval(function () {
console.log("Posting one heartbeat.");
var heartbeatRequest = new XMLHttpRequest();
var url = '/heartbeat'; // assume url starts with a slash
// Edge doesn't like posting to just /heartbeat
// Edge also might not like window.location.origin
if (!(window && window.location && window.location.host)) {
// We might be running after someone did a File > Save As
// In which case we might as well give up
return false;
}
url = (window.location.protocol + '//' + window.location.host + url);
heartbeatRequest.open('POST', url, true);
// request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
heartbeatRequest.send(null);
// // refresh Google Analytics
// if (typeof ga !== 'undefined') {
// ga('send', 'event', 'Heartbeat', 'heartbeat');
// }
}, interval);
});
</script>
<textarea tabindex="-1" aria-hidden="true" style="min-height: 0px !important; max-height: none !important; height: 0px !important; visibility: hidden !important; overflow: hidden !important; position: absolute !important; z-index: -1000 !important; top: 0px !important; right: 0px !important; border-width: 0.666667px; box-sizing: border-box; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 24px; padding: 12px; tab-size: 4; text-indent: 0px; text-rendering: auto; text-transform: none; width: auto; word-break: normal;"></textarea><iframe frameborder="1" height="0" scrolling="no" tabindex="-1" title="Noticeable Widget" width="0" class="noticeable-view_hidden noticeable-widget-view" allowfullscreen="" src="./Skills Network Labs_files/index.html" style="border: 0px; opacity: 0; overflow: hidden; user-select: none; visibility: hidden; z-index: -1; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px; border-radius: 8px; height: 520px; width: 420px; position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(78.6667px, 321.333px, 0px);" data-popper-placement="bottom-start"></iframe></body></html>