Skip to content

Commit

Permalink
Add Jupyter logo in footer
Browse files Browse the repository at this point in the history
  • Loading branch information
rowanc1 committed Jul 23, 2024
1 parent 9c356cd commit beea05b
Show file tree
Hide file tree
Showing 3 changed files with 241 additions and 16 deletions.
33 changes: 17 additions & 16 deletions theme/app/components/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@ import { MastodonIcon, TwitterIcon, GithubIcon, DiscordIcon } from '@scienceicon
import { Link } from '@remix-run/react';
import Logo from './logo-wide.svg';
import LogoDark from './logo-wide-dark.svg';
import EBPLogo from './ebp-logo-wide.svg';
import EBPLogoDark from './ebp-logo-wide-dark.svg';
import JupyterLogo from './jupyter-logo-wide.svg';
import JupyterLogoDark from './jupyter-logo-wide-dark.svg';
import classNames from 'classnames';

function SocialIcons() {
Expand Down Expand Up @@ -49,37 +49,33 @@ function SocialIcons() {
);
}

export function ExecutableBooksFooter() {
export function JupyterFooter() {
return (
<div className="px-6 py-3 article-grid col-screen bg-slate-100 dark:bg-zinc-900">
<div className="grid grid-cols-1 gap-2 col-screen md:grid-cols-12 text-neutral-800 dark:text-gray-100">
<div className="text-center md:text-left md:col-span-4">
<a
href="https://executablebooks.org"
href="https://jupyter.org"
target="_blank"
rel="noreferrer"
className="block mx-auto w-fit md:mx-0"
>
<img src={EBPLogo} className="h-9 dark:hidden" alt="Executable Books Project" />
<img
src={EBPLogoDark}
className="hidden h-9 dark:block"
alt="Executable Books Project"
/>
<span className="sr-only">Executable Books Project</span>
<img src={JupyterLogo} className="h-9 dark:hidden" alt="Jupyter Project" />
<img src={JupyterLogoDark} className="hidden h-9 dark:block" alt="Jupyter Project" />
<span className="sr-only">Jupyter Project</span>
</a>
</div>
<div className="m-auto text-center md:col-span-4">
<a
href="https://compass.executablebooks.org/en/latest/team/index.html"
href="https://compass.jupyterbook.org/team"
target="_blank"
rel="noreferrer"
className="text-sm after:content-['\a0\2219\a0']"
>
Our Team
</a>
<a
href="https://compass.executablebooks.org"
href="https://compass.jupyterbook.org"
target="_blank"
rel="noreferrer"
className="text-sm after:content-['\a0\2219\a0']"
Expand All @@ -97,7 +93,7 @@ export function ExecutableBooksFooter() {
</div>
<div className="m-auto text-right md:mx-0 md:col-span-4">
<a
href="https://compass.executablebooks.org/en/latest/code-of-conduct.html"
href="https://compass.jupyterbook.org/code-of-conduct"
target="_blank"
rel="noreferrer"
className="text-sm"
Expand Down Expand Up @@ -128,7 +124,12 @@ export function Footer({ tight }: { tight?: boolean }) {
<span className="sr-only">MyST Markdown</span>
</a>
<div className="max-w-sm font-light prose dark:text-white">
Community-driven tools for the future of technical communication and publication
Community-driven tools for the future of technical communication and publication,
part of{' '}
<a href="https://jupyter.org" target="_blank">
Jupyter
</a>
.
</div>
<SocialIcons />
</div>
Expand Down Expand Up @@ -196,7 +197,7 @@ export function Footer({ tight }: { tight?: boolean }) {
</div>
</div>
</div>
<ExecutableBooksFooter />
<JupyterFooter />
</section>
);
}
112 changes: 112 additions & 0 deletions theme/app/components/jupyter-logo-wide-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit beea05b

Please sign in to comment.