Merge pull request #694 from jarrodmillman/theme-0.5

Update theme (0.5)
numpy · Dec 1, 2023 · 0adbabb · 0adbabb
2 parents 7972413 + 3df134f
commit 0adbabb
Show file tree

Hide file tree

Showing 25 changed files with 138 additions and 120 deletions.
diff --git a/assets/css/casestudies.css b/assets/css/casestudies.css
@@ -2,11 +2,6 @@
     padding: 30px;
 }
 
-.casestudies a:hover {
-    text-decoration: none;
-    color:black
-}
-
 .casestudies-title {
     display: flex;
     justify-content: center;
@@ -28,10 +23,6 @@
     border-radius: 3px;
 }
 
-.casestudies a {
-    color: var(--colorPrimaryDark) !important;
-}
-
 .casestudies-box-title {
     margin: 15px;
     font-size: 16px;
@@ -58,11 +49,10 @@
 
 .casestudies-underline {
     display: inline-block;
-    vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
-    /* Black, with 10% opacity */
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+    border: .02em solid var(--pst-color-border);
+    box-shadow: 0 .2rem .5rem var(--pst-color-shadow),0 0 .0625rem var(--pst-color-shadow);
     position: relative;
     overflow: hidden;
 }
@@ -74,7 +64,6 @@
     left: 0;
     right: 100%;
     bottom: 0;
-    background: var(--colorPrimaryDark);
     height: 4px;
     -webkit-transition-property: right;
     transition-property: right;

diff --git a/assets/css/mailchimp.css b/assets/css/mailchimp.css
@@ -11,8 +11,9 @@
 }
 
 .sign-up-image {
+  height: 35px;
   padding: 5px 10px 6px 10px;
-  border-right: 1px solid var(--colorSecondary);
+  border-right: 1px solid var(--colorPrimaryDark);
   background-color: var(--colorSecondary);
   border-radius: 5px 0 0 5px;
 }

