forked from fanruan/fineui
iapyang
3 years ago
68 changed files with 1284 additions and 1605 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 426 KiB After Width: | Height: | Size: 451 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,46 +1,419 @@ |
|||||||
<html> |
<html> |
||||||
<head> |
<head> |
||||||
<meta charset="utf-8"> |
<meta charset="utf-8" /> |
||||||
<title></title> |
<meta name="viewport" content="width=device-width,minimum-scale=1" /> |
||||||
<link rel="stylesheet" type="text/css" href="http://localhost:9001/fineui.css"/> |
<meta http-equiv="x-ua-compatible" content="IE=edge" /> |
||||||
|
<title>PullRequest | Code Review as a Service</title> |
||||||
|
<meta |
||||||
|
name="description" |
||||||
|
content="PullRequest is a platform for code review, built for teams of all sizes. We have thousands of on-demand reviewers and they are backed by best-in-class automation tools. Because code quality is important." |
||||||
|
/> |
||||||
|
<meta name="theme-color" content="#28557a" /> |
||||||
|
<link |
||||||
|
rel="stylesheet" |
||||||
|
type="text/css" |
||||||
|
href="https://fanruan.design/fineui/2.0/fineui_without_normalize.css" |
||||||
|
/> |
||||||
<!-- <script src="../dist/2.0/fineui.js"></script>--> |
<!-- <script src="../dist/2.0/fineui.js"></script>--> |
||||||
<script src="http://localhost:9001/fineui.js"></script> |
<script src="http://localhost:9001/fineui.js"></script> |
||||||
</head> |
|
||||||
<body> |
|
||||||
<div id="wrapper"></div> |
|
||||||
<script> |
|
||||||
|
|
||||||
|
<style> |
||||||
|
*, |
||||||
|
:after, |
||||||
|
:before { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
* { |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
html { |
||||||
|
font-family: sans-serif; |
||||||
|
line-height: 1.15; |
||||||
|
-webkit-text-size-adjust: 100%; |
||||||
|
-webkit-tap-highlight-color: transparent; |
||||||
|
} |
||||||
|
body { |
||||||
|
margin: 0; |
||||||
|
font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, |
||||||
|
helvetica neue, Arial, noto sans, liberation sans, sans-serif, |
||||||
|
apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji; |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 400; |
||||||
|
line-height: 1.5; |
||||||
|
color: #212529; |
||||||
|
text-align: left; |
||||||
|
height: 100vh; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
#wrapper { |
||||||
|
height: 100vh; |
||||||
|
} |
||||||
|
.nav { |
||||||
|
box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%); |
||||||
|
} |
||||||
|
.nav-logo { |
||||||
|
background-image: url(https://www.pullrequest.com/images/pullrequest-logo.svg); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: 50%; |
||||||
|
background-size: contain; |
||||||
|
} |
||||||
|
.image { |
||||||
|
background-image: url(https://www.pullrequest.com/images/figures/home/hero-graphic.png); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: contain; |
||||||
|
} |
||||||
|
.demo { |
||||||
|
cursor: pointer; |
||||||
|
border-radius: 3px; |
||||||
|
font-weight: 600; |
||||||
|
color: #fff; |
||||||
|
background: #4aa4e0 linear-gradient(180deg, #65b2e5, #4aa4e0) repeat-x; |
||||||
|
border: 1px solid #4aa4e0; |
||||||
|
} |
||||||
|
.signup { |
||||||
|
cursor: pointer; |
||||||
|
border-radius: 3px; |
||||||
|
font-weight: 600; |
||||||
|
color: #4aa4e0; |
||||||
|
border: 1px solid #4aa4e0; |
||||||
|
} |
||||||
|
.wave { |
||||||
|
background-image: url(https://www.pullrequest.com/images/textures/home/wave1.png); |
||||||
|
background-size: cover; |
||||||
|
background-repeat: repeat-x; |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div id="wrapper"></div> |
||||||
|
<script> |
||||||
BI.config("bi.provider.system", function (provider) { |
BI.config("bi.provider.system", function (provider) { |
||||||
provider.setResponsiveMode(true); |
provider.setResponsiveMode(true); |
||||||
}); |
}); |
||||||
var Widget = BI.inherit(BI.Widget, { |
var Widget = BI.inherit(BI.Widget, { |
||||||
props: {}, |
props: {}, |
||||||
render: function () { |
render: function () { |
||||||
return { |
return [ |
||||||
|
{ |
||||||
type: "bi.vertical", |
type: "bi.vertical", |
||||||
items: [{ |
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
cls: "nav", |
||||||
|
css: { |
||||||
|
position: "fixed", |
||||||
|
left: 0, |
||||||
|
right: 0, |
||||||
|
zIndex: 1000, |
||||||
|
}, |
||||||
|
height: 62, |
||||||
|
hgap: 16, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.layout", |
||||||
|
cls: "nav-logo", |
||||||
|
width: 185, |
||||||
|
height: 46, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
tgap: 112, |
||||||
|
el: { |
||||||
type: "bi.center_adapt", |
type: "bi.center_adapt", |
||||||
verticalAlign: "top", |
columnSize: ["fill", "fill"], |
||||||
height: 300, |
vgap: 24, |
||||||
columnSize: [300, "fill"], |
items: [ |
||||||
items: [{ |
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "24px", |
||||||
|
fontWeight: "700", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Code Review as a Service", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
lineHeight: "24px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "Increase velocity and reduce technical debt through quality code review by expert engineers backed by best-in-class automation.", |
||||||
|
}, |
||||||
|
tgap: 24, |
||||||
|
bgap: 24, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
vgap: 16, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
type: "bi.label", |
type: "bi.label", |
||||||
css: {background: "#eee"}, |
hgap: 24, |
||||||
text: "123" |
height: 48, |
||||||
}, { |
cls: "demo", |
||||||
|
text: "Schedule demo", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
type: "bi.label", |
type: "bi.label", |
||||||
css: {background: "#e0e0e0"}, |
hgap: 24, |
||||||
text: "123" |
height: 48, |
||||||
}] |
cls: "signup", |
||||||
}] |
text: "Sign up", |
||||||
}; |
}, |
||||||
} |
lgap: 30, |
||||||
|
rgap: 15, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.img", |
||||||
|
attributes: { |
||||||
|
width: 595, |
||||||
|
}, |
||||||
|
css: { |
||||||
|
maxWidth: "100%", |
||||||
|
maxHeight: "100%", |
||||||
|
}, |
||||||
|
src: "https://www.pullrequest.com/images/figures/home/hero-graphic.png", |
||||||
|
width: "auto", |
||||||
|
height: "auto", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: "bi.layout", |
||||||
|
cls: "wave", |
||||||
|
height: 112, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["fill"], |
||||||
|
css: { |
||||||
|
background: "#f5fbff", |
||||||
|
}, |
||||||
|
hgap: 0.1, |
||||||
|
vgap: 64, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.text", |
||||||
|
lineHeight: 30, |
||||||
|
css: { |
||||||
|
fontSize: "22px", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Empower your development team with the help of world-class engineers. ", |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: "bi.text", |
||||||
|
lineHeight: 24, |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "PullRequest provides on-demand code review by world-class engineers, built for teams of any size. We review within your tools to catch security threats, stop crashes, and fix performance issues before they reach production.", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["fill", "fill"], |
||||||
|
vgap: 48, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "24px", |
||||||
|
fontWeight: "700", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Move fast and reduce cycle times.", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
lineHeight: "24px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "Save time reviewing code so you can focus on shipping new features.", |
||||||
|
}, |
||||||
|
tgap: 24, |
||||||
|
bgap: 24, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.img", |
||||||
|
attributes: { |
||||||
|
width: 595, |
||||||
|
}, |
||||||
|
css: { |
||||||
|
maxWidth: "100%", |
||||||
|
maxHeight: "100%", |
||||||
|
}, |
||||||
|
src: "https://www.pullrequest.com/images/figures/home/velocity.png", |
||||||
|
width: "auto", |
||||||
|
height: "auto", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
css: { |
||||||
|
background: "#f5fbff", |
||||||
|
}, |
||||||
|
columnSize: ["fill", "fill"], |
||||||
|
vgap: 48, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.img", |
||||||
|
attributes: { |
||||||
|
width: 595, |
||||||
|
}, |
||||||
|
css: { |
||||||
|
maxWidth: "100%", |
||||||
|
maxHeight: "100%", |
||||||
|
}, |
||||||
|
src: "https://www.pullrequest.com/images/figures/home/secure.png", |
||||||
|
width: "auto", |
||||||
|
height: "auto", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
rgap: 15, |
||||||
|
lgap: 0.1, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "24px", |
||||||
|
fontWeight: "700", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Secure your codebase.", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
lineHeight: "24px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "Deliver high quality code with an extra line of defense to prevent security vulnerabilities and other fatal flaws.", |
||||||
|
}, |
||||||
|
tgap: 24, |
||||||
|
bgap: 24, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
]; |
||||||
|
}, |
||||||
}); |
}); |
||||||
BI.shortcut("demo.responsive", Widget); |
BI.shortcut("demo.responsive", Widget); |
||||||
BI.createWidget({ |
BI.createWidget({ |
||||||
type: "demo.responsive", |
type: "demo.responsive", |
||||||
element: "#wrapper" |
element: "#wrapper", |
||||||
}); |
}); |
||||||
</script> |
</script> |
||||||
</body> |
</body> |
||||||
</html> |
</html> |
||||||
|
|||||||
@ -0,0 +1,419 @@ |
|||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8" /> |
||||||
|
<meta name="viewport" content="width=device-width,minimum-scale=1" /> |
||||||
|
<meta http-equiv="x-ua-compatible" content="IE=edge" /> |
||||||
|
<title>PullRequest | Code Review as a Service</title> |
||||||
|
<meta |
||||||
|
name="description" |
||||||
|
content="PullRequest is a platform for code review, built for teams of all sizes. We have thousands of on-demand reviewers and they are backed by best-in-class automation tools. Because code quality is important." |
||||||
|
/> |
||||||
|
<meta name="theme-color" content="#28557a" /> |
||||||
|
<link |
||||||
|
rel="stylesheet" |
||||||
|
type="text/css" |
||||||
|
href="https://fanruan.design/fineui/2.0/fineui_without_normalize.css" |
||||||
|
/> |
||||||
|
<!-- <script src="../dist/2.0/fineui.js"></script>--> |
||||||
|
<script src="https://fanruan.design/fineui/2.0/fineui.js"></script> |
||||||
|
|
||||||
|
<style> |
||||||
|
*, |
||||||
|
:after, |
||||||
|
:before { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
* { |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
html { |
||||||
|
font-family: sans-serif; |
||||||
|
line-height: 1.15; |
||||||
|
-webkit-text-size-adjust: 100%; |
||||||
|
-webkit-tap-highlight-color: transparent; |
||||||
|
} |
||||||
|
body { |
||||||
|
margin: 0; |
||||||
|
font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, |
||||||
|
helvetica neue, Arial, noto sans, liberation sans, sans-serif, |
||||||
|
apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji; |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 400; |
||||||
|
line-height: 1.5; |
||||||
|
color: #212529; |
||||||
|
text-align: left; |
||||||
|
height: 100vh; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
#wrapper { |
||||||
|
height: 100vh; |
||||||
|
} |
||||||
|
.nav { |
||||||
|
box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%); |
||||||
|
} |
||||||
|
.nav-logo { |
||||||
|
background-image: url(https://qn.wangchuan.cc/pullrequest-logo.svg); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: 50%; |
||||||
|
background-size: contain; |
||||||
|
} |
||||||
|
.image { |
||||||
|
background-image: url(https://qn.wangchuan.cc/hero-graphic.png); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: contain; |
||||||
|
} |
||||||
|
.demo { |
||||||
|
cursor: pointer; |
||||||
|
border-radius: 3px; |
||||||
|
font-weight: 600; |
||||||
|
color: #fff; |
||||||
|
background: #4aa4e0 linear-gradient(180deg, #65b2e5, #4aa4e0) repeat-x; |
||||||
|
border: 1px solid #4aa4e0; |
||||||
|
} |
||||||
|
.signup { |
||||||
|
cursor: pointer; |
||||||
|
border-radius: 3px; |
||||||
|
font-weight: 600; |
||||||
|
color: #4aa4e0; |
||||||
|
border: 1px solid #4aa4e0; |
||||||
|
} |
||||||
|
.wave { |
||||||
|
background-image: url(https://qn.wangchuan.cc/wave.png); |
||||||
|
background-size: cover; |
||||||
|
background-repeat: repeat-x; |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div id="wrapper"></div> |
||||||
|
<script> |
||||||
|
BI.config("bi.provider.system", function (provider) { |
||||||
|
provider.setResponsiveMode(true); |
||||||
|
}); |
||||||
|
var Widget = BI.inherit(BI.Widget, { |
||||||
|
props: {}, |
||||||
|
render: function () { |
||||||
|
return [ |
||||||
|
{ |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
cls: "nav", |
||||||
|
css: { |
||||||
|
position: "fixed", |
||||||
|
left: 0, |
||||||
|
right: 0, |
||||||
|
zIndex: 1000, |
||||||
|
}, |
||||||
|
height: 62, |
||||||
|
hgap: 16, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.layout", |
||||||
|
cls: "nav-logo", |
||||||
|
width: 185, |
||||||
|
height: 46, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
tgap: 112, |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["fill", "fill"], |
||||||
|
vgap: 24, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "24px", |
||||||
|
fontWeight: "700", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Code Review as a Service", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
lineHeight: "24px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "Increase velocity and reduce technical debt through quality code review by expert engineers backed by best-in-class automation.", |
||||||
|
}, |
||||||
|
tgap: 24, |
||||||
|
bgap: 24, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
vgap: 16, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.label", |
||||||
|
hgap: 24, |
||||||
|
height: 48, |
||||||
|
cls: "demo", |
||||||
|
text: "Schedule demo", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.label", |
||||||
|
hgap: 24, |
||||||
|
height: 48, |
||||||
|
cls: "signup", |
||||||
|
text: "Sign up", |
||||||
|
}, |
||||||
|
lgap: 30, |
||||||
|
rgap: 15, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.img", |
||||||
|
attributes: { |
||||||
|
width: 595, |
||||||
|
}, |
||||||
|
css: { |
||||||
|
maxWidth: "100%", |
||||||
|
maxHeight: "100%", |
||||||
|
}, |
||||||
|
src: "https://qn.wangchuan.cc/hero-graphic.png", |
||||||
|
width: "auto", |
||||||
|
height: "auto", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: "bi.layout", |
||||||
|
cls: "wave", |
||||||
|
height: 112, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["fill"], |
||||||
|
css: { |
||||||
|
background: "#f5fbff", |
||||||
|
}, |
||||||
|
hgap: 0.1, |
||||||
|
vgap: 64, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.text", |
||||||
|
lineHeight: 30, |
||||||
|
css: { |
||||||
|
fontSize: "22px", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Empower your development team with the help of world-class engineers. ", |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: "bi.text", |
||||||
|
lineHeight: 24, |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "PullRequest provides on-demand code review by world-class engineers, built for teams of any size. We review within your tools to catch security threats, stop crashes, and fix performance issues before they reach production.", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["fill", "fill"], |
||||||
|
vgap: 48, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "24px", |
||||||
|
fontWeight: "700", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Move fast and reduce cycle times.", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
lineHeight: "24px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "Save time reviewing code so you can focus on shipping new features.", |
||||||
|
}, |
||||||
|
tgap: 24, |
||||||
|
bgap: 24, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.img", |
||||||
|
attributes: { |
||||||
|
width: 595, |
||||||
|
}, |
||||||
|
css: { |
||||||
|
maxWidth: "100%", |
||||||
|
maxHeight: "100%", |
||||||
|
}, |
||||||
|
src: "https://qn.wangchuan.cc/velocity.png", |
||||||
|
width: "auto", |
||||||
|
height: "auto", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.center_adapt", |
||||||
|
css: { |
||||||
|
background: "#f5fbff", |
||||||
|
}, |
||||||
|
columnSize: ["fill", "fill"], |
||||||
|
vgap: 48, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
hgap: 15, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.img", |
||||||
|
attributes: { |
||||||
|
width: 595, |
||||||
|
}, |
||||||
|
css: { |
||||||
|
maxWidth: "100%", |
||||||
|
maxHeight: "100%", |
||||||
|
}, |
||||||
|
src: "https://qn.wangchuan.cc/secure.png", |
||||||
|
width: "auto", |
||||||
|
height: "auto", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.vertical", |
||||||
|
rgap: 15, |
||||||
|
lgap: 0.1, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "24px", |
||||||
|
fontWeight: "700", |
||||||
|
color: "#092353", |
||||||
|
}, |
||||||
|
text: "Secure your codebase.", |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.text", |
||||||
|
css: { |
||||||
|
fontSize: "16px", |
||||||
|
lineHeight: "24px", |
||||||
|
color: "#28557a", |
||||||
|
}, |
||||||
|
text: "Deliver high quality code with an extra line of defense to prevent security vulnerabilities and other fatal flaws.", |
||||||
|
}, |
||||||
|
tgap: 24, |
||||||
|
bgap: 24, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
]; |
||||||
|
}, |
||||||
|
}); |
||||||
|
BI.shortcut("demo.responsive", Widget); |
||||||
|
BI.createWidget({ |
||||||
|
type: "demo.responsive", |
||||||
|
element: "#wrapper", |
||||||
|
}); |
||||||
|
</script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -1,49 +0,0 @@ |
|||||||
!function () { |
|
||||||
var patch = BI.Snabbdom.init([BI.Snabbdom.attributesModule, BI.Snabbdom.classModule, BI.Snabbdom.datasetModule, BI.Snabbdom.propsModule, BI.Snabbdom.styleModule, BI.Snabbdom.eventListenersModule]); |
|
||||||
BI.Element2Vnode = function (parentNode) { |
|
||||||
if (parentNode.nodeType === 3) { |
|
||||||
return BI.Snabbdom.vnode(undefined, undefined, undefined, parentNode.textContent, parentNode); |
|
||||||
} |
|
||||||
var data = BI.jQuery._data(parentNode); |
|
||||||
var on = {}; |
|
||||||
BI.each(data && data.events, function (eventName, events) { |
|
||||||
on[eventName] = function () { |
|
||||||
var ob = this, args = arguments; |
|
||||||
BI.each(events, function (i, ev) { |
|
||||||
ev.handler.apply(ob, args); |
|
||||||
}); |
|
||||||
}; |
|
||||||
}); |
|
||||||
var attrs = {}; |
|
||||||
var elmAttrs = parentNode.attributes; |
|
||||||
var elmChildren = parentNode.childNodes; |
|
||||||
var key = parentNode.getAttribute("key"); |
|
||||||
for (var i = 0, n = elmAttrs.length; i < n; i++) { |
|
||||||
var name = elmAttrs[i].nodeName; |
|
||||||
if (name !== "id" && name !== "class") { |
|
||||||
attrs[name] = elmAttrs[i].nodeValue; |
|
||||||
} |
|
||||||
} |
|
||||||
var vnode = BI.Snabbdom.vnode(parentNode.nodeName, { |
|
||||||
class: BI.makeObject(parentNode.classList), |
|
||||||
attrs: attrs, |
|
||||||
key: key, |
|
||||||
on: on, |
|
||||||
hook: { |
|
||||||
create: function () { |
|
||||||
BI.each(BI.Widget._renderEngine.createElement(parentNode).data("__widgets"), function (i, w) { |
|
||||||
w.element = BI.Widget._renderEngine.createElement(vnode.elm); |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
}, BI.map(elmChildren, function (i, childNode) { |
|
||||||
return BI.Element2Vnode(childNode); |
|
||||||
}), undefined, parentNode); |
|
||||||
return vnode; |
|
||||||
}; |
|
||||||
|
|
||||||
BI.patchVNode = function (element, node) { |
|
||||||
patch(element, node); |
|
||||||
}; |
|
||||||
}(); |
|
||||||
|
|
||||||
Loading…
Reference in new issue