You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@apisix.apache.org by ju...@apache.org on 2022/03/15 08:11:08 UTC

[apisix-website] branch master updated: chore: change the default color of the font in the button (#956)

This is an automated email from the ASF dual-hosted git repository.

juzhiyuan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 5c04d04  chore: change the default color of the font in the button (#956)
5c04d04 is described below

commit 5c04d045edfd9f7afcc1c9ed53b04af28be4a288
Author: 韩振方 <99...@users.noreply.github.com>
AuthorDate: Tue Mar 15 16:11:02 2022 +0800

    chore: change the default color of the font in the button (#956)
---
 website/src/css/customTheme.css                |  5 +++++
 website/src/pages/sections/opensourcePromo.jsx | 18 +++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css
index 6895c79..4d60f22 100644
--- a/website/src/css/customTheme.css
+++ b/website/src/css/customTheme.css
@@ -711,6 +711,11 @@ a:hover {
   padding: 5px 12px;
   transition: background 0.5s;
 }
+
+.oss-promo a {
+  color: white;
+}
+
 .oss-promo-cta:hover {
   background: #9b9b9b;
   color: #080808;
diff --git a/website/src/pages/sections/opensourcePromo.jsx b/website/src/pages/sections/opensourcePromo.jsx
index fb999fc..9913520 100644
--- a/website/src/pages/sections/opensourcePromo.jsx
+++ b/website/src/pages/sections/opensourcePromo.jsx
@@ -15,33 +15,33 @@ const OpensourcePromo = (props) => {
           <div className="docs-promo-text">
             <h3 className="docs-promo-head">Learn from developers</h3>
             <div className="docs-promo-subtitle">
-              <p>Want to learn Apache APISIX usage, but don’t know where to start. Check out our <Link style={{color: "#e8433e"}} to={useBaseUrl("docs")}>docs.</Link></p> 
-              <p>Like visual information, check out our <a style={{color: "#e8433e"}} href="https://www.youtube.com/channel/UCgPD18cMhOg5rmPVnQhAC8g">Youtube channel</a> for detailed tutorials. Subscribe for more.</p> 
+              <p>Want to learn Apache APISIX usage, but don’t know where to start. Check out our <Link style={{ color: "#e8433e" }} to={useBaseUrl("docs")}>docs.</Link></p>
+              <p>Like visual information, check out our <a style={{ color: "#e8433e" }} href="https://www.youtube.com/channel/UCgPD18cMhOg5rmPVnQhAC8g">Youtube channel</a> for detailed tutorials. Subscribe for more.</p>
             </div>
           </div>
           <div className="docs-promo-video">
             <video preload="none" src="https://static.apiseven.com/apisix-website/videos/apisix.mp4" loading="lazy" autoPlay={true} poster="" muted={true} loop={true} width="70%" height="auto" controls></video>
           </div>
         </div>
-      
+
         <div className="oss-promo">
           <div className="oss-promo-text">
             <h3 className="oss-promo-head">Be a part of building APISIX</h3>
-            <div className="oss-promo-subtitle" style={{color: "rgb(199, 199, 199)"}}>
+            <div className="oss-promo-subtitle" style={{ color: "rgb(199, 199, 199)" }}>
               <p>Apache APISIX is opensource and ever-growing. Contributors are always welcome. Reach out to us on GitHub</p>
               <div className="oss-promo-cta">
-                <GitHub style={{width: "20px", margin: "0 10px 0 0"}} />
-                <a href="https://github.com/apache/apisix" style={{textDecoration: "none"}}>Check us out</a>
+                <GitHub style={{ width: "20px", margin: "0 10px 0 0" }} />
+                <a href="https://github.com/apache/apisix" style={{ textDecoration: "none" }}>Check us out</a>
               </div>
             </div>
           </div>
           <div className="oss-promo-infograph">
-            <OssCanvas/>
-          </div>                    
+            <OssCanvas />
+          </div>
         </div>
       </div>
     </>
   );
 }
-  
+
 export default OpensourcePromo;