forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
420 lines
15 KiB
420 lines
15 KiB
3 years ago
|
<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://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) {
|
||
|
|
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://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.createWidget({
|
||
|
|
type: "demo.responsive",
|
||
|
|
element: "#wrapper",
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|