diff --git a/assets/css/shell.css b/assets/css/shell.css
@@ -1,10 +1,8 @@
 .hero-right {
     display: flex;
     flex-direction: column;
-    /* Black, with 10% opacity */
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
-    background: rgb(238, 238, 238);
     padding: 15px;
+    background: var(--pst-color-surface);
 }
 
 .numpy-shell-canvas {
@@ -24,7 +22,7 @@
 
 .numpy-shell {
     flex: 2;
-    padding: 0 15px;
+    border: 1px solid var(--pst-color-border);
 }
 
 .shell-title-container {
@@ -48,9 +46,14 @@
 }
 
 .shell-lesson .highlight pre {
+    background-color: var(--pst-gray-800);
     height: 100%;
 }
 
+.shell-lesson .highlight pre code{
+    color: #f3c7ee;
+}
+
 .shell-lesson > p {
     margin: 2px 0 2px 0;
 }

diff --git a/assets/css/tabs.css b/assets/css/tabs.css
@@ -1,6 +1,13 @@
-.uikit-tab-wrapper-mobile {
-    display: flex;
-    flex-direction: row;
+[role="tablist"] {
+  justify-content: center;
+}
+
+table td:not([align]), table th:not([align]) {
+  text-align: inherit;
+}
+
+table td, table th {
+  vertical-align: top;
 }
 
 .tabs-section {
@@ -26,25 +33,6 @@
     margin: 15px auto;
 }
 
-.uk-tab > li {
-    padding: 0 10px;
-}
-
-.uk-nav > li > a {
-    height: 35px;
-    font-size: 13px;
-    text-transform: uppercase;
-    letter-spacing: 1.5px;
-    font-weight: 500;
-    color: rgb(108, 122, 137);
-}
-
-#tabs-content > li {
-    width: 90vw;
-    max-width: 900px;
-    margin: 50px auto;
-}
-
 @media only screen and (max-width: 1200px) {
     .tabs-section {
         margin: 30px 10px;
@@ -112,10 +100,6 @@ td.bold-text {
     min-width: 120px;
 }
 
-.scientific-domains td.bold-text {
-    color: var(--colorPrimaryDark);
-}
-
 img.cell-layout {
     border-radius: 10px;
     width: 50px;
@@ -139,7 +123,6 @@ td.full-center-text {
 td.lastrow-center-text {
     text-align: center;
     line-height: 35%;
-    border-bottom: 1px solid rgb(255, 255, 255);
 }
 
 /* Array Libraries */
@@ -151,4 +134,4 @@ img.first-column-layout {
 
 td.left-text {
     vertical-align: middle;
-}
+}
diff --git a/assets/css/vars-override.css b/assets/css/vars-override.css
diff --git a/config.yaml.in b/config.yaml.in
@@ -14,6 +14,9 @@ markup:
 disableLanguages: []
 
 params:
+  colorScheme: light
+  author:
+    name: "NumPy team"
   images:
   - /images/numpy-image.jpg
   navColor: blue

diff --git a/content/en/case-studies/blackhole-image.md b/content/en/case-studies/blackhole-image.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/blackhole.jpg" caption="**Black Hole M87**" alt="black hole image" attr="*(Image Credits: Event Horizon Telescope Collaboration)*" attrlink="https://www.jpl.nasa.gov/images/universe/20190410/blackhole20190410.jpg" >}}
 
-<blockquote cite="https://www.youtube.com/watch?v=BIvezCVcsYs">
-    <p>Imaging the M87 Black Hole is like trying to see something that is by definition impossible to see.</p>
-    <footer align="right">Katie Bouman, <cite>Assistant Professor, Computing & Mathematical Sciences, Caltech</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.youtube.com/watch?v=BIvezCVcsYs"
+    by="Katie Bouman, *Assistant Professor, Computing & Mathematical Sciences, Caltech*"
+>}}
+Imaging the M87 Black Hole is like trying to see something that is by definition impossible to see.
+{{< /blockquote >}}
 
 ## A telescope the size of the earth
 

diff --git a/content/en/case-studies/cricket-analytics.md b/content/en/case-studies/cricket-analytics.md
@@ -9,10 +9,12 @@ sidebar: false
            attr="*(Image credits: IPLT20 (cup and logo) & Akash Yadav (stadium))*"
            attrlink="https://unsplash.com/@aksh1802" >}}
 
-<blockquote cite="https://www.scoopwhoop.com/sports/ms-dhoni/">
-    <p>You don't play for the crowd, you play for the country.</p>
-    <footer align="right">—M S Dhoni, <cite>International Cricket Player, ex-captain, Indian Team, plays for Chennai Super Kings in IPL</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.scoopwhoop.com/sports/ms-dhoni/"
+    by="M S Dhoni, *International Cricket Player, ex-captain, Indian Team, plays for Chennai Super Kings in IPL*"
+>}}
+    You don't play for the crowd, you play for the country.
+{{< /blockquote >}}
 
 ## About Cricket
 

diff --git a/content/en/case-studies/deeplabcut-dnn.md b/content/en/case-studies/deeplabcut-dnn.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/mice-hand.gif" class="fig-center" caption="**Analyzing mice hand-movement using DeepLapCut**" alt="micehandanim" attr="*(Source: www.deeplabcut.org )*" attrlink="http://www.mousemotorlab.org/deeplabcut">}}
 
-<blockquote cite="https://news.harvard.edu/gazette/story/newsplus/harvard-researchers-awarded-czi-open-source-award/">
-    <p>Open Source Software is  accelerating Biomedicine. DeepLabCut enables automated video analysis of animal behavior using Deep Learning.</p>
-    <footer align="right">—Alexander Mathis, <cite>Assistant Professor, École polytechnique fédérale de Lausanne <a href="https://www.epfl.ch/en/">(EPFL)</a></cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://news.harvard.edu/gazette/story/newsplus/harvard-researchers-awarded-czi-open-source-award/"
+    by="Alexander Mathis, *Assistant Professor, École polytechnique fédérale de Lausanne* ([EPFL](https://www.epfl.ch/en/))"
+>}}
+Open Source Software is accelerating Biomedicine. DeepLabCut enables automated video analysis of animal behavior using Deep Learning.
+{{< /blockquote >}}
 
 ## About DeepLabCut
 

