You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tubemq.apache.org by za...@apache.org on 2020/01/17 05:23:21 UTC
[incubator-tubemq-website] branch master updated: fix the
performance, larger some text (#3)
This is an automated email from the ASF dual-hosted git repository.
zakwu pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-tubemq-website.git
The following commit(s) were added to refs/heads/master by this push:
new fb08b48 fix the performance,larger some text (#3)
fb08b48 is described below
commit fb08b4819e16421a35410f3083e286d31f3123aa
Author: zakwu <12...@qq.com>
AuthorDate: Fri Jan 17 13:23:14 2020 +0800
fix the performance,larger some text (#3)
* first commit
* fix routePath 4 github pages
* commit first version
* commit first version
* fix Advantages
* zip png
* 1、add github workflow for build and deploy， 2、remove some dirs
* fix the performance,larger some text
---
img/first-page-bg.jpg | Bin 0 -> 131766 bytes
img/first-page-bg.png | Bin 547532 -> 0 bytes
img/incubating.svg | 20 +++++++
md_json/blog.json | 118 +--------------------------------------
site_config/home.jsx | 20 ++-----
site_config/site.js | 4 +-
src/components/footer/index.scss | 12 ++--
src/components/header/index.jsx | 4 +-
src/components/header/index.scss | 4 +-
src/pages/home/index.jsx | 6 +-
src/pages/home/index.scss | 32 ++++++++---
11 files changed, 68 insertions(+), 152 deletions(-)
diff --git a/img/first-page-bg.jpg b/img/first-page-bg.jpg
new file mode 100644
index 0000000..a51a727
Binary files /dev/null and b/img/first-page-bg.jpg differ
diff --git a/img/first-page-bg.png b/img/first-page-bg.png
deleted file mode 100755
index 3aa093d..0000000
Binary files a/img/first-page-bg.png and /dev/null differ
diff --git a/img/incubating.svg b/img/incubating.svg
new file mode 100644
index 0000000..bc957da
--- /dev/null
+++ b/img/incubating.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="148px" height="57px" viewBox="0 0 148 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
+ <title>编组 2</title>
+ <desc>Created with Sketch.</desc>
+ <g id="框架图" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="重构稿-修改" transform="translate(-770.000000, -252.000000)">
+ <g id="1" transform="translate(-1.000000, 0.000000)">
+ <g id="text" transform="translate(360.000000, 192.000000)">
+ <g id="编组-2" transform="translate(411.000000, 60.000000)">
+ <path d="M40,48 L34.1,55.8666667 C33.9862915,56.018278 33.8516113,56.1529582 33.7,56.2666667 C32.8163444,56.9294084 31.5627417,56.7503223 30.9,55.8666667 L25,48 L8,48 C3.581722,48 5.41083001e-16,44.418278 0,40 L0,8 C-5.41083001e-16,3.581722 3.581722,-2.76100849e-14 8,-2.84217094e-14 L140,-2.84217094e-14 C144.418278,-2.92333339e-14 148,3.581722 148,8 L148,40 C148,44.418278 144.418278,48 140,48 L40,48 Z" id="形状结合" fill="#ABB4EF"></path>
+ <text id="Incubating" font-family="PingFangSC-Semibold, PingFang SC" font-size="24" font-weight="500" fill="#FFFFFF">
+ <tspan x="16" y="33">Incubating</tspan>
+ </text>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/md_json/blog.json b/md_json/blog.json
index e3f011b..9a307ca 100644
--- a/md_json/blog.json
+++ b/md_json/blog.json
@@ -1,118 +1,4 @@
{
- "en-us": [
- {
- "filename": "blog1.md",
- "link": "/en-us/blog/blog1.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog2.md",
- "link": "/en-us/blog/blog2.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog3.md",
- "link": "/en-us/blog/blog3.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog4.md",
- "link": "/en-us/blog/blog4.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog5.md",
- "link": "/en-us/blog/blog5.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog6.md",
- "link": "/en-us/blog/blog6.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog7.md",
- "link": "/en-us/blog/blog7.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- }
- ],
- "zh-cn": [
- {
- "filename": "blog1.md",
- "link": "/zh-cn/blog/blog1.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog2.md",
- "link": "/zh-cn/blog/blog2.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog3.md",
- "link": "/zh-cn/blog/blog3.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog4.md",
- "link": "/zh-cn/blog/blog4.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog5.md",
- "link": "/zh-cn/blog/blog5.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog6.md",
- "link": "/zh-cn/blog/blog6.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- },
- {
- "filename": "blog7.md",
- "link": "/zh-cn/blog/blog7.html",
- "meta": {
- "key1": "hello",
- "key2": "world"
- }
- }
- ]
+ "en-us": [],
+ "zh-cn": []
}
\ No newline at end of file
diff --git a/site_config/home.jsx b/site_config/home.jsx
index 4ea379e..e1e1989 100644
--- a/site_config/home.jsx
+++ b/site_config/home.jsx
@@ -3,19 +3,15 @@ import React from 'react';
export default {
'zh-cn': {
brand: {
- brandName: 'tubeMQ',
- briefIntroduction: 'TubeMQ，万亿级分布式消息中间件，专注于海量数据下的数据传输和存储，与许多开源MQ项目相比，TubeMQ在稳定性、性能和低成本方面具有独特的优势',
+ brandName: 'Apache',
+ projectName: 'TubeMQ',
+ briefIntroduction: 'Apache TubeMQ，万亿级分布式消息中间件，专注于海量数据下的数据传输和存储，与许多开源MQ项目相比，TubeMQ在稳定性、性能和低成本方面具有独特的优势',
buttons: [
{
text: '立即开始',
link: '/zh-cn/docs/tubemq_user_guide.html',
type: 'primary',
},
- {
- text: 'Github',
- link: 'https://github.com/apache/incubator-tubemq',
- type: 'normal',
- },
],
},
introduction: {
@@ -60,19 +56,15 @@ export default {
},
'en-us': {
brand: {
- brandName: 'TubeMQ',
- briefIntroduction: 'TubeMQ, a trillion-records-scale distributed messaging queue (MQ) system, focuses on data transmission and storage under massive data. Compared to many open source MQ projects, TubeMQ has unique advantages in terms of stability, performance, and low cost',
+ brandName: 'Apache',
+ projectName: 'TubeMQ',
+ briefIntroduction: 'Apache TubeMQ, a trillion-records-scale distributed messaging queue (MQ) system, focuses on data transmission and storage under massive data. Compared to many open source MQ projects, TubeMQ has unique advantages in terms of stability, performance, and low cost',
buttons: [
{
text: 'Quick Start',
link: '/en-us/docs/tubemq_user_guide.html',
type: 'primary',
},
- {
- text: 'Github',
- link: 'https://github.com/apache/incubator-tubemq',
- type: 'normal',
- },
],
},
introduction: {
diff --git a/site_config/site.js b/site_config/site.js
index b135781..b1ca3c0 100644
--- a/site_config/site.js
+++ b/site_config/site.js
@@ -79,7 +79,7 @@ export default {
},
],
},
- copyright: 'Copyright © 2018-2019 The Apache Software Foundation. Apache TubeMQ, TubeMQ, and its feather logo are trademarks of The Apache Software Foundation.',
+ copyright: 'Copyright © 2019-2020 The Apache Software Foundation. Apache TubeMQ, TubeMQ, and its feather logo are trademarks of The Apache Software Foundation.',
},
'zh-cn': {
pageMenu: [
@@ -155,6 +155,6 @@ export default {
},
],
},
- copyright: 'Copyright © 2018-2019 The Apache Software Foundation. Apache TubeMQ, TubeMQ, and its feather logo are trademarks of The Apache Software Foundation.',
+ copyright: 'Copyright © 2019-2020 The Apache Software Foundation. Apache TubeMQ, TubeMQ, and its feather logo are trademarks of The Apache Software Foundation.',
},
};
diff --git a/src/components/footer/index.scss b/src/components/footer/index.scss
index 8988aa2..8bb4918 100644
--- a/src/components/footer/index.scss
+++ b/src/components/footer/index.scss
@@ -1,7 +1,7 @@
@import '../../variables.scss';
.footer-container {
- background: #F8F8F8;
+ background: #E6EBFF;
.footer-body {
max-width: $contentWidth;
margin: 0 auto;
@@ -13,8 +13,8 @@
}
img {
// display: block;
- width: 125px;
- height: 56px;
+ width: 150px;
+ height: 60px;
margin-bottom: 10px;
vertical-align: middle;
}
@@ -41,9 +41,9 @@
}
p {
font-family: Avenir-Medium;
- font-size: 12px;
+ font-size: 14px;
color: #999;
- line-height: 18px;
+ line-height: 20px;
}
dl {
font-family: Avenir-Heavy;
@@ -76,7 +76,7 @@
line-height: 20px;
text-align: center;
font-family: Avenir-Medium;
- font-size: 12px;
+ font-size: 14px;
color: #999;
display: flex;
align-items: center;
diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx
index 498a69f..fc2517d 100644
--- a/src/components/header/index.jsx
+++ b/src/components/header/index.jsx
@@ -147,9 +147,9 @@ class Header extends React.Component {
>
<div className="header-body">
<a href={getLink(`/${language}/index.html`)}>
- <img className="logo apache" style={{width: '97px', height: '39px'}} alt={siteConfig.name} title={siteConfig.name} src={getLink('/img/asf_logo.svg')} />
+ <img className="logo apache" style={{width: '108px'}} alt={siteConfig.name} title={siteConfig.name} src={getLink('/img/asf_logo.svg')} />
<div className="logo-split"></div>
- <img className="logo tube" style={{width: '64px', height: '38px'}} alt={siteConfig.name} title={siteConfig.name} src={getLink('/img/Tube logo.svg')} />
+ <img className="logo tube" style={{width: '72px'}} alt={siteConfig.name} title={siteConfig.name} src={getLink('/img/Tube logo.svg')} />
</a>
{
siteConfig.defaultSearch ?
diff --git a/src/components/header/index.scss b/src/components/header/index.scss
index 5bb5c37..ce622bd 100644
--- a/src/components/header/index.scss
+++ b/src/components/header/index.scss
@@ -62,7 +62,7 @@
line-height: $headerHeight;
.apache {
margin-left: 40px;
- margin-top: 13px;
+ margin-top: 9px;
}
.logo-split {
display: inline-block;
@@ -254,7 +254,7 @@
.header-body {
.apache {
margin-left: 40px;
- margin-top: 13px;
+ margin-top: 9px;
}
.logo-split {
display: inline-block;
diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 769bb11..d19bf1e 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -39,7 +39,7 @@ class Home extends Language {
const { headerType } = this.state;
return (
<div className="home-page">
- <section className="top-section" style={{backgroundImage: 'url(' + getLink("/img/first-page-bg.png") + ')'}}>
+ <section className="top-section" style={{backgroundImage: 'url(' + getLink("/img/first-page-bg.jpg") + ')'}}>
<Header
currentKey="home"
type={headerType}
@@ -48,7 +48,9 @@ class Home extends Language {
/>
<div className="vertical-middle">
<div className="product-name">
- <img src={getLink('/img/bandname.svg')} alt=""/>
+ <div className="brandname">{dataSource.brand.brandName}</div>
+ <div className="projectname">{dataSource.brand.projectName}</div>
+ <img src={getLink("/img/incubating.svg")}></img>
</div>
<p className="product-desc">{dataSource.brand.briefIntroduction}</p>
<div className="button-area">
diff --git a/src/pages/home/index.scss b/src/pages/home/index.scss
index f950add..806e7e6 100644
--- a/src/pages/home/index.scss
+++ b/src/pages/home/index.scss
@@ -17,14 +17,31 @@
.product-name {
position: relative;
display: inline-block;
- width: 100%;
+ max-width: 500px;
img {
- width: 35%;
+ position: absolute;
+ right: -70px;
+ bottom: 120px;
+ }
+
+ .brandname {
+ font-family: HelveticaNeue-Bold;
+ font-size: 88px;
+ color: #000000;
+ letter-spacing: 0;
+ line-height: 120px;
+ }
+ .projectname {
+ font-family: HelveticaNeue-Bold;
+ font-size: 120px;
+ color: #000000;
+ letter-spacing: 0;
+ line-height: 120px;
}
}
.product-desc {
- width: 60%;
+ width: 500px;
font-family: HelveticaNeue-Medium;
font-size: 20px;
color: rgba(0,0,0,0.85);
@@ -209,16 +226,15 @@
h4 {
font-family: Avenir-Heavy;
- font-size: 20px;
- color: #333;
+ font-size: 22px;
margin-top: 32px;
}
p {
font-family: Avenir-Medium;
- font-size: 14px;
- line-height: 20px;
- color: #999;
+ font-size: 16px;
+ line-height: 22px;
margin-top: 16px;
+ text-align: justify;
}
}
}