databricksedu 0.2.0__tar.gz → 0.2.1__tar.gz

{databricksedu-0.2.0 → databricksedu-0.2.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: databricksedu
-Version: 0.2.0
+Version: 0.2.1
 Summary: Bite-sized Databricks lessons that run inside your notebook: animated slides, notes, exercises and seeded demo data.
 Project-URL: Homepage, https://github.com/misrori/databricksedu
 Project-URL: Source, https://github.com/misrori/databricksedu

databricksedu-0.2.1/src/databricksedu/_version.py

@@ -0,0 +1 @@
+__version__ = "0.2.1"

{databricksedu-0.2.0 → databricksedu-0.2.1}/src/databricksedu/assets/app.css

@@ -1 +1 @@
-html,body{margin:0;padding:0;height:auto;background:transparent}#dbe{--navy:#1B3139;--accent:#FF3621;--blue:#2272B4;--purple:#7C4DFF;--teal:#00A3A1;--bg:#F4F2EE;--muted:#6B7280;--line:#E5E7EB;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1F2937;background:var(--bg);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;position:relative;border:1px solid #D6D3CD;box-sizing:border-box;width:100%;min-width:0}#dbe *{box-sizing:border-box}#dbe.fs,#dbe.page{border-radius:0;border:0;height:100vh!important}body:has(#dbe.page){overflow:hidden}#dbe button{font-family:inherit}.top{display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--navy);color:#fff;flex:none;z-index:5}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.01em;cursor:pointer;border:0;background:transparent;color:#fff;font-size:15px;padding:4px 6px;border-radius:8px}.brand:hover{background:rgba(255,255,255,.1)}.brand .lg{display:inline-flex;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#FF3621,#7C4DFF);align-items:center;justify-content:center;font-size:15px}.brand em{font-style:normal;color:#FF8A7A}.crumb{color:#94A3B8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.crumb b{color:#E2E8F0;font-weight:600}.seg{display:inline-flex;background:rgba(255,255,255,.1);border-radius:999px;padding:3px;flex:none}.seg button{border:0;background:transparent;color:#CBD5E1;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px;white-space:nowrap}.seg button.on{background:#fff;color:var(--navy);font-weight:700}.hbtn{border:1px solid rgba(255,255,255,.25);background:transparent;color:#E2E8F0;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px;white-space:nowrap;flex:none}.hbtn:hover{background:rgba(255,255,255,.12)}.hbtn.pri{background:linear-gradient(135deg,#FF3621,#c2410c);border-color:transparent;color:#fff;font-weight:700}#bar{height:3px;background:linear-gradient(90deg,var(--accent),var(--purple),var(--teal));width:0;transition:width .35s ease;flex:none}#main{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}#home{flex:1;overflow:auto;padding:18px 22px 26px}.hhero{position:relative;overflow:hidden;border-radius:18px;padding:26px 30px;color:#fff;background:linear-gradient(120deg,#1B3139,#22425a,#2a2f6b,#1B3139);background-size:300% 300%;animation:dbxGrad 14s ease infinite}.hhero .blob{position:absolute;border-radius:50%;filter:blur(34px);opacity:.55;animation:dbxFloat 9s ease-in-out infinite}.hhero .b1{width:260px;height:260px;background:#FF3621;right:-50px;top:-90px}.hhero .b2{width:200px;height:200px;background:#7C4DFF;right:220px;bottom:-120px;animation-delay:-3s}.hhero .b3{width:160px;height:160px;background:#00A3A1;left:-50px;bottom:-70px;animation-delay:-6s}.hhero>div{position:relative}.hhero h1{margin:0 0 6px;font-size:30px;font-weight:800;letter-spacing:-.01em}.hhero h1 em{font-style:normal;color:#FF8A7A}.hhero p{margin:0;color:#E2E8F0;font-size:15px;max-width:760px;line-height:1.5}.hstats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.hstats span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:999px;font-size:13px}.hrow{display:flex;gap:10px;align-items:center;margin:16px 0 4px;flex-wrap:wrap}.cats{display:flex;gap:8px;flex-wrap:wrap;flex:1}.cat{border:1px solid var(--line);background:#fff;color:#334155;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;gap:7px;align-items:center;transition:all .2s}.cat:hover{border-color:var(--accent);transform:translateY(-1px)}.cat.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 6px 16px rgba(27,49,57,.25)}.cat i{font-style:normal;font-size:12px;background:rgba(100,116,139,.18);border-radius:999px;padding:1px 7px}.cat.on i{background:rgba(255,255,255,.2)}#q{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:14px;min-width:210px;outline:none;font-family:inherit;background:#fff}#q:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,77,255,.15)}.cdesc{color:var(--muted);font-size:14px;margin:8px 2px 2px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cdesc button{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--navy)}.cdesc button:hover{border-color:var(--accent);color:var(--accent)}.gtitle{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94A3B8;margin:18px 2px 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.mcard{background:#fff;border-radius:16px;padding:16px 16px 12px;cursor:pointer;border:2px solid transparent;box-shadow:0 4px 14px rgba(27,49,57,.07);transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;animation:dbxRise .45s both;animation-delay:calc(var(--i,0)*35ms)}.mcard:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 28px rgba(27,49,57,.14)}.mcard .mh{display:flex;gap:10px;align-items:flex-start}.mcard .mi{font-size:26px;line-height:1;flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#FFF4F1,#F5F3FF);display:flex;align-items:center;justify-content:center}.mcard .mt{font-weight:800;color:var(--navy);font-size:15.5px;line-height:1.25}.mcard .ms{color:#475569;font-size:13px;line-height:1.45;margin:8px 0 10px;flex:1}.mchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.mchips span{font-size:11.5px;background:#F1F5F9;color:#475569;border-radius:999px;padding:2px 9px;white-space:nowrap}.mact{display:flex;gap:6px}.mact button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 4px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--navy);white-space:nowrap}.mact button:hover{border-color:var(--accent);color:var(--accent)}.mact button.go{background:linear-gradient(135deg,#FF3621,#7C4DFF);border:0;color:#fff}.empty{color:var(--muted);padding:30px;text-align:center}.hfoot{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}.hfoot .cta{flex:2 1 380px;margin:0}.hfoot .pip{flex:1 1 260px;background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--line);font-size:13px;color:#475569}.hfoot .pip code{display:block;background:#0D1117;color:#E6EDF3;border-radius:8px;padding:8px 10px;margin-top:6px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}#player{flex:1;min-height:0;display:none;flex-direction:column}#slides{flex:1;display:flex;flex-direction:column;min-height:0;padding:14px 18px 8px;position:relative}.stage{flex:1;position:relative;min-height:0;perspective:1400px}.slide{position:absolute;inset:0;background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(27,49,57,.14);overflow:auto;padding:26px 44px 30px}.slide.enter-r{animation:inR .45s cubic-bezier(.2,.8,.2,1) both}.slide.enter-l{animation:inL .45s cubic-bezier(.2,.8,.2,1) both}@keyframes inR{from{opacity:0;transform:translateX(60px) rotateY(-6deg)}to{opacity:1;transform:none}}@keyframes inL{from{opacity:0;transform:translateX(-60px) rotateY(6deg)}to{opacity:1;transform:none}}.slide .dbx{max-width:none;font-size:17px}.slide .dbx .sec-head h2{font-size:29px}.slide .dbx table{font-size:15px}.slide .dbx .code pre{font-size:13.5px}.slide .dbx>*{animation:dbxRise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*80ms + 100ms)}.slide.title{padding:0;overflow:hidden;background:transparent}.slide.title .dbx{height:100%;display:flex;flex-direction:column;position:relative}.slide.title .hero{flex:1;margin:0;border-radius:18px;display:flex;align-items:center;padding:40px 60px 130px}.slide.title .hero h1{font-size:46px}.slide.title .sub{font-size:19px}.slide.title .b1{width:420px;height:420px}.slide.title .b2{width:340px;height:340px}.slide.title .b3{width:300px;height:300px}.slide.title .idea{position:absolute;left:60px;right:60px;bottom:30px;font-size:17px;background:rgba(255,255,255,.96)}.slide.title .dbx>:not(.hero):not(.idea){display:none}.controls{display:flex;align-items:center;gap:12px;padding-top:10px;flex:none}.controls .nav{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:44px;height:36px;cursor:pointer;font-size:15px;font-weight:700;color:var(--navy);padding:0 12px}.controls .nav:hover{border-color:var(--accent);color:var(--accent)}.controls .nav.next{background:linear-gradient(135deg,#FF3621,#7C4DFF);color:#fff;border:0}.dots{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#CBD5E1;cursor:pointer;padding:0;transition:all .25s}.dots button.on{background:var(--accent);width:28px;border-radius:6px}.count{color:var(--muted);font-size:13px;min-width:52px;text-align:right}.hint{color:#94A3B8;font-size:12px;white-space:nowrap}#overview{position:absolute;inset:0;background:rgba(244,242,238,.97);z-index:4;display:none;overflow:auto;padding:22px}#overview.on{display:block;animation:dbxRise .3s both}.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ocard{background:#fff;border-radius:14px;padding:14px;cursor:pointer;border:2px solid transparent;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:all .2s}.ocard:hover{transform:translateY(-3px);border-color:var(--accent)}.ocard .n{font-size:12px;color:var(--muted);font-weight:700}.ocard .i{font-size:26px;margin:4px 0}.ocard .t{font-weight:700;color:var(--navy);font-size:14px}#doc{flex:1;display:none;min-height:0}#player.docmode #slides{display:none}#player.docmode #doc{display:flex}#toc{width:250px;flex:none;overflow:auto;padding:16px 12px;border-right:1px solid var(--line);background:#fff}#toc a{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:9px;color:#334155;text-decoration:none;font-size:13px;margin:2px 0;cursor:pointer}#toc a:hover{background:#F1F5F9}#toc a.on{background:#FFF1EE;color:#C62D1A;font-weight:700}#toc .rawbtn{margin-top:12px;width:100%;border:1px dashed #CBD5E1;background:#fff;border-radius:9px;padding:8px;cursor:pointer;font-size:12.5px;color:#475569}#docScroll{flex:1;overflow:auto;padding:20px 28px 60px}.dsec{background:#fff;border-radius:16px;padding:22px 28px;margin:0 auto 16px;max-width:1000px;box-shadow:0 4px 18px rgba(27,49,57,.06)}.dsec.herosec{padding:0;background:transparent;box-shadow:none}.dsec .dbx{max-width:none}.dsec .dbx>*{animation:none}.rawmd{max-width:1000px;margin:0 auto;background:#0D1117;color:#E6EDF3;border-radius:14px;padding:18px 20px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.quiz{max-width:820px}.dbx .code .copy{display:inline-block;margin-left:auto;border:1px solid #30363D;background:#21262D;color:#C9D1D9;border-radius:6px;font-size:11px;padding:2px 8px;cursor:pointer}.dbx .code .run+.copy{margin-left:10px}.fin{text-align:center;padding:10px 0}.fin .big{font-size:60px;animation:vzPop .6s both}.fin h2{font-size:30px;color:var(--navy);margin:6px 0}.fin p{color:var(--muted);margin:0 0 16px}.fcards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;text-align:left;margin-bottom:14px}.fcard{flex:1 1 220px;max-width:330px;background:#F8FAFC;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .2s}.fcard:hover{border-color:var(--accent);transform:translateY(-2px)}.fcard b{display:block;color:var(--navy);margin-bottom:2px}.fcard span{font-size:13.5px;color:#475569}#modal{position:absolute;inset:0;background:rgba(15,23,42,.55);z-index:20;display:none;align-items:center;justify-content:center;padding:20px}#modal.on{display:flex;animation:dbxRise .25s both}.mbox{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:100%;overflow:auto;padding:22px 24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.mbox h3{margin:0 0 6px;color:var(--navy);font-size:20px}.mbox p{color:#475569;font-size:14px;line-height:1.5;margin:6px 0}.mbox ul{margin:6px 0;padding-left:20px;color:#334155;font-size:14px}.cmd{display:flex;gap:8px;align-items:stretch;margin:8px 0}.cmd code{flex:1;background:#0D1117;color:#E6EDF3;border-radius:10px;padding:10px 12px;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.cmd button,.mclose{border:0;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:700;background:linear-gradient(135deg,#FF3621,#7C4DFF);color:#fff;font-size:13px}.mclose{padding:9px 18px;margin-top:10px;background:#E5E7EB;color:#374151}.tip{background:#ECFDF3;border:1px solid #A7F3D0;border-radius:10px;padding:9px 12px;font-size:13.5px;color:#065F46;margin:8px 0}#err{position:absolute;left:10px;right:10px;bottom:10px;background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B;border-radius:10px;padding:8px 12px;font-size:12px;z-index:30;display:none;white-space:pre-wrap}.confetti{position:absolute;top:-20px;font-size:22px;z-index:9;animation:fall 2.6s linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(900px) rotate(720deg);opacity:.7}}.loading{padding:60px;text-align:center;color:var(--muted)}@media (max-width:820px){.slide{padding:18px}.slide.title .hero{padding:26px 26px 150px}.slide.title .hero h1{font-size:30px}.slide.title .idea{left:16px;right:16px}#toc{display:none}.crumb{display:none}.hint{display:none}.seg button{padding:6px 9px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
+html,body{margin:0;padding:0;height:auto;background:transparent}#dbe{--navy:#1B3139;--accent:#FF3621;--blue:#2272B4;--purple:#7C4DFF;--teal:#00A3A1;--bg:#F4F2EE;--muted:#6B7280;--line:#E5E7EB;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1F2937;background:var(--bg);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;position:relative;border:1px solid #D6D3CD;box-sizing:border-box;width:100%;min-width:0}#dbe *{box-sizing:border-box}#dbe.fs,#dbe.page{border-radius:0;border:0;height:100vh!important}body:has(#dbe.page){overflow:hidden}#dbe button{font-family:inherit}.top{display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--navy);color:#fff;flex:none;z-index:5}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.01em;cursor:pointer;border:0;background:transparent;color:#fff;font-size:15px;padding:4px 6px;border-radius:8px}.brand:hover{background:rgba(255,255,255,.1)}.brand .lg{display:inline-flex;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#FF3621,#7C4DFF);align-items:center;justify-content:center;font-size:15px}.brand em{font-style:normal;color:#FF8A7A}.crumb{color:#94A3B8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.crumb b{color:#E2E8F0;font-weight:600}.seg{display:inline-flex;background:rgba(255,255,255,.1);border-radius:999px;padding:3px;flex:none}.seg button{border:0;background:transparent;color:#CBD5E1;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px;white-space:nowrap}.seg button.on{background:#fff;color:var(--navy);font-weight:700}.hbtn{border:1px solid rgba(255,255,255,.25);background:transparent;color:#E2E8F0;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px;white-space:nowrap;flex:none}.hbtn:hover{background:rgba(255,255,255,.12)}.hbtn.pri{background:linear-gradient(135deg,#FF3621,#c2410c);border-color:transparent;color:#fff;font-weight:700}#bar{height:3px;background:linear-gradient(90deg,var(--accent),var(--purple),var(--teal));width:0;transition:width .35s ease;flex:none}#main{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}#home{flex:1;overflow:auto;padding:18px 22px 26px}.hhero{position:relative;overflow:hidden;border-radius:18px;padding:26px 30px;color:#fff;background:linear-gradient(120deg,#1B3139,#22425a,#2a2f6b,#1B3139);background-size:300% 300%;animation:dbxGrad 14s ease infinite}.hhero .blob{position:absolute;border-radius:50%;filter:blur(34px);opacity:.55;animation:dbxFloat 9s ease-in-out infinite}.hhero .b1{width:260px;height:260px;background:#FF3621;right:-50px;top:-90px}.hhero .b2{width:200px;height:200px;background:#7C4DFF;right:220px;bottom:-120px;animation-delay:-3s}.hhero .b3{width:160px;height:160px;background:#00A3A1;left:-50px;bottom:-70px;animation-delay:-6s}.hhero>div{position:relative}.hhero h1{margin:0 0 6px;font-size:30px;font-weight:800;letter-spacing:-.01em}.hhero h1 em{font-style:normal;color:#FF8A7A}.hhero p{margin:0;color:#E2E8F0;font-size:15px;max-width:760px;line-height:1.5}.hstats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.hstats span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:999px;font-size:13px}.hrow{display:flex;gap:10px;align-items:center;margin:16px 0 4px;flex-wrap:wrap}.cats{display:flex;gap:8px;flex-wrap:wrap;flex:1}.cat{border:1px solid var(--line);background:#fff;color:#334155;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;gap:7px;align-items:center;transition:all .2s}.cat:hover{border-color:var(--accent);transform:translateY(-1px)}.cat.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 6px 16px rgba(27,49,57,.25)}.cat i{font-style:normal;font-size:12px;background:rgba(100,116,139,.18);border-radius:999px;padding:1px 7px}.cat.on i{background:rgba(255,255,255,.2)}#q{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:14px;min-width:210px;outline:none;font-family:inherit;background:#fff}#q:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,77,255,.15)}.cdesc{color:var(--muted);font-size:14px;margin:8px 2px 2px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cdesc button{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--navy)}.cdesc button:hover{border-color:var(--accent);color:var(--accent)}.gtitle{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94A3B8;margin:18px 2px 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.mcard{background:#fff;border-radius:16px;padding:16px 16px 12px;cursor:pointer;border:2px solid transparent;box-shadow:0 4px 14px rgba(27,49,57,.07);transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;animation:dbxRise .45s both;animation-delay:calc(var(--i,0)*35ms)}.mcard:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 28px rgba(27,49,57,.14)}.mcard .mh{display:flex;gap:10px;align-items:flex-start}.mcard .mi{font-size:26px;line-height:1;flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#FFF4F1,#F5F3FF);display:flex;align-items:center;justify-content:center}.mcard .mt{font-weight:800;color:var(--navy);font-size:15.5px;line-height:1.25}.mcard .ms{color:#475569;font-size:13px;line-height:1.45;margin:8px 0 10px;flex:1}.mchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.mchips span{font-size:11.5px;background:#F1F5F9;color:#475569;border-radius:999px;padding:2px 9px;white-space:nowrap}.mact{display:flex;gap:6px}.mact button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 4px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--navy);white-space:nowrap}.mact button:hover{border-color:var(--accent);color:var(--accent)}.mact button.go{background:linear-gradient(135deg,#FF3621,#7C4DFF);border:0;color:#fff}.empty{color:var(--muted);padding:30px;text-align:center}.hfoot{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}.hfoot .cta{flex:2 1 380px;margin:0}.hfoot .pip{flex:1 1 260px;background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--line);font-size:13px;color:#475569}.hfoot .pip code{display:block;background:#0D1117;color:#E6EDF3;border-radius:8px;padding:8px 10px;margin-top:6px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}#player{flex:1;min-height:0;display:none;flex-direction:column}#slides{flex:1;display:flex;flex-direction:column;min-height:0;padding:14px 18px 8px;position:relative}.stage{flex:1;position:relative;min-height:0;perspective:1400px}.slide{position:absolute;inset:0;background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(27,49,57,.14);overflow:auto;padding:26px 44px 30px}.slide.enter-r{animation:inR .45s cubic-bezier(.2,.8,.2,1) both}.slide.enter-l{animation:inL .45s cubic-bezier(.2,.8,.2,1) both}@keyframes inR{from{opacity:0;transform:translateX(60px) rotateY(-6deg)}to{opacity:1;transform:none}}@keyframes inL{from{opacity:0;transform:translateX(-60px) rotateY(6deg)}to{opacity:1;transform:none}}.slide .dbx{max-width:none;font-size:17px}.slide .dbx .sec-head h2{font-size:29px}.slide .dbx table{font-size:15px}.slide .dbx .code pre{font-size:13.5px}.slide .dbx>*{animation:dbxRise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*80ms + 100ms)}.slide.title{padding:0;overflow:hidden;background:transparent}.slide.title .dbx{height:100%;display:flex;flex-direction:column;position:relative}.slide.title .hero{flex:1;margin:0;border-radius:18px;display:flex;align-items:center;padding:40px 60px 130px}.slide.title .hero h1{font-size:46px}.slide.title .sub{font-size:19px}.slide.title .b1{width:420px;height:420px}.slide.title .b2{width:340px;height:340px}.slide.title .b3{width:300px;height:300px}.slide.title .idea{position:absolute;left:60px;right:60px;bottom:30px;font-size:17px;background:rgba(255,255,255,.96)}.slide.title .dbx>:not(.hero):not(.idea){display:none}.controls{display:flex;align-items:center;gap:12px;padding-top:10px;flex:none}.controls .nav{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:44px;height:36px;cursor:pointer;font-size:15px;font-weight:700;color:var(--navy);padding:0 12px}.controls .nav:hover{border-color:var(--accent);color:var(--accent)}.controls .nav.next{background:linear-gradient(135deg,#FF3621,#7C4DFF);color:#fff;border:0}.dots{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#CBD5E1;cursor:pointer;padding:0;transition:all .25s}.dots button.on{background:var(--accent);width:28px;border-radius:6px}.count{color:var(--muted);font-size:13px;min-width:52px;text-align:right}.hint{color:#94A3B8;font-size:12px;white-space:nowrap}#overview{position:absolute;inset:0;background:rgba(244,242,238,.97);z-index:4;display:none;overflow:auto;padding:22px}#overview.on{display:block;animation:dbxRise .3s both}.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ocard{background:#fff;border-radius:14px;padding:14px;cursor:pointer;border:2px solid transparent;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:all .2s}.ocard:hover{transform:translateY(-3px);border-color:var(--accent)}.ocard .n{font-size:12px;color:var(--muted);font-weight:700}.ocard .i{font-size:26px;margin:4px 0}.ocard .t{font-weight:700;color:var(--navy);font-size:14px}#doc{flex:1;display:none;min-height:0}#player.docmode #slides{display:none}#player.docmode #doc{display:flex}#toc{width:250px;flex:none;overflow:auto;padding:16px 12px;border-right:1px solid var(--line);background:#fff}#toc a{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:9px;color:#334155;text-decoration:none;font-size:13px;margin:2px 0;cursor:pointer}#toc a:hover{background:#F1F5F9}#toc a.on{background:#FFF1EE;color:#C62D1A;font-weight:700}#toc .rawbtn{margin-top:12px;width:100%;border:1px dashed #CBD5E1;background:#fff;border-radius:9px;padding:8px;cursor:pointer;font-size:12.5px;color:#475569}#docScroll{flex:1;overflow:auto;padding:20px 28px 60px}.dsec{background:#fff;border-radius:16px;padding:22px 28px;margin:0 auto 16px;max-width:1000px;box-shadow:0 4px 18px rgba(27,49,57,.06)}.dsec.herosec{padding:0;background:transparent;box-shadow:none}.dsec .dbx{max-width:none}.dsec .dbx>*{animation:none}.rawmd{max-width:1000px;margin:0 auto;background:#0D1117;color:#E6EDF3;border-radius:14px;padding:18px 20px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.quiz{max-width:820px}.dbx .code .copy{display:inline-block;margin-left:auto;border:1px solid #30363D;background:#21262D;color:#C9D1D9;border-radius:6px;font-size:11px;padding:2px 8px;cursor:pointer}.dbx .code .run+.copy{margin-left:10px}.fin{text-align:center;padding:10px 0}.fin .big{font-size:60px;animation:vzPop .6s both}.fin h2{font-size:30px;color:var(--navy);margin:6px 0}.fin p{color:var(--muted);margin:0 0 16px}.fcards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;text-align:left;margin-bottom:14px}.fcard{flex:1 1 220px;max-width:330px;background:#F8FAFC;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .2s}.fcard:hover{border-color:var(--accent);transform:translateY(-2px)}.fcard b{display:block;color:var(--navy);margin-bottom:2px}.fcard span{font-size:13.5px;color:#475569}#modal{position:absolute;inset:0;background:rgba(15,23,42,.55);z-index:20;display:none;align-items:center;justify-content:center;padding:20px}#modal.on{display:flex;animation:dbxRise .25s both}.mbox{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:100%;overflow:auto;padding:22px 24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.mbox h3{margin:0 0 6px;color:var(--navy);font-size:20px}.mbox p{color:#475569;font-size:14px;line-height:1.5;margin:6px 0}.mbox ul{margin:6px 0;padding-left:20px;color:#334155;font-size:14px}.cmd{display:flex;gap:8px;align-items:stretch;margin:8px 0}.cmd code{flex:1;background:#0D1117;color:#E6EDF3;border-radius:10px;padding:10px 12px;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.cmd button,.mclose{border:0;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:700;background:linear-gradient(135deg,#FF3621,#7C4DFF);color:#fff;font-size:13px}.mclose{padding:9px 18px;margin-top:10px;background:#E5E7EB;color:#374151}.fsopt{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#F8FAFC;border-radius:12px;padding:11px 14px;margin:8px 0;cursor:pointer;text-decoration:none;color:#0F172A;font-size:14px}.fsopt:hover{border-color:#FF3621;background:#FFF7F5}.fsopt span{display:block;color:#64748B;font-size:12.5px;margin-top:2px}.mclose{padding:9px 16px;margin-top:6px}.tip{background:#ECFDF3;border:1px solid #A7F3D0;border-radius:10px;padding:9px 12px;font-size:13.5px;color:#065F46;margin:8px 0}#err{position:absolute;left:10px;right:10px;bottom:10px;background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B;border-radius:10px;padding:8px 12px;font-size:12px;z-index:30;display:none;white-space:pre-wrap}.confetti{position:absolute;top:-20px;font-size:22px;z-index:9;animation:fall 2.6s linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(900px) rotate(720deg);opacity:.7}}.loading{padding:60px;text-align:center;color:var(--muted)}@media (max-width:820px){.slide{padding:18px}.slide.title .hero{padding:26px 26px 150px}.slide.title .hero h1{font-size:30px}.slide.title .idea{left:16px;right:16px}#toc{display:none}.crumb{display:none}.hint{display:none}.seg button{padding:6px 9px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

{databricksedu-0.2.0 → databricksedu-0.2.1}/src/databricksedu/assets/app.js

@@ -26,7 +26,7 @@
       '<button class="hbtn" id="bOver" title="Slide overview (O)" style="display:none">▦</button>' +
       '<button class="hbtn pri" id="bSave" style="display:none">💾 Save to workspace</button>' +
       '<button class="hbtn" id="bSize" title="Window height">↕</button>' +
-      '<button class="hbtn" id="bFull" title="Full screen (F)">⛶</button>' +
+      '<button class="hbtn" id="bFull" title="Full screen (F)">⛶ Full screen</button>' +
     '</div><div id="bar"></div>' +
     '<div id="main">' +
       '<div id="home"></div>' +
@@ -336,23 +336,42 @@
     if (!S.mod) return 'cat/' + S.cat;
     return S.mode === 'doc' ? 'doc/' + S.mod.id : 'slides/' + S.mod.id + '/' + S.idx;
   }