diff --git a/content/en/case-studies/gw-discov.md b/content/en/case-studies/gw-discov.md
@@ -5,10 +5,11 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/gw_sxs_image.png" class="fig-center" caption="**Gravitational Waves**" alt="binary coalesce black hole generating gravitational waves" attr="*(Image Credits: The Simulating eXtreme Spacetimes (SXS) Project at LIGO)*" attrlink="https://youtu.be/Zt8Z_uzG71o" >}}
 
-<blockquote cite="https://www.youtube.com/watch?v=BIvezCVcsYs">
-    <p>The scientific Python ecosystem is critical infrastructure for the research done at LIGO.</p>
-    <footer align="right">David Shoemaker, <cite>LIGO Scientific Collaboration</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.youtube.com/watch?v=BIvezCVcsYs"
+    by="David Shoemaker, *LIGO Scientific Collaboration*" >}}
+The scientific Python ecosystem is critical infrastructure for the research done at LIGO.
+{{< /blockquote >}}
 
 ## About [Gravitational Waves](https://www.nationalgeographic.com/news/2017/10/what-are-gravitational-waves-ligo-astronomy-science/) and [LIGO](https://www.ligo.caltech.edu)
 

diff --git a/content/ja/case-studies/blackhole-image.md b/content/ja/case-studies/blackhole-image.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/blackhole.jpg" caption="**Black Hole M87**" alt="black hole image" attr="*(Image Credits: Event Horizon Telescope Collaboration)*" attrk="https://www.jpl.nasa.gov/images/universe/90410/blackhole20190410.jpg" >}}
 
-<blockquote cite="https://www.youtube.com/watch?v=BIvezCVcsYs">
-    <p>M87ブラックホールを画像化することは、見ることのできないものを、あえて見ようとするようなものです。</p>
-    <footer align="right"><cite>カリフォルニア工科大学 計算・数理学部</cite>のKatie Bouman助教授</footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.youtube.com/watch?v=BIvezCVcsYs"
+    by="*カリフォルニア工科大学 計算・数理学部*のKatie Bouman助教授"
+>}}
+M87ブラックホールを画像化することは、見ることのできないものを、あえて見ようとするようなものです。
+{{< /blockquote >}}
 
 ## 地球大の望遠鏡
 

diff --git a/content/ja/case-studies/cricket-analytics.md b/content/ja/case-studies/cricket-analytics.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/ipl-stadium.png" caption="** IPLT20、インド最大のクリケットフェスティバル**" alt="Indian Premier League Cricket cup and stadium" attr="*(Image credits: IPLT20 (cup and logo) & Akash Yadav (stadium))*" attrlink="https://unsplash.com/@aksh1802" >}}
 
-<blockquote cite="https://www.scoopwhoop.com/sports/ms-dhoni/">
-    <p>観客のために競技をするのではなく、国のために競技するのです。</p>
-    <footer align="right">—M S Dhoni、 <cite>インディアンチームの元キャプテン、インターナショナル・クリケットプレイヤー、チェンナイ・スーパー・キングスのためにIPLでプレイ</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.scoopwhoop.com/sports/ms-dhoni/"
+    by="M S Dhoni、 *インディアンチームの元キャプテン、インターナショナル・クリケットプレイヤー、チェンナイ・スーパー・キングスのためにIPLでプレイ*"
+>}}
+観客のために競技をするのではなく、国のために競技するのです。
+{{< /blockquote >}}
 
 ## クリケットについて
 

diff --git a/content/ja/case-studies/deeplabcut-dnn.md b/content/ja/case-studies/deeplabcut-dnn.md
@@ -3,12 +3,14 @@ title: "ケーススタディ: DeepLabCut 三次元姿勢推定"
 sidebar: false
 ---
 
