Add powered by Jupyter logo

martenrichter · martenrichter · commit a92c36ff493f · 2025-02-08T16:09:10.000+01:00
diff --git a/src/ui/blackboard/jupyterhublet.jsx b/src/ui/blackboard/jupyterhublet.jsx
@@ -30,6 +30,7 @@ import {
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { JupyterEdit } from '@fails-components/jupyter-react-edit'
 import { OverlayPanel } from 'primereact/overlaypanel'
+import powerByJupyterLogo from '../jupyterlogo/poweredbyjupyter-square-lightbg.svg'
 
 const jupyterProxyDomains =
   import.meta.env.REACT_APP_JUPYTER_PROXY_DOMAINS.split(' ').map(
@@ -1337,7 +1338,18 @@ export class JupyterHublet extends Component {
           </div>
         </div>
         <OverlayPanel className='tbChild' ref={this.jupyterinfo} showCloseIcon>
-          <h3>FAILS' apps are powered by Jupyter Lite</h3>
+          <h3>
+            <div style={{ display: 'flex', alignItems: 'center' }}>
+              <img
+                src={powerByJupyterLogo}
+                style={{ width: '60px', marginLeft: '5px' }}
+                alt='powered by jupyter logo'
+              />
+              <div style={{ marginLeft: '10px', textAlign: 'left' }}>
+                FAILS' apps are powered by Jupyter Lite{' '}
+              </div>
+            </div>
+          </h3>
           Build upon the shoulders of giants, see{' '}
           <button
             onClick={() => {
diff --git a/src/ui/jupyterlogo/poweredbyjupyter-square-lightbg.svg b/src/ui/jupyterlogo/poweredbyjupyter-square-lightbg.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 99 99" style="enable-background:new 0 0 99 99;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#4E4E4D;}
+	.st2{fill:#767676;}
+	.st3{fill:#F37826;}
+	.st4{fill:#9D9D9D;}
+	.st5{fill:#616262;}
+</style>
+<path class="st0" d="M7.9,0h83.2C95.5,0,99,3.5,99,7.9v83.2c0,4.4-3.5,7.9-7.9,7.9H7.9C3.5,99,0,95.5,0,91.1V7.9C0,3.5,3.5,0,7.9,0z
+	"/>
+<g id="Group_1_">
+	<g>
+		<path id="path0_fill_1_" class="st1" d="M25.2,58.9c0,1.9-0.2,2.6-0.6,3s-1,0.6-1.6,0.6l0.2,1.1c0.9,0,1.8-0.3,2.5-0.9
+			c0.8-0.9,1.1-2.1,1-3.3v-7.3h-1.5V58.9z"/>
+		<path id="path1_fill_1_" class="st1" d="M36.3,58c0,0.8,0,1.6,0.1,2.2H35v-1.3c-0.6,1-1.6,1.5-2.7,1.5c-1.3,0-2.8-0.7-2.8-3.5
+			v-4.8H31v4.4c0,1.5,0.5,2.6,1.8,2.6c1.1,0,2.1-0.9,2.1-2.1l0,0v-5h1.5L36.3,58L36.3,58z"/>
+		<path id="path2_fill_1_" class="st1" d="M39.1,54.8c0-1,0-1.9-0.1-2.6h1.3l0.1,1.4c0.6-1,1.7-1.6,2.9-1.5c2,0,3.5,1.7,3.5,4.1
+			c0,2.9-1.8,4.3-3.7,4.3c-1,0-2-0.4-2.5-1.3v4.4h-1.5V54.8L39.1,54.8z M40.6,56.9c0,0.2,0,0.4,0.1,0.6c0.3,1,1.2,1.7,2.2,1.7
+			c1.6,0,2.5-1.3,2.5-3.1c0-1.6-0.9-3-2.4-3c-1.3,0.1-2.3,1.1-2.3,2.4L40.6,56.9L40.6,56.9z"/>
+		<path id="path3_fill_1_" class="st1" d="M49.5,52.1l1.8,4.8c0.2,0.5,0.4,1.2,0.5,1.7c0.2-0.5,0.3-1.1,0.5-1.7l1.6-4.8h1.6
+			l-2.2,5.8c-1.1,2.8-1.8,4.2-2.8,5.1c-0.5,0.5-1.1,0.8-1.8,1l-0.4-1.2c0.5-0.2,0.9-0.4,1.3-0.7c0.5-0.4,1-1,1.2-1.6
+			c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1,0-0.3-0.1-0.4l-3-7.5L49.5,52.1L49.5,52.1z"/>
+		<path id="path4_fill_1_" class="st1" d="M59.5,49.8v2.3h2.1v1.1h-2.1v4.4c0,1,0.3,1.6,1.1,1.6c0.3,0,0.6,0,0.9-0.1l0.1,1.1
+			c-0.4,0.1-0.9,0.2-1.3,0.2c-0.6,0-1.2-0.2-1.6-0.6c-0.4-0.6-0.6-1.4-0.6-2.1v-4.5h-1.3v-1.1H58v-2L59.5,49.8z"/>
+		<path id="path5_fill_1_" class="st1" d="M64.3,56.5c-0.1,1.4,1,2.7,2.4,2.8c0.1,0,0.3,0,0.4,0c0.8,0,1.5-0.1,2.2-0.4l0.3,1.1
+			c-0.9,0.4-1.8,0.5-2.7,0.5c-2.1,0.1-3.9-1.5-4-3.5c0-0.2,0-0.4,0-0.6c0-2.4,1.4-4.4,3.8-4.4c2.6,0,3.3,2.3,3.3,3.8
+			c0,0.2,0,0.5,0,0.7L64.3,56.5L64.3,56.5z M68.7,55.3c0.2-1.1-0.6-2.2-1.8-2.4c-0.1,0-0.2,0-0.3,0c-1.3,0.1-2.3,1.1-2.3,2.4H68.7z"
+			/>
+		<path id="path6_fill_1_" class="st1" d="M72.3,54.7c0-1,0-1.8-0.1-2.5h1.3v1.6h0.1c0.3-1,1.2-1.7,2.2-1.8c0.1,0,0.3,0,0.4,0v1.4
+			c-0.2,0-0.3,0-0.5,0c-1,0-1.9,0.8-2,1.9c0,0.2-0.1,0.5-0.1,0.7v4.3h-1.4L72.3,54.7L72.3,54.7z"/>
+	</g>
+	<g id="g_1_">
+		<path id="path7_fill_1_" class="st2" d="M71.6,29.8c0.1,2.1-1.5,3.9-3.5,4c-2.1,0.1-3.9-1.5-4-3.5c-0.1-2.1,1.5-3.9,3.5-4
+			c0,0,0,0,0.1,0C69.8,26.2,71.5,27.8,71.6,29.8L71.6,29.8z"/>
+		<path id="path8_fill_1_" class="st3" d="M49.7,73.3c-10,0-18.8-3.6-23.3-8.9c4.8,12.9,19.1,19.5,31.9,14.7
+			c6.8-2.5,12.2-7.9,14.7-14.7C68.4,69.7,59.7,73.3,49.7,73.3z"/>
+		<path id="path9_fill_1_" class="st3" d="M49.7,38.9c10,0,18.8,3.6,23.3,8.9c-4.8-12.9-19.1-19.5-32-14.7
+			c-6.8,2.5-12.2,7.9-14.7,14.7C30.9,42.5,39.6,38.9,49.7,38.9z"/>
+		<path id="path10_fill_1_" class="st4" d="M35.9,83.6c0.1,2.6-1.9,4.8-4.5,4.9s-4.8-1.9-4.9-4.5s1.9-4.8,4.5-4.9
+			c1.9-0.1,3.7,1,4.5,2.7C35.7,82.4,35.9,83,35.9,83.6z"/>
+		<path id="path11_fill_1_" class="st5" d="M27.5,37.7c-1.5,0-2.8-1.1-2.8-2.7c0-1.5,1.1-2.8,2.7-2.8c1.5,0,2.7,1.1,2.8,2.6
+			C30.2,36.3,29,37.6,27.5,37.7z"/>
+	</g>
+</g>
+<g>
+	<path class="st2" d="M11.3,10.1C12,10,12.7,9.9,13.4,10c0.7-0.1,1.5,0.1,2.1,0.5c0.5,0.4,0.7,0.9,0.7,1.5s-0.2,1.2-0.6,1.6
+		c-0.6,0.5-1.4,0.8-2.2,0.7c-0.2,0-0.3,0-0.5,0v2.4h-1.5v-6.6H11.3z M12.8,13.1c0.2,0,0.3,0,0.5,0c0.8,0,1.3-0.4,1.3-1.1
+		s-0.4-1-1.2-1c-0.2,0-0.4,0-0.6,0.1V13.1z"/>
+	<path class="st2" d="M25.3,13.3c0.2,1.8-1.1,3.3-2.9,3.5c-0.1,0-0.3,0-0.4,0c-1.7,0-3.2-1.4-3.2-3.1c0-0.1,0-0.2,0-0.3
+		c-0.1-1.8,1.2-3.4,3-3.5c0.1,0,0.2,0,0.3,0c1.7,0,3.2,1.4,3.2,3.1C25.3,13.1,25.3,13.2,25.3,13.3z M20.4,13.4
+		c0,1.3,0.6,2.2,1.6,2.2s1.6-1,1.6-2.3S23,11.1,22,11.1S20.4,12.1,20.4,13.4z"/>
+	<path class="st2" d="M29.3,16.7L27.7,10h1.6l0.5,2.8c0.1,0.8,0.3,1.7,0.4,2.3l0,0c0.1-0.7,0.3-1.5,0.4-2.4l0.6-2.8h1.6l0.5,2.8
+		c0.2,0.8,0.3,1.5,0.4,2.3l0,0c0.1-0.8,0.2-1.5,0.4-2.3l0.6-2.8h1.5l-1.7,6.7h-1.6l-0.6-2.9c-0.1-0.7-0.2-1.3-0.3-2.1l0,0
+		c-0.1,0.8-0.2,1.4-0.4,2.1l-0.6,3H29.3z"/>
+	<path class="st2" d="M43.1,13.9h-2.5v1.6h2.8v1.2h-4.3V10h4.2v1.2h-2.6v1.4h2.5v1.3H43.1z"/>
+	<path class="st2" d="M46.4,10.1c0.7-0.1,1.3-0.1,2-0.1c0.8-0.1,1.5,0.1,2.2,0.5c0.4,0.3,0.6,0.9,0.6,1.4c0,0.7-0.5,1.4-1.2,1.7l0,0
+		c0.5,0.3,0.8,0.7,0.9,1.3c0.2,0.8,0.4,1.6,0.5,1.9H50c-0.2-0.5-0.4-1-0.5-1.6C49.3,14.3,49,14,48.4,14H48v2.6h-1.6V10.1z M48,13
+		h0.6c0.8,0,1.2-0.4,1.2-1s-0.4-0.9-1.1-0.9c-0.2,0-0.5,0-0.7,0.1V13z"/>
+	<path class="st2" d="M58.4,13.9h-2.5v1.6h2.8v1.2h-4.3V10h4.2v1.2H56v1.4h2.5L58.4,13.9L58.4,13.9z"/>
+	<path class="st2" d="M61.7,10.1c0.7-0.1,1.4-0.1,2.1-0.1c1-0.1,1.9,0.2,2.8,0.7c0.8,0.6,1.2,1.6,1.1,2.5c0.1,1-0.4,2-1.1,2.7
+		c-0.9,0.6-2,0.9-3.1,0.9c-0.6,0-1.2,0-1.7-0.1L61.7,10.1z M63.2,15.6c0.2,0,0.4,0,0.5,0c1.2,0.1,2.2-0.8,2.2-1.9c0-0.1,0-0.3,0-0.4
+		c0.1-1.1-0.6-2-1.7-2.1c-0.1,0-0.3,0-0.4,0c-0.2,0-0.5,0-0.7,0.1L63.2,15.6z"/>
+	<path class="st2" d="M74.7,10.1c0.7-0.1,1.3-0.1,2-0.1c0.7-0.1,1.4,0.1,2,0.4c0.5,0.3,0.8,0.8,0.8,1.3c0,0.7-0.5,1.3-1.1,1.4l0,0
+		c0.8,0.2,1.3,0.9,1.3,1.7c0,0.6-0.3,1.1-0.7,1.4c-0.8,0.5-1.7,0.7-2.7,0.6c-0.6,0-1.1,0-1.7-0.1L74.7,10.1z M76.2,12.6h0.5
+		c0.8,0,1.2-0.3,1.2-0.8S77.5,11,76.8,11c-0.2,0-0.4,0-0.7,0L76.2,12.6z M76.2,15.6c0.2,0,0.4,0,0.6,0c0.7,0,1.3-0.3,1.3-1
+		s-0.6-0.9-1.4-0.9h-0.5V15.6z"/>
+	<path class="st2" d="M84,16.7V14l-2.1-4h1.7l0.7,1.6c0.2,0.5,0.3,0.9,0.5,1.3l0,0c0.2-0.4,0.3-0.8,0.5-1.3L86,10h1.7l-2.2,3.9v2.8
+		C85.5,16.7,84,16.7,84,16.7z"/>
+</g>
+</svg>
diff --git a/src/ui/jupyterlogo/readme.txt b/src/ui/jupyterlogo/readme.txt
@@ -0,0 +1,7 @@
+The logos in this directory are not covered by the license of this package.
+The logos indicate the use of Jupyter inside of FAILs and are subject 
+to the trademark usage policy of Jupyter trademarks.
+
+The Jupyter logos (in several variants) are trademarks of LF Charities.
+
+The logos are used inside FAILs according to their nominative use policy.
