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

chaokunyang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/fury-site.git


The following commit(s) were added to refs/heads/main by this push:
     new acc9bc2  Add user page (#152)
acc9bc2 is described below

commit acc9bc2273c88777e3ba6382b0b2ef9fc34198ce
Author: LofiSu <[email protected]>
AuthorDate: Fri Aug 16 19:57:14 2024 +0800

    Add user page (#152)
    
    
![image](https://github.com/user-attachments/assets/2353da43-c820-4a3b-b153-706ab0a4bef1)
---
 docusaurus.config.ts                 |   5 ++
 src/css/custom.css                   |  10 ++++
 src/pages/user/companies.json        |  47 ++++++++++++++++++
 src/pages/user/index.css             |  88 +++++++++++++++++++++++++++++++++
 src/pages/user/index.jsx             |  91 +++++++++++++++++++++++++++++++++++
 src/pages/user/languages.json        |  14 ++++++
 src/pages/user/nologo_companies.json |  12 +++++
 static/AliCloud.jpg                  | Bin 0 -> 7423 bytes
 static/Alibaba.jpg                   | Bin 0 -> 9346 bytes
 static/AntGroup.jpg                  | Bin 0 -> 24291 bytes
 static/LakeSoul.png                  | Bin 0 -> 43597 bytes
 static/anheng.jpg                    | Bin 0 -> 10008 bytes
 static/libgdx.svg                    |  65 +++++++++++++++++++++++++
 static/solon.png                     | Bin 0 -> 35798 bytes
 static/tuhu.jpg                      | Bin 0 -> 14484 bytes
 static/vip.png                       | Bin 0 -> 6751 bytes
 16 files changed, 332 insertions(+)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 8c9e9e6..7f91e2c 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -94,6 +94,11 @@ const config: Config = {
           position: 'right',
           label: 'Community',
         },
+        {
+          to: '/user',
+          label: 'Users',
+          position: "right",
+        },
         {
           position: 'right',
           to: 'download',
diff --git a/src/css/custom.css b/src/css/custom.css
index c6d2b24..a7d8ff5 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -33,6 +33,16 @@
   width: 80%;
 }
 
+.navbar__item {
+  font-size: 0.9rem; 
+  margin-right: -10px; 
+}
+
+.navbar__link {
+  font-size: 0.9rem; 
+}
+
+
 .header-github-link:hover {
   opacity: 0.6;
 }
diff --git a/src/pages/user/companies.json b/src/pages/user/companies.json
new file mode 100644
index 0000000..83b1682
--- /dev/null
+++ b/src/pages/user/companies.json
@@ -0,0 +1,47 @@
+[
+  {
+    "name": "AntGroup",
+    "link": "https://www.antgroup.com/";,
+    "imgUrl": "AntGroup.jpg"
+  },
+  {
+    "name": "Alibaba",
+    "link": "https://www.alibaba.com/";,
+    "imgUrl": "Alibaba.jpg"
+  },
+  {
+    "name": "AliCloud",
+    "link": "https://www.aliyun.com/";,
+    "imgUrl": "AliCloud.jpg"
+  },
+  {
+    "name": "安恒信息",
+    "link": 
"https://www.dbappsecurity.com.cn/product/cloud157.html?ad=360&plan=BLJ&keywordid2=237985647369";,
+    "imgUrl": "anheng.jpg"
+  },
+   {
+    "name": "唯品会",
+    "link": "https://www.vip.com/nav/53174445.html";,
+    "imgUrl": "vip.png"
+  },
+  {
+    "name": "途虎养车",
+    "link": "https://www.tuhu.cn/cn/home/default";,
+    "imgUrl": "tuhu.jpg"
+  },
+  {
+    "name": "solon",
+    "link": "https://solon.noear.org/";,
+    "imgUrl": "solon.png"
+  },
+   {
+    "name": "数元灵",
+    "link": "https://www.dmetasoul.com/docs/lakesoul/intro/";,
+    "imgUrl": "LakeSoul.png"
+  },
+  {
+    "name": "libgdx",
+    "link": "https://libgdx.com/";,
+    "imgUrl": "libgdx.svg"
+  }
+]
diff --git a/src/pages/user/index.css b/src/pages/user/index.css
new file mode 100644
index 0000000..217de66
--- /dev/null
+++ b/src/pages/user/index.css
@@ -0,0 +1,88 @@
+.user-main .main_title {
+  padding: 60px 0 20px 0;
+  color: #2c3e50;
+  font-size: 32px;
+  line-height: 46px;
+   display: flex;
+  flex-direction: column;
+  align-items: center; /* 垂直居中 */
+  text-align: center; /* 水平居中文本 */
+}
+.user-main h3,
+.user-main .divider,
+.user-main .desc {
+  margin: 0 auto;
+}
+
+.user-main .desc {
+  font-size: 17px;
+  text-align: center;
+  margin-bottom: 20px;
+  line-height: 40px;
+  word-break: break-all;
+}
+
+.user-main .home_block {
+  padding: 20px 0;
+}
+
+.user-main .user_case {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  grid-row-gap: 20px;
+  grid-column-gap: 20px;
+  margin-bottom: 20px;
+}
+
+.user-main .user_case .case_item {
+  display: flex;
+  min-width: 0;
+  background: #FFFFFF;
+  margin: 5px;
+  height: 80px;
+  border: 1px solid #eaecef;
+  box-shadow: #f8f9fa 0 1px 2px 0;
+  border-radius: 4px;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s;
+}
+
+.user-main .user_case .case_item:hover {
+  transform: translateY(-10px);
+  box-shadow: 0 1.0rem 2rem rgba(0, 0, 0, .05);
+}
+
+.user-main .user_case .case_item > img {
+  max-width: 90%;
+  max-height: 90%;
+}
+
+.user_page a {
+  text-decoration: none;
+}
+
+.user_page {
+  margin-top: 50px !important;
+}
+.company_name{
+  font-size: 20px;
+  font-weight: 500;
+  margin-top: 25px;
+  color: rgba(21, 22, 34, 0.95);
+}
+.case_item {
+  font-weight: bold ;
+}
+
+
+/* mobile theme */
+@media screen and (max-width: 996px) {
+  .user_page {
+    margin-top: 20px !important;
+  }
+
+  .user-main .desc {
+    line-height: 30px;
+  }
+}
diff --git a/src/pages/user/index.jsx b/src/pages/user/index.jsx
new file mode 100644
index 0000000..44dddba
--- /dev/null
+++ b/src/pages/user/index.jsx
@@ -0,0 +1,91 @@
+import React from "react";
+import BrowserOnly from "@docusaurus/BrowserOnly";
+import useIsBrowser from "@docusaurus/useIsBrowser";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import config from "./languages";
+import "./index.css";
+import companies from "./companies.json";
+import nologo_companies from "./nologo_companies.json";
+import Layout from "@theme/Layout";
+import AOS from "aos";
+import "aos/dist/aos.css";
+
+export default function UserPage() {
+  const isBrowser = useIsBrowser();
+  const language =
+    isBrowser && location.pathname.indexOf("/zh-CN/") === 0 ? "zh-CN" : "en";
+  const dataSource = config?.[language];
+
+  React.useEffect(() => {
+    AOS.init({
+      offset: 80,
+      duration: 500,
+      easing: "ease-out-quad",
+      once: true,
+    });
+    window.addEventListener("load", AOS.refresh);
+  }, []);
+
+  return (
+    <Layout>
+      <BrowserOnly>
+        {() => (
+          <div className="block user_page container">
+            <div className="user-main" style={{ padding: "10px 0 30px" }}>
+              <h3
+                className="fs-2 mb-4 fw-bold text-center"
+                style={{ padding: "10px 0 30px", textAlign: "center" }}
+              >
+                {dataSource.common.ourUsers}
+              </h3>
+              <hr
+                className="divider my-4 mx-auto"
+                style={{ maxWidth: "10rem" }}
+              ></hr>
+              <div
+                className="desc"
+                dangerouslySetInnerHTML={{ __html: dataSource.common.tip }}
+              ></div>
+              <div className="user_case home_block">
+                {companies.map((company, i) => (
+                  <div
+                    key={i}
+                    data-aos="fade-up"
+                    data-aos-delay={i * 50}
+                    className="company-item"
+                  >
+                    <a
+                      href={company.link}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <div className="case_item case_hover">
+                        <img
+                          src={useBaseUrl("/" + company.imgUrl)}
+                          alt={company.name}
+                        />
+                      </div>
+                    </a>
+                  </div>
+                ))}
+                {nologo_companies.map((company, i) => (
+                  <div
+                    key={i}
+                    data-aos="fade-up"
+                    data-aos-delay={i * 50}
+                    className="company-item"
+                  >
+                    <a className="company_name ">
+                      {" "}
+                      <div className="case_item 
case_hover">{company.name}</div>
+                    </a>
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        )}
+      </BrowserOnly>
+    </Layout>
+  );
+}
diff --git a/src/pages/user/languages.json b/src/pages/user/languages.json
new file mode 100644
index 0000000..92ed539
--- /dev/null
+++ b/src/pages/user/languages.json
@@ -0,0 +1,14 @@
+{
+  "zh-CN": {
+      "common": {
+          "ourUsers": "我们的用户",
+          "tip":"诸多公司和组织将 Fury 用于研究、生产和商业产品中<br/> 如果您也在使用 ? <a 
href=\"https://github.com/apache/fury/issues/1766\"; target=\"_blank\" 
rel=\"noopener\"><u>可以在这里添加</u></a>"
+      }
+  },
+  "en": {
+      "common": {
+          "ourUsers": "Our Users",
+          "tip":"Various companies and organizations use Fury for research, 
production and commercial products.<br/> Are you using this project ? <a 
href=\"https://github.com/apache/fury/issues/1766\"; target=\"_blank\" 
rel=\"noopener\"><u>you can add your company</u></a>"
+      }
+  }
+}
diff --git a/src/pages/user/nologo_companies.json 
b/src/pages/user/nologo_companies.json
new file mode 100644
index 0000000..3c1b6d5
--- /dev/null
+++ b/src/pages/user/nologo_companies.json
@@ -0,0 +1,12 @@
+[
+    {
+        "name": "jfinal"
+    },
+    {
+        "name": "mangooio"
+    },
+    {
+        "name": "tantrum"
+    }
+     
+]
\ No newline at end of file
diff --git a/static/AliCloud.jpg b/static/AliCloud.jpg
new file mode 100644
index 0000000..a039979
Binary files /dev/null and b/static/AliCloud.jpg differ
diff --git a/static/Alibaba.jpg b/static/Alibaba.jpg
new file mode 100644
index 0000000..beb585d
Binary files /dev/null and b/static/Alibaba.jpg differ
diff --git a/static/AntGroup.jpg b/static/AntGroup.jpg
new file mode 100644
index 0000000..59c7f10
Binary files /dev/null and b/static/AntGroup.jpg differ
diff --git a/static/LakeSoul.png b/static/LakeSoul.png
new file mode 100644
index 0000000..d25d9e6
Binary files /dev/null and b/static/LakeSoul.png differ
diff --git a/static/anheng.jpg b/static/anheng.jpg
new file mode 100644
index 0000000..3365624
Binary files /dev/null and b/static/anheng.jpg differ
diff --git a/static/libgdx.svg b/static/libgdx.svg
new file mode 100644
index 0000000..b9cd990
--- /dev/null
+++ b/static/libgdx.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   version="1.1"
+   width="300"
+   height="50"
+   id="svg2991">
+  <defs
+     id="defs2993" />
+  <metadata
+     id="metadata2996">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <rect
+     width="14.000075"
+     height="50"
+     x="0"
+     y="-7.0294254e-006"
+     id="rect3018"
+     style="fill:#ffffff;fill-opacity:1;stroke:none;display:inline" />
+  <rect
+     width="14.000086"
+     height="31"
+     x="23.000025"
+     y="18.999968"
+     id="rect3026"
+     style="fill:#ffffff;fill-opacity:1;stroke:none;display:inline" />
+  <rect
+     width="14.000086"
+     height="12"
+     x="23.000025"
+     y="-7.0294254e-006"
+     id="rect3028"
+     style="fill:#ffffff;fill-opacity:1;stroke:none;display:inline" />
+  <path
+     d="m 46.000009,1.064e-5 0,18.99998936 0,11 0,7.9687 0,12.0313 14.02306,0 
9.92257,0 c 7.7535,0 14.054374,-6.9404 14.054374,-15.5 0,-8.5597 
-6.300874,-15.5 -14.054374,-15.5 l -9.92257,0 0,-18.99998936 -14.02306,0 z M 
60.023069,30 l 5.94729,0 c 2.20031,0 3.97528,1.8012 3.97528,4 0,2.1988 
-1.77497,3.9687 -3.97528,3.9687 l -5.94729,0 0,-7.9687 z"
+     id="rect3030"
+     style="fill:#ffffff;fill-opacity:1;stroke:none;display:inline" />
+  <path
+     d="M 104.02523,1.064e-5 C 96.288603,1.064e-5 90.001343,6.9403116 
90.001343,15.5 c 0,0.1068 -0.001,0.2081 0,0.3125 2.1e-4,0.021 -5e-4,0.041 
0,0.062 l 0,18.25 c -0.003,0.1274 0,0.2468 0,0.375 0,8.5596 6.28726,15.5 
14.023887,15.5 l 9.90113,0 1.15565,0 12.83711,0 1.15565,0 9.90113,0 c 7.73674,0 
14.024,-6.9404 14.024,-15.5 0,-8.5597 -6.28726,-15.5 -14.024,-15.5 l -5.62209,0 
-2.24884,0 -11.11925,0 0,11 11.11925,0 2.24884,0 1.65539,0 c 2.19557,0 
3.9667,1.8012 3.9667,4 0,2.1988 -1.77113,3.9 [...]
+     id="rect3030-3"
+     style="fill:#E74A45;fill-opacity:1;stroke:none;display:inline" />
+  <path
+     d="m 159.9999,-8.936e-5 0,12.05498936 25.34216,0 8.71621,0 5.1801,0 
2.0162,0 3.87732,0 c 2.11797,0 3.84248,1.6693 3.93936,3.7789 l 0,0.062 
0,18.2386 c -0.065,2.1393 -1.80031,3.8413 -3.93936,3.8413 l -3.87732,0 
-2.0162,0 -8.90233,0 -4.99398,0 -11.44585,0 0,-18.9569 -13.89631,0 0,18.9569 
0,8.2137 0,3.8101 25.34216,0 4.99398,0 8.90233,0 9.83288,0 c 7.68341,0 
13.92733,-6.936 13.92733,-15.4903 0,-0.1281 0.003,-0.2474 0,-0.3748 l 
0,-18.2386 c 4.9e-4,-0.021 -2.1e-4,-0.042 0,-0.062 9.9e-4,- [...]
+     id="rect3030-3-4-2"
+     style="fill:#E74A45;fill-opacity:1;stroke:none;display:inline" />
+  <path
+     d="m 222.99599,1.064e-5 19.44141,0 L 261.4999,19.0625 280.5624,1.064e-5 l 
19.4375,0 -25,24.99998936 25,25 -19.4375,0 L 261.4999,30.9375 242.4374,50 
222.9999,50 247.99599,25 z"
+     id="path4169"
+     style="fill:#E74A45;stroke:none;display:inline" />
+</svg>
diff --git a/static/solon.png b/static/solon.png
new file mode 100644
index 0000000..a2d15cb
Binary files /dev/null and b/static/solon.png differ
diff --git a/static/tuhu.jpg b/static/tuhu.jpg
new file mode 100644
index 0000000..9b78b65
Binary files /dev/null and b/static/tuhu.jpg differ
diff --git a/static/vip.png b/static/vip.png
new file mode 100644
index 0000000..1be3981
Binary files /dev/null and b/static/vip.png differ


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to