-{{< figure src="/images/content_images/cs/mice-hand.gif" class="fig-center" caption="**DeepLapCutを用いたマウスの手の動きの解析 **" alt="micehandanim" attr="*(Source: www.deeplabcut.org )*" attrlink="http://www.mousemotorlab.org/deeplabcut">}}
-
-<blockquote cite="https://news.harvard.edu/gazette/story/newsplus/harvard-researchers-awarded-czi-open-source-award/">
-    <p>オープンソースソフトウェアは生体臨床医学を加速させています。 DeepLabCut を使用すると、深層学習を使用して動物の行動を自動的にビデオ解析することができます。</p>
-    <footer align="right">—Alexander Mathis、 <cite>准教授、École polytechnology fe’rale de Lausanne <a href="https://www.epfl.ch/en/">(EPFL)</a></cite></footer>
-</blockquote>
+{{< figure src="/images/content_images/cs/mice-hand.gif" class="fig-center" caption="**DeepLapCutを用いたマウスの手の動きの解析**" alt="micehandanim" attr="*(Source: www.deeplabcut.org )*" attrlink="http://www.mousemotorlab.org/deeplabcut">}}
+
+{{< blockquote
+    cite="https://news.harvard.edu/gazette/story/newsplus/harvard-researchers-awarded-czi-open-source-award/"
+    by="Alexander Mathis、 *准教授、École polytechnology fe’rale de Lausanne* ([EPFL](https://www.epfl.ch/en/))"
+>}}
+オープンソースソフトウェアは生体臨床医学を加速させています。 DeepLabCut を使用すると、深層学習を使用して動物の行動を自動的にビデオ解析することができます。
+{{< /blockquote >}}
 
 ## DeepLabCut について
 

diff --git a/content/ja/case-studies/gw-discov.md b/content/ja/case-studies/gw-discov.md
@@ -5,10 +5,11 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/gw_sxs_image.png" class="fig-center" caption="**重力波**" alt="binary coalesce black hole generating gravitational waves" attr="*(Image Credits: The Simulating eXtreme Spacetimes (SXS) Project at LIGO)*" attrlink="https://youtu.be/Zt8Z_uzG71o" >}}
 
-<blockquote cite="https://www.youtube.com/watch?v=BIvezCVcsYs">
-    <p>科学計算のためのPythonエコシステムはLIGOで行われている研究のための重要なインフラです。</p>
-    <footer align="right">David Shoemaker, <cite>LIGOサイエンティフィック・コラボレーション</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.youtube.com/watch?v=BIvezCVcsYs"
+    by="David Shoemaker, *LIGOサイエンティフィック・コラボレーション*" >}}
+科学計算のためのPythonエコシステムはLIGOで行われている研究のための重要なインフラです。
+{{< /blockquote >}}
 
 ## [重力波](https://www.nationalgeographic.com/news/2017/10/what-are-gravitational-waves-ligo-astronomy-science/) と [LIGO](https://www.ligo.caltech.edu) について
 

diff --git a/content/pt/case-studies/blackhole-image.md b/content/pt/case-studies/blackhole-image.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/blackhole.jpg" caption="**Black Hole M87**" alt="black hole image" attr="*(Créditos: Event Horizon Telescope Collaboration)*" attrlink="https://www.jpl.nasa.gov/images/universe/20190410/blackhole20190410.jpg" >}}
 
-<blockquote cite="https://www.youtube.com/watch?v=BIvezCVcsYs">
-    <p>Criar uma imagem do Buraco Negro M87 é como tentar ver algo que, por definição, é impossível de se ver.</p>
-    <footer align="right">Katie Bouman, <cite>Professora Assistente, Ciências da Computação e Matemática, Caltech</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.youtube.com/watch?v=BIvezCVcsYs"
+    by="Katie Bouman, *Professora Assistente, Ciências da Computação e Matemática, Caltech*"
+>}}
+Criar uma imagem do Buraco Negro M87 é como tentar ver algo que, por definição, é impossível de se ver.
+{{< /blockquote >}}
 
 ## Um telescópio do tamanho da Terra
 

