Remove retina.js and convert icons to SVG

expressjs · Nov 26, 2024 · ba6ccc4 · ba6ccc4
1 parent d5ca463
commit ba6ccc4
Show file tree

Hide file tree

Showing 34 changed files with 29 additions and 45 deletions.
diff --git a/_includes/announcement/announcement-en.md b/_includes/announcement/announcement-en.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express 5.0 documentation is now available.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express 5.0 documentation is now available.</p>
     <p markdown="1">
      The <a href="{{ page.lang }}/5x/api.html">API documentation</a> is a work in progress.  For information on what's in the release, see the Express <a href="https://github.com/expressjs/express/blob/5.0/History.md">release history</a>.
     </p>

diff --git a/_includes/announcement/announcement-id.md b/_includes/announcement/announcement-id.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Dokumentasi Express 5.0 versi beta kini telah tersedia.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Dokumentasi Express 5.0 versi beta kini telah tersedia.</p>
     <p markdown="1">
      <a href="{{ page.lang }}/5x/api.html">Dokumentasi API</a> beta masih dalam proses. Untuk informasi tentang apa yang ada dalam rilis, lihat <a href="https://github.com/expressjs/express/blob/5.0/History.md">riwayat rilis</a> Express.
     </p>

diff --git a/_includes/announcement/announcement-pt-br.md b/_includes/announcement/announcement-pt-br.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">A documentação do Express 5.0 já está disponível.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} A documentação do Express 5.0 já está disponível.</p>
     <p markdown="1">
       <!-- we still haven't a 5x doc for pt-br -->
       A <a href="/5x/api.html">documentação da API</a> está em andamento. Para obter informações sobre o que há no lançamento, consulte o <a href="https://github.com/expressjs/express/blob/5.0/History.md">histórico de lançamentos</a> do Express.

diff --git a/_includes/announcement/announcement-th.md b/_includes/announcement/announcement-th.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express รุ่น 4.16.0 มีคุณลักษณะความปลอดภัยล่าสุดที่สำคัญ</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express รุ่น 4.16.0 มีคุณลักษณะความปลอดภัยล่าสุดที่สำคัญ</p>
     <p markdown="1">
      สำหรับข้อมูลว่าอะไรเพิ่มเติมบ้างในรุ่นนี้ สามารถดูใน [บันทึกการเปลี่ยนแปลง 4.16.0](/{{ page.lang }}/changelog/4x.html#4.16.0).
     </p>

diff --git a/_includes/announcement/announcement-tr.md b/_includes/announcement/announcement-tr.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express 4.16.0 mevcut sürümdür.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express 4.16.0 mevcut sürümdür.</p>
     <p markdown="1">
 	Bu sürümde nelerin eklendiği hakkında daha fazla bilgi almak için [4.16.0 changelog](/{{ page.lang }}/changelog/4x.html#4.16.0).
     </p>

diff --git a/_includes/announcement/announcement-uz.md b/_includes/announcement/announcement-uz.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express 4.16.0 reliz qilindi</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express 4.16.0 reliz qilindi</p>
     <p markdown="1">
     Express 4.16.0 da ko'plab xatolar to'g'irlandi, xavfsizlikni ta'minlash uchun o'zgarishlar kiritildi, ishlash unumdorligi oshirildi va boshqa yangi imkoniyatlar qo'shildi. To'liq ma'lumot uchun [4.16.0 changelog](/en/changelog/4x.html#4.16.0).
     </p>

diff --git a/_includes/footer/footer-de.html b/_includes/footer/footer-de.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <div id="footer-content">

diff --git a/_includes/footer/footer-en.html b/_includes/footer/footer-en.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="doc-langs">

diff --git a/_includes/footer/footer-es.html b/_includes/footer/footer-es.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="footer-content">

diff --git a/_includes/footer/footer-fr.html b/_includes/footer/footer-fr.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <div id="footer-content">

diff --git a/_includes/footer/footer-id.html b/_includes/footer/footer-id.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="doc-langs">

diff --git a/_includes/footer/footer-it.html b/_includes/footer/footer-it.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-ja.html b/_includes/footer/footer-ja.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-ko.html b/_includes/footer/footer-ko.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-pt-br.html b/_includes/footer/footer-pt-br.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
 

diff --git a/_includes/footer/footer-ru.html b/_includes/footer/footer-ru.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-sk.html b/_includes/footer/footer-sk.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-th.html b/_includes/footer/footer-th.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="footer-content">

diff --git a/_includes/footer/footer-tr.html b/_includes/footer/footer-tr.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="footer-content">

diff --git a/_includes/footer/footer-uk.html b/_includes/footer/footer-uk.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-uz.html b/_includes/footer/footer-uz.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-zh-cn.html b/_includes/footer/footer-zh-cn.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/footer/footer-zh-tw.html b/_includes/footer/footer-zh-tw.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">

diff --git a/_includes/head.html b/_includes/head.html
@@ -45,7 +45,6 @@
     <script data-cfasync="false" src="/js/ismobile.js"></script>
     <script data-cfasync="false" src="/js/app.js"></script>
     <script data-cfasync="false" defer src="/js/menu.js"></script>
-    <script data-cfasync="false" src="/js/retina.js"></script>  
     <script data-cfasync="false" src="/js/prism.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
 

diff --git a/_includes/icons/announcement.svg b/_includes/icons/announcement.svg
diff --git a/_includes/icons/arrow.svg b/_includes/icons/arrow.svg
diff --git a/css/style.css b/css/style.css
@@ -136,14 +136,12 @@ main.home {
   margin-right: 12px;
 }
 
-#announcements p:first-child {
+.announcement-title {
   font-weight: bold;
-  padding-left: 20px;
-  background-image: url(/images/announcement-icon.png);
-  background-position: 0 3px;
-  background-repeat: no-repeat;
-  background-size: 14px 14px;
   margin-bottom: 11px;
+  display: flex;
+  align-items: center;
+  column-gap: 8px
 }
 
 #install-command {
@@ -392,11 +390,6 @@ code {
   opacity: 1;
 }
 
-#top img {
-  width: 8px;
-  height: 5px;
-}
-
 /* clearfix */
 
 .clearfix:after {
@@ -660,13 +653,6 @@ footer {
   font-size: 20px;
 }
 
-@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
-  #announcements p:first-child {
-    background-image: url(/images/[email protected]);
-  }
-
-}
-
 /* navigation */
 
 #navbar {

diff --git a/images/announcement-icon.png b/images/announcement-icon.png
diff --git a/images/[email protected] b/images/[email protected]
diff --git a/images/arrow.png b/images/arrow.png
diff --git a/images/[email protected] b/images/[email protected]
diff --git a/images/fork-icon.png b/images/fork-icon.png
diff --git a/images/[email protected] b/images/[email protected]
diff --git a/js/retina.js b/js/retina.js