Skip to content

Commit 3c8ab8a

Browse files
CarreauCarreau
committed
simple css and add plausible tracking
1 parent d90b3b3 commit 3c8ab8a

File tree

13 files changed

+275
-146
lines changed

13 files changed

+275
-146
lines changed

‎src/components/Footer.astro‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -18,42 +18,42 @@ const currentYear = new Date().getFullYear();
1818
<div>
1919
<h3 class="text-sm font-bold text-gray-900 dark:text-white mb-4">Resources</h3>
2020
<ul class="space-y-2 text-sm">
21-
<li><a href={baseUrl('features')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Features</a></li>
22-
<li><a href={baseUrl('install')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Installation</a></li>
23-
<li><a href="https://pypi.org/project/ipython/" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">PyPI</a></li>
24-
<li><a href="https://ipython.readthedocs.io/" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Documentation</a></li>
21+
<li><a href={baseUrl('features')} class="link-hover">Features</a></li>
22+
<li><a href={baseUrl('install')} class="link-hover">Installation</a></li>
23+
<li><a href="https://pypi.org/project/ipython/" target="_blank" rel="noopener noreferrer" class="link-hover">PyPI</a></li>
24+
<li><a href="https://ipython.readthedocs.io/" target="_blank" rel="noopener noreferrer" class="link-hover">Documentation</a></li>
2525
</ul>
2626
</div>
2727

2828
<!-- Community -->
2929
<div>
3030
<h3 class="text-sm font-bold text-gray-900 dark:text-white mb-4">Community</h3>
3131
<ul class="space-y-2 text-sm">
32-
<li><a href={baseUrl('community')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Get Help</a></li>
33-
<li><a href="https://github.com/ipython/ipython" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">GitHub</a></li>
34-
<li><a href={baseUrl('about')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">About</a></li>
32+
<li><a href={baseUrl('community')} class="link-hover">Get Help</a></li>
33+
<li><a href="https://github.com/ipython/ipython" target="_blank" class="link-hover">GitHub</a></li>
34+
<li><a href={baseUrl('about')} class="link-hover">About</a></li>
3535
</ul>
3636
</div>
3737

3838
<!-- Historical -->
3939
<div>
4040
<h3 class="text-sm font-bold text-gray-900 dark:text-white mb-4">Historical</h3>
4141
<ul class="space-y-2 text-sm">
42-
<li><a href={baseUrl('microsoft-donation-2013')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Microsoft Donation 2013</a></li>
43-
<li><a href={baseUrl('roadmap-announcement')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Roadmap Announcement</a></li>
44-
<li><a href={baseUrl('sloan-grant')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Sloan Grant</a></li>
45-
<li><a href={baseUrl('presentation')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Presentations</a></li>
46-
<li><a href={baseUrl('usersurvey2011')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">User Survey 2011</a></li>
47-
<li><a href={baseUrl('usersurvey2013')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">User Survey 2013</a></li>
42+
<li><a href={baseUrl('microsoft-donation-2013')} class="link-hover">Microsoft Donation 2013</a></li>
43+
<li><a href={baseUrl('roadmap-announcement')} class="link-hover">Roadmap Announcement</a></li>
44+
<li><a href={baseUrl('sloan-grant')} class="link-hover">Sloan Grant</a></li>
45+
<li><a href={baseUrl('presentation')} class="link-hover">Presentations</a></li>
46+
<li><a href={baseUrl('usersurvey2011')} class="link-hover">User Survey 2011</a></li>
47+
<li><a href={baseUrl('usersurvey2013')} class="link-hover">User Survey 2013</a></li>
4848
</ul>
4949
</div>
5050

5151
<!-- Legal -->
5252
<div>
5353
<h3 class="text-sm font-bold text-gray-900 dark:text-white mb-4">Legal</h3>
5454
<ul class="space-y-2 text-sm">
55-
<li><a href={baseUrl('about')} class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">Citation Info</a></li>
56-
<li><a href="https://github.com/ipython/ipython/blob/main/LICENSE" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-theme-secondary transition-colors">BSD License</a></li>
55+
<li><a href={baseUrl('about')} class="link-hover">Citation Info</a></li>
56+
<li><a href="https://github.com/ipython/ipython/blob/main/LICENSE" target="_blank" class="link-hover">BSD License</a></li>
5757
</ul>
5858
</div>
5959
</div>
@@ -63,7 +63,7 @@ const currentYear = new Date().getFullYear();
6363
<div class="flex flex-col sm:flex-row items-center gap-4">
6464
<ColorThemeSwitcher client:load />
6565
<div class="flex space-x-6">
66-
<a href="https://github.com/ipython/ipython" target="_blank" class="text-gray-400 hover:text-theme-secondary transition-colors">
66+
<a href="https://github.com/ipython/ipython" target="_blank" class="link-hover">
6767
<span class="sr-only">GitHub</span>
6868
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
6969
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v 3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>

‎src/components/Navigation.astro‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,19 +14,19 @@ import { baseUrl } from '../lib/utils';
1414
</a>
1515

1616
<!-- Navigation Links (Desktop) -->
17-
<div class="hidden md:flex items-center space-x-8">
18-
<a href={baseUrl('features')} class="text-gray-700 dark:text-gray-200 hover:text-theme-primary dark:hover:text-theme-secondary transition-colors font-medium">Features</a>
19-
<a href={baseUrl('install')} class="text-gray-700 dark:text-gray-200 hover:text-theme-primary dark:hover:text-theme-secondary transition-colors font-medium">Install</a>
20-
<a href={baseUrl('get-started')} class="text-gray-700 dark:text-gray-200 hover:text-theme-primary dark:hover:text-theme-secondary transition-colors font-medium">Get Started</a>
21-
<a href={baseUrl('community')} class="text-gray-700 dark:text-gray-200 hover:text-theme-primary dark:hover:text-theme-secondary transition-colors font-medium">Community</a>
22-
<a href={baseUrl('about')} class="text-gray-700 dark:text-gray-200 hover:text-theme-primary dark:hover:text-theme-secondary transition-colors font-medium">About</a>
17+
<div class="nav-links hidden md:flex items-center space-x-8">
18+
<a href={baseUrl('features')}>Features</a>
19+
<a href={baseUrl('install')}>Install</a>
20+
<a href={baseUrl('get-started')}>Get Started</a>
21+
<a href={baseUrl('community')}>Community</a>
22+
<a href={baseUrl('about')}>About</a>
2323
</div>
2424

2525
<!-- Right side icons -->
2626
<div class="flex items-center space-x-4">
2727
<ColorThemeDropdown client:load />
2828
<ThemeToggle client:load />
29-
<a href="https://github.com/ipython/ipython" target="_blank" rel="noopener noreferrer" class="text-gray-700 dark:text-gray-300 hover:text-theme-primary dark:hover:text-theme-secondary transition-colors">
29+
<a href="https://github.com/ipython/ipython" target="_blank" rel="noopener noreferrer" class="link-hover">
3030
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
3131
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v 3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
3232
</svg>

‎src/layouts/BaseLayout.astro‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,20 @@ const { title, description = 'IPython - Productive Interactive Computing' } = As
3030
document.documentElement.classList.add('dark');
3131
}
3232
</script>
33+
<script defer src="https://plausible.io/js/pa-B75UO5--FNXYQSG7GBWkf.js"></script>
34+
<script is:inline>
35+
window.plausible =
36+
window.plausible ||
37+
function () {
38+
(window.plausible.q = window.plausible.q || []).push(arguments);
39+
};
40+
plausible.init =
41+
plausible.init ||
42+
function (i) {
43+
plausible.o = i || {};
44+
};
45+
plausible.init({ hashBasedRouting: true });
46+
</script>
3347
</head>
3448
<body class="bg-white dark:bg-ipython-dark text-gray-900 dark:text-gray-50">
3549
<slot />

‎src/lib/themeUtils.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -230,7 +230,7 @@ export function applyTheme(
230230
if (themeId === "random") {
231231
actualThemeId = getRandomTheme();
232232
}
233-
console.log("Applying them", themeId);
233+
console.log("Applying theme", themeId);
234234

235235
const theme = themes.find((t) => t.id === actualThemeId) || themes[0];
236236
const root = document.documentElement;
@@ -514,7 +514,7 @@ export function initializeThemeWatcher(): () => void {
514514
const urlParams = new URLSearchParams(window.location.search);
515515
const themeParam = urlParams.get("theme");
516516
let themeParamApplied = false;
517-
517+
518518
if (themeParam) {
519519
// Validate theme exists
520520
const themeExists = themes.some((t) => t.id === themeParam);

‎src/pages/about.astro‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -528,59 +528,59 @@ if (!cachedData) {
528528
<div class="space-y-12">
529529
<!-- Project History -->
530530
<div>
531-
<h2 class="text-3xl font-bold mb-4 text-gray-900 dark:text-white">Project History</h2>
532-
<p class="text-gray-600 dark:text-gray-400 mb-4">
531+
<h2 class="heading-lg">Project History</h2>
532+
<p class="body-text">
533533
IPython (Interactive Python) was created by Fernando Pérez in 2001 as a more powerful interactive shell for Python. It evolved from Mathematica's notebook interface and was designed to improve the interactive computing experience.
534534
</p>
535-
<p class="text-gray-600 dark:text-gray-400 mb-4">
535+
<p class="body-text">
536536
Over the years, IPython became the foundation for Jupyter notebooks and the broader Project Jupyter ecosystem, revolutionizing how scientists, data analysts, and educators work with code.
537537
</p>
538538
</div>
539539

540540
<!-- Jupyter Relationship -->
541541
<div>
542-
<h2 class="text-3xl font-bold mb-4 text-gray-900 dark:text-white">IPython and Project Jupyter</h2>
543-
<p class="text-gray-600 dark:text-gray-400 mb-4">
542+
<h2 class="heading-lg">IPython and Project Jupyter</h2>
543+
<p class="body-text">
544544
Since IPython 4.0 (released in 2015), the language-agnostic components were separated into Project Jupyter. IPython now focuses specifically on interactive Python computing as a Jupyter kernel and terminal interface.
545545
</p>
546-
<p class="text-gray-600 dark:text-gray-400 mb-4">
546+
<p class="body-text">
547547
Today, IPython is a core component of the Jupyter ecosystem, providing the powerful interactive Python backend for notebooks, JupyterLab, and other tools.
548548
</p>
549549
</div>
550550

551551
<!-- Architecture -->
552552
<div>
553-
<h2 class="text-3xl font-bold mb-4 text-gray-900 dark:text-white">Modern Architecture</h2>
553+
<h2 class="heading-lg">Modern Architecture</h2>
554554
<p class="text-gray-600 dark:text-gray-400 mb-6">
555555
IPython is organized into several key components:
556556
</p>
557557
<div class="space-y-4">
558558
<div class="border-l-4 border-theme-secondary pl-6">
559559
<h3 class="font-bold text-gray-900 dark:text-white mb-2">Terminal IPython</h3>
560-
<p class="text-gray-600 dark:text-gray-400">A powerful command-line interface for interactive Python.</p>
560+
<p class="body-text-base">A powerful command-line interface for interactive Python.</p>
561561
</div>
562562
<div class="border-l-4 border-theme-secondary pl-6">
563563
<h3 class="font-bold text-gray-900 dark:text-white mb-2">IPython Kernel</h3>
564-
<p class="text-gray-600 dark:text-gray-400">Backend for Jupyter notebooks and JupyterLab.</p>
564+
<p class="body-text-base">Backend for Jupyter notebooks and JupyterLab.</p>
565565
</div>
566566
<div class="border-l-4 border-theme-secondary pl-6">
567567
<h3 class="font-bold text-gray-900 dark:text-white mb-2">Traitlets</h3>
568-
<p class="text-gray-600 dark:text-gray-400">Configuration and type system used by IPython and Jupyter.</p>
568+
<p class="body-text-base">Configuration and type system used by IPython and Jupyter.</p>
569569
</div>
570570
<div class="border-l-4 border-theme-secondary pl-6">
571571
<h3 class="font-bold text-gray-900 dark:text-white mb-2">Display System</h3>
572-
<p class="text-gray-600 dark:text-gray-400">Rich output rendering for notebooks and terminals.</p>
572+
<p class="body-text-base">Rich output rendering for notebooks and terminals.</p>
573573
</div>
574574
</div>
575575
</div>
576576

577577
<!-- Governance -->
578578
<div>
579-
<h2 class="text-3xl font-bold mb-4 text-gray-900 dark:text-white">Governance</h2>
580-
<p class="text-gray-600 dark:text-gray-400 mb-4">
579+
<h2 class="heading-lg">Governance</h2>
580+
<p class="body-text">
581581
IPython is part of Project Jupyter and operates under a community-driven governance model. The project is guided by the Jupyter Governance Council and maintained by volunteers from the open-source community.
582582
</p>
583-
<p class="text-gray-600 dark:text-gray-400 mb-4">
583+
<p class="body-text">
584584
Development decisions are made transparently through GitHub discussions, pull requests, and community meetings. Anyone can contribute to IPython regardless of their background or experience level.
585585
</p>
586586
</div>
@@ -591,8 +591,8 @@ if (!cachedData) {
591591

592592
<!-- License -->
593593
<div>
594-
<h2 class="text-3xl font-bold mb-4 text-gray-900 dark:text-white">License</h2>
595-
<p class="text-gray-600 dark:text-gray-400 mb-4">
594+
<h2 class="heading-lg">License</h2>
595+
<p class="body-text">
596596
IPython is released under the <a href="https://opensource.org/licenses/BSD-3-Clause" class="text-theme-secondary hover:text-theme-secondary/80 transition-colors">BSD 3-Clause License</a>, which allows free use in both commercial and non-commercial projects.
597597
</p>
598598
</div>

0 commit comments

Comments
 (0)