diff --git a/content/pt/case-studies/cricket-analytics.md b/content/pt/case-studies/cricket-analytics.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/ipl-stadium.png" caption="**IPLT20, o maior festival de Críquete da Índia**" alt="Copa e estádio da Indian Premier League Cricket" attr="*(Image credits: IPLT20 (cup and logo) & Akash Yadav (stadium))*" attrlink="https://unsplash.com/@aksh1802" >}}
 
-<blockquote cite="https://www.scoopwhoop.com/sports/ms-dhoni/">
-    <p>Você não joga para a torcida, joga para o país.</p>
-    <footer align="right">—M S Dhoni, <cite>Jogador Internacional de Críquete, ex-capitão, Time Indiano, joga pelo Chennai Super Kings na IPL</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.scoopwhoop.com/sports/ms-dhoni/"
+    by="M S Dhoni, *Jogador Internacional de Críquete, ex-capitão, Time Indiano, joga pelo Chennai Super Kings na IPL*"
+>}}
+Você não joga para a torcida, joga para o país.
+{{< /blockquote >}}
 
 ## Sobre Críquete
 

diff --git a/content/pt/case-studies/deeplabcut-dnn.md b/content/pt/case-studies/deeplabcut-dnn.md
@@ -5,10 +5,12 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/mice-hand.gif" class="fig-center" caption="**Análise de movimentos de mãos de camundongos usando DeepLapCut**" alt="micehandanim" attr="*(Fonte: www.deeplabcut.org )*" attrlink="http://www.mousemotorlab.org/deeplabcut">}}
 
-<blockquote cite="https://news.harvard.edu/gazette/story/newsplus/harvard-researchers-awarded-czi-open-source-award/">
-    <p>Software de código aberto está acelerando a Biomedicina. DeepLabCut permite a análise automática de vídeos de comportamento animal usando Deep Learning.</p>
-    <footer align="right">—Alexander Mathis, <cite>Professor Assistente, École polytechnique fédérale de Lausanne <a href="https://www.epfl.ch/en/">(EPFL)</a></cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://news.harvard.edu/gazette/story/newsplus/harvard-researchers-awarded-czi-open-source-award/"
+    by="Alexander Mathis, *Professor Assistente, École polytechnique fédérale de Lausanne* ([EPFL](https://www.epfl.ch/en/))"
+>}}
+Software de código aberto está acelerando a Biomedicina. DeepLabCut permite a análise automática de vídeos de comportamento animal usando Deep Learning.
+{{< /blockquote >}}
 
 ## Sobre o DeepLabCut
 

diff --git a/content/pt/case-studies/gw-discov.md b/content/pt/case-studies/gw-discov.md
@@ -5,10 +5,11 @@ sidebar: false
 
 {{< figure src="/images/content_images/cs/gw_sxs_image.png" class="fig-center" caption="**Ondas gravitacionais**" alt="binary coalesce black hole generating gravitational waves" attr="*(Créditos de imagem: O projeto Simulating eXtreme Spacetimes (SXS) no LIGO)*" attrlink="https://youtu.be/Zt8Z_uzG71o" >}}
 
-<blockquote cite="https://www.youtube.com/watch?v=BIvezCVcsYs">
-    <p>O ecossistema científico Python é uma infraestrutura crítica para a pesquisa feita no LIGO.</p>
-    <footer align="right">David Shoemaker, <cite>Colaborador Científico no LIGO</cite></footer>
-</blockquote>
+{{< blockquote
+    cite="https://www.youtube.com/watch?v=BIvezCVcsYs"
+    by="David Shoemaker, *Colaborador Científico no LIGO*" >}}
+O ecossistema científico Python é uma infraestrutura crítica para a pesquisa feita no LIGO.
+{{< /blockquote >}}
 
 ## Sobre [Ondas Gravitacionais](https://www.nationalgeographic.com/news/2017/10/what-are-gravitational-waves-ligo-astronomy-science/) e o [LIGO](https://www.ligo.caltech.edu)
 

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -1,3 +1 @@
-<!-- UIkit -->
-<script src="https://cdn.jsdelivr.net/npm/uikit@3.16.24/dist/js/uikit.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.16.24/dist/css/uikit.min.css" />
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>