-  // Notebook outputs (Databricks displayHTML) live in an iframe that may not allow fullscreen:
-  // then the app is reopened in its own browser tab, where F / ⛶ gives real full screen.
-  function openTab() {
-    var w = null;
-    try { w = window.open('', '_blank'); } catch (e) { }
-    if (!w) { setH(Math.max(H, (window.screen && screen.availHeight || 900) - 160)); root.scrollIntoView(); return; }
+  function pageHtml() {
     var start = '<script>window.DBE_START=' + JSON.stringify({ route: route(), page: true }) + ';<\/script>';
-    w.document.open();
-    w.document.write(SRC.replace('<script>window.DBE=', start + '<script>window.DBE='));
-    w.document.close();
+    return SRC.replace('<script>window.DBE=', start + '<script>window.DBE=');
+  }
+  function fillScreen() {
+    setH(Math.max(H, ((window.screen && screen.availHeight) || 900) - 140));
+    try { root.scrollIntoView({ block: 'start' }); } catch (e) { root.scrollIntoView(); }
+  }
+  // Notebook outputs (Databricks displayHTML) live in an iframe that does not allow full screen.
+  // Then offer real links (a click on a link is rarely blocked, unlike window.open from script).
+  function fsMenu() {
+    var url = null;
+    try { url = URL.createObjectURL(new Blob([pageHtml()], { type: 'text/html' })); } catch (e) { }
+    var h = '<div class="mbox"><h3>⛶ Full screen</h3>' +
+      '<p>The notebook does not let this window go full screen by itself. Pick one:</p>' +
+      (url ? '<a class="fsopt" href="' + url + '" target="_blank" rel="noopener" id="fsTab"><b>↗ Open in a new browser tab</b>' +
+        '<span>The whole app in its own tab, right where you are now. Press <b>F</b> there for real full screen.</span></a>' : '') +
+      '<button class="fsopt" id="fsFill"><b>⤢ Make this window as tall as the screen</b><span>Stays in the notebook. Combine it with the ' +
+        'cell\'s own full-screen icon in the Databricks cell toolbar.</span></button>' +
+      (url ? '<a class="fsopt" href="' + url + '" download="databricksedu.html" id="fsDl"><b>⬇ Download as an HTML file</b>' +
+        '<span>Open it later in any browser, also offline.</span></a>' : '') +
+      '<button class="mclose" id="mclose">Close</button></div>';
+    var modal = $('modal');
+    modal.innerHTML = h; modal.classList.add('on');
+    function close() { modal.classList.remove('on'); }
+    $('fsFill').onclick = function () { close(); fillScreen(); };
+    if (url) { $('fsTab').addEventListener('click', function () { setTimeout(close, 50); }); $('fsDl').addEventListener('click', function () { setTimeout(close, 50); }); }
+    $('mclose').onclick = close;
+    modal.onclick = function (e) { if (e.target === modal) close(); };
   }
   function toggleFs() {
     if (document.fullscreenElement || document.webkitFullscreenElement) return (document.exitFullscreen || document.webkitExitFullscreen).call(document);
-    if (!fsOk) return openTab();
+    if (!fsOk) return fsMenu();
     var req = root.requestFullscreen || root.webkitRequestFullscreen, p = null;
-    try { p = req.call(root); } catch (e) { return openTab(); }
-    if (p && p.catch) p.catch(openTab);
+    try { p = req.call(root); } catch (e) { return fsMenu(); }
+    if (p && p.catch) p.catch(fsMenu);
   }
   document.addEventListener('keydown', function (e) {
     if (/INPUT|TEXTAREA/.test((e.target.tagName || ''))) return;

{databricksedu-0.2.0 → databricksedu-0.2.1}/src/databricksedu/workspace.py

@@ -13,20 +13,35 @@ def _magic(text):
     return "\n".join("# MAGIC " + line if line else "# MAGIC" for line in text.splitlines())
 
 
+_CSS_JS = {}
+
+
+def _css_loader(with_viz):
+    """A script that adds the stylesheet. Databricks runs the scripts of a %md-sandbox cell, but its
+    Markdown pass can break a long <style> block (CSS is full of * and _); base64 has neither."""
+    if with_viz not in _CSS_JS:
+        css = catalog.asset("dbx.css") + (catalog.asset("viz.css") if with_viz else "")
+        b64 = base64.b64encode(css.encode("utf-8")).decode("ascii")
+        b64 = "'+\n'".join(b64[i:i + 400] for i in range(0, len(b64), 400))     # short lines
+        _CSS_JS[with_viz] = ("(function(){var b=atob('%s'),u=new Uint8Array(b.length);"
+                             "for(var i=0;i<b.length;i++)u[i]=b.charCodeAt(i);"
+                             "var s=document.createElement('style');s.textContent=new TextDecoder('utf-8').decode(u);"
+                             "(document.head||document.documentElement).appendChild(s);})();\n" % b64)
+    return _CSS_JS[with_viz]
+
+
 def _sandbox(cell):
     """A %md-sandbox cell. No blank lines (they would end the HTML block) and no bare $ (KaTeX)."""
     body = cell["h"].replace("$", "&#36;")
     body = "\n".join(line if line.strip() else "<span></span>" for line in body.splitlines())
-    css = catalog.asset("dbx.css") + (catalog.asset("viz.css") if cell.get("viz") else "")
-    out = "%md-sandbox\n<style>" + css + "</style>\n<div class=\"dbx\">\n" + body + "\n</div>"
-    script = ""
+    out = "%md-sandbox\n<div class=\"dbx\">\n" + body + "\n</div>"
+    script = _css_loader(bool(cell.get("viz")))
     if cell.get("viz"):
         script += catalog.asset("viz.js") + "\nDBXViz.init(document, {autoplay: true});\n"
     if cell.get("quiz"):
         quiz = json.dumps(cell["quiz"], ensure_ascii=False).replace("$", "\\u0024").replace("</", "<\\/")
         script += catalog.asset("quiz.js") + "\ndbxQuiz('dbxquiz', " + quiz + ");\n"
-    if script:
-        out += "\n<script>\n" + script.replace("$", "\\u0024") + "</script>"
+    out += "\n<script>\n" + script.replace("$", "\\u0024") + "</script>"
     return out
 
 

{databricksedu-0.2.0 → databricksedu-0.2.1}/tools/assets/app.css

@@ -139,6 +139,10 @@ body:has(#dbe.page){overflow:hidden}
 .cmd code{flex:1;background:#0D1117;color:#E6EDF3;border-radius:10px;padding:10px 12px;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}
 .cmd button,.mclose{border:0;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:700;background:linear-gradient(135deg,#FF3621,#7C4DFF);color:#fff;font-size:13px}
 .mclose{padding:9px 18px;margin-top:10px;background:#E5E7EB;color:#374151}
+.fsopt{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#F8FAFC;border-radius:12px;padding:11px 14px;margin:8px 0;cursor:pointer;text-decoration:none;color:#0F172A;font-size:14px}
+.fsopt:hover{border-color:#FF3621;background:#FFF7F5}
+.fsopt span{display:block;color:#64748B;font-size:12.5px;margin-top:2px}
+.mclose{padding:9px 16px;margin-top:6px}
 .tip{background:#ECFDF3;border:1px solid #A7F3D0;border-radius:10px;padding:9px 12px;font-size:13.5px;color:#065F46;margin:8px 0}
 #err{position:absolute;left:10px;right:10px;bottom:10px;background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B;border-radius:10px;padding:8px 12px;font-size:12px;z-index:30;display:none;white-space:pre-wrap}
 .confetti{position:absolute;top:-20px;font-size:22px;z-index:9;animation:fall 2.6s linear forwards;pointer-events:none}

{databricksedu-0.2.0 → databricksedu-0.2.1}/tools/assets/app.js

@@ -28,7 +28,7 @@
       '<button class="hbtn" id="bOver" title="Slide overview (O)" style="display:none">▦</button>' +
       '<button class="hbtn pri" id="bSave" style="display:none">💾 Save to workspace</button>' +
       '<button class="hbtn" id="bSize" title="Window height">↕</button>' +
-      '<button class="hbtn" id="bFull" title="Full screen (F)">⛶</button>' +
+      '<button class="hbtn" id="bFull" title="Full screen (F)">⛶ Full screen</button>' +
     '</div><div id="bar"></div>' +
     '<div id="main">' +
       '<div id="home"></div>' +
@@ -344,23 +344,42 @@
     if (!S.mod) return 'cat/' + S.cat;
     return S.mode === 'doc' ? 'doc/' + S.mod.id : 'slides/' + S.mod.id + '/' + S.idx;
   }
-  // Notebook outputs (Databricks displayHTML) live in an iframe that may not allow fullscreen:
-  // then the app is reopened in its own browser tab, where F / ⛶ gives real full screen.
-  function openTab() {
-    var w = null;
-    try { w = window.open('', '_blank'); } catch (e) { }
-    if (!w) { setH(Math.max(H, (window.screen && screen.availHeight || 900) - 160)); root.scrollIntoView(); return; }
+  function pageHtml() {
     var start = '<script>window.DBE_START=' + JSON.stringify({ route: route(), page: true }) + ';<\/script>';
-    w.document.open();
-    w.document.write(SRC.replace('<script>window.DBE=', start + '<script>window.DBE='));
-    w.document.close();
+    return SRC.replace('<script>window.DBE=', start + '<script>window.DBE=');
+  }
+  function fillScreen() {
+    setH(Math.max(H, ((window.screen && screen.availHeight) || 900) - 140));
+    try { root.scrollIntoView({ block: 'start' }); } catch (e) { root.scrollIntoView(); }
+  }
+  // Notebook outputs (Databricks displayHTML) live in an iframe that does not allow full screen.
+  // Then offer real links (a click on a link is rarely blocked, unlike window.open from script).
+  function fsMenu() {
+    var url = null;
+    try { url = URL.createObjectURL(new Blob([pageHtml()], { type: 'text/html' })); } catch (e) { }
+    var h = '<div class="mbox"><h3>⛶ Full screen</h3>' +
+      '<p>The notebook does not let this window go full screen by itself. Pick one:</p>' +
+      (url ? '<a class="fsopt" href="' + url + '" target="_blank" rel="noopener" id="fsTab"><b>↗ Open in a new browser tab</b>' +
+        '<span>The whole app in its own tab, right where you are now. Press <b>F</b> there for real full screen.</span></a>' : '') +
+      '<button class="fsopt" id="fsFill"><b>⤢ Make this window as tall as the screen</b><span>Stays in the notebook. Combine it with the ' +
+        'cell\'s own full-screen icon in the Databricks cell toolbar.</span></button>' +
+      (url ? '<a class="fsopt" href="' + url + '" download="databricksedu.html" id="fsDl"><b>⬇ Download as an HTML file</b>' +
+        '<span>Open it later in any browser, also offline.</span></a>' : '') +
+      '<button class="mclose" id="mclose">Close</button></div>';
+    var modal = $('modal');
+    modal.innerHTML = h; modal.classList.add('on');
+    function close() { modal.classList.remove('on'); }
+    $('fsFill').onclick = function () { close(); fillScreen(); };
+    if (url) { $('fsTab').addEventListener('click', function () { setTimeout(close, 50); }); $('fsDl').addEventListener('click', function () { setTimeout(close, 50); }); }
+    $('mclose').onclick = close;
+    modal.onclick = function (e) { if (e.target === modal) close(); };
   }
   function toggleFs() {
     if (document.fullscreenElement || document.webkitFullscreenElement) return (document.exitFullscreen || document.webkitExitFullscreen).call(document);
-    if (!fsOk) return openTab();
+    if (!fsOk) return fsMenu();
     var req = root.requestFullscreen || root.webkitRequestFullscreen, p = null;
-    try { p = req.call(root); } catch (e) { return openTab(); }
-    if (p && p.catch) p.catch(openTab);
+    try { p = req.call(root); } catch (e) { return fsMenu(); }
+    if (p && p.catch) p.catch(fsMenu);
   }
   document.addEventListener('keydown', function (e) {
     if (/INPUT|TEXTAREA/.test((e.target.tagName || ''))) return;

databricksedu-0.2.0/src/databricksedu/_version.py

@@ -1 +0,0 @@
-__version__ = "0.2.0"