This is an automated email from the ASF dual-hosted git repository.
xiaoyu pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/shenyu-website.git
The following commit(s) were added to refs/heads/main by this push:
new 84de6befbd Update homepage (#680)
84de6befbd is described below
commit 84de6befbd752110ed0ef6bfae1815023c897701
Author: gouzixing <[email protected]>
AuthorDate: Sat Aug 6 20:58:01 2022 +0800
Update homepage (#680)
* newsPage
* news page
* bugfix
* news page update
* bugfix --path bug
* conflict
* conflict
* img update
* blog page refractor
* blog page new style
* delete annotate
* index page highlight for slogon
* bugfix:document for node
* bugfix--link false
* i18n & link fix
* 'translate'
* translate
* urlchange bugfix
* docs fix
* delete unused import
* fix
* event page & navibar update & overview doc & pic update for news
* lint
* lint
* translate
* lint
* trans
* feat
* fix--locale=zh
* docs fix
* footer
* i18n
* userList
* fix
* fix
* fix
* index
* fix
* hover
Co-authored-by: gouzixing <[email protected]>
Co-authored-by: gouzixing <[email protected]>
---
src/pages/index.module.css | 59 ++++++++++++++++++++++++++++++++---
src/pages/index.tsx | 12 ++++---
static/img/architecture/apa_grey.png | Bin 0 -> 112438 bytes
3 files changed, 61 insertions(+), 10 deletions(-)
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index e931defa83..ea8533a244 100755
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -45,8 +45,9 @@
}
.hero {
- background-color: #2b3137;
+ background-color: #F5F6F7;
padding: 48px;
+ border-radius: 8px;
}
.heroInner {
@@ -78,21 +79,64 @@
}
.heroProjectTagline {
- color: #fff;
+ color: #000;
font-size: 25px;
margin: 0;
}
.heroTitleTextHtml b {
- color: var(--ifm-color-primary);
+ color: #FF5C00;
}
.heroDesc{
- color: #fff;
+ color: #000033;
font-size: 20px;
margin: 0;
}
+.buttonGetStarted{
+ width: 160px;
+ background-color: #000033;
+ text-align: center;
+ height: 40px;
+ color: #fff;
+ line-height: 40px;
+ box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
+ border-radius: 8px;
+}
+
+.buttonGetStarted:hover{
+ text-decoration: none;
+ color: #fff;
+}
+
+.buttonGithub{
+ width: 160px;
+ background-color: #fff;
+ text-align: center;
+ height: 40px;
+ color: #000033;
+ line-height: 40px;
+ box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
+ border-radius: 8px;
+}
+
+.buttonGithub:hover{
+ text-decoration: none;
+ color: #000033;
+}
+
+.containerCenter{
+ text-align: center;
+}
+
+.dividingLineBorder{
+ display: inline-block;
+ width: 60%;
+ height: 1px;
+ background: -webkit-linear-gradient(left,#fff -4%,#ccc 50%,#fff 100%);
+}
+
@keyframes jackInTheBox {
from {
opacity: 0;
@@ -114,13 +158,18 @@
}
}
-.heroLogo {
+.logoContainer{
+ border-radius: 8px;
+ box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
animation-duration: 2s;
animation-name: jackInTheBox;
float: right;
padding: 0 20px 20px;
width: 600px;
height: 400px;
+ display: flex;
+ align-items: center;
+ background-color: rgb(245,246,247);
}
.indexCtas {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index c2b4e368c6..3e9571e0c2 100755
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -25,7 +25,7 @@ function Home() {
<div className="col col--5 col--offset-1">
<h1 className={styles.heroProjectTitle}>
<img
- src="/img/logo-light.svg"
+ src="/img/logo.svg"
className={styles.heroProjectLogo}
></img>
{/* <span
className={styles.heroProjectSubTitle}>Incubating</span> */}
@@ -45,23 +45,25 @@ function Home() {
/>
</h3>
<div className={styles.indexCtas}>
- <Link className="button button--primary" to="/docs/index">
+ <Link className={styles.buttonGetStarted} to="/docs/index">
<Translate>Get Started</Translate>
</Link>
<Link
- className="button button--info"
+ className={styles.buttonGithub}
to="https://github.com/apache/shenyu";
>
<Translate>Github</Translate>
</Link>
</div>
</div>
- <div className="col col--5 ">
+ <div className="col col--5 col--offset-1">
+ <div className={styles.logoContainer}>
<img
alt={translate({ message: "Docusaurus with Keytar" })}
className={styles.heroLogo}
- src={useBaseUrl("/img/architecture/shenyu-framework.png")}
+ src={useBaseUrl("/img/architecture/apa_grey.png")}
/>
+ </div>
</div>
</div>
</div>
diff --git a/static/img/architecture/apa_grey.png
b/static/img/architecture/apa_grey.png
new file mode 100644
index 0000000000..e71338f7d0
Binary files /dev/null and b/static/img/architecture/apa_grey.png differ
