@redocly/marketing-pages 0.1.33 → 0.1.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Box as t}from"../../ui/Box";import{Button as c}from"../../components/Button/CustomButton";import{CallToAction as y}from"../../components/CallToAction/CallToAction";import{Circle as l,CircleWrapper as i}from"../../components/Circle/Circle";import{MediaBox as o,Skewed as m}from"../../components/PositionItems";import{ResponsiveImg as s}from"../../components/ImageComponents";import e,{useRef as w}from"react";import{linearGradient as T}from"polished";import{FEATURES as k,UPCOMING_FEATURES as I}from"./config";import{DocsCard as _}from"./components/DocsCard";import{ProcessSteps as A}from"./components/ProcessSteps";import{CardTitle as g,Group as n,Icon as h,PageSubTitle as z,PageTitle as v,SubTitle as
|
|
1
|
+
import{Box as t}from"../../ui/Box";import{Button as c}from"../../components/Button/CustomButton";import{CallToAction as y}from"../../components/CallToAction/CallToAction";import{Circle as l,CircleWrapper as i}from"../../components/Circle/Circle";import{MediaBox as o,Skewed as m}from"../../components/PositionItems";import{ResponsiveImg as s}from"../../components/ImageComponents";import e,{useRef as w}from"react";import{linearGradient as T}from"polished";import{FEATURES as k,UPCOMING_FEATURES as I}from"./config";import{DocsCard as _}from"./components/DocsCard";import{ProcessSteps as A}from"./components/ProcessSteps";import{CardTitle as g,Group as n,Icon as h,PageSubTitle as z,PageTitle as v,SubTitle as C,TextComponent as r,TopicTitle as d,Image as E,FeatureCard as F,FeatureItem as p,TextCard as S,TranslucentCard as W,TextGradientTitle as u,PageWrapper as P}from"./styled";const L={seo:{title:"Docs like code"},slug:"/docs-like-code"};function Q(){const f=w(null),b=()=>{f.current&&f.current.scrollIntoView({behavior:"smooth"})};return e.createElement(P,null,e.createElement(m,{angle:0,bg:T({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetBottom:"20px",style:{paddingBottom:"40px"}},e.createElement(o,null,e.createElement(t,{maxWidth:"1000px",m:"auto",mt:{_:2,small:4},textAlign:"center"},e.createElement(v,{mb:{base:20}},"Docs-like-code with Redocly"),e.createElement(t,{maxWidth:"830px",m:"auto"},e.createElement(r,{color:"#fff!important",mb:{base:"33px"},textAlign:{base:"center"}},"Keeping APIs and docs in sync is the key to win at the API economy. Here\u2019s why up to date is the way, and how Redocly helps you get there.")),e.createElement(t,{display:"flex",justifyContent:"center",alignItems:"center",m:"auto"},e.createElement(c,{variant:"outlined",size:"large",onClick:b,textAlign:"center"},"Scroll to features",e.createElement(h,{src:require("./images/icons/arrow-bottom.svg"),height:"21px",width:"15px"})))))),e.createElement("div",{style:{background:"#F0F5FF"}},e.createElement(m,{angle:0,bg:"#F0F5FF",offsetTop:"calc(-40px - 10vw)"},e.createElement(o,null,e.createElement(t,{maxWidth:{_:"300px",small:"680px"},mt:{_:"40px",small:"80px",medium:"100px",large:"120px"},mb:0,textAlign:"center",mx:"auto"},e.createElement(u,{mb:5},"Fast vs. usable: ",e.createElement("br",null),"The API",e.createElement(h,{src:require("./images//icons/arrow.svg"),width:"55px"}),"docs divide")),e.createElement(n,{gridTemplateColumns:{_:"1fr",medium:"1fr 1fr"},alignItems:"center",justifyItems:"center",my:{_:1,medium:1}},e.createElement(t,{maxWidth:"550px"},e.createElement(r,null,"With APIs growing at lightspeed, there\u2019s a strong case for building them as fast as possible."),e.createElement(r,null,"But when docs don\u2019t follow suit, it gets harder to keep track and document new features. Then, work doubles, time shrinks, confusion sets in, and progress slows down."),e.createElement(r,{fontWeight:"bold"},"That\u2019s the problem that docs-like-code aims to solve.")),e.createElement(t,null,e.createElement(E,{src:require("./images/docs-components.svg")}))),e.createElement(n,{gridTemplateColumns:{_:"1fr",medium:"1fr 1fr"},alignItems:"center",justifyItems:"center",my:{_:1,medium:1}},e.createElement(S,null,e.createElement(r,null,"\u201CRealize that the further the docs are from the code, the more difficult it can be to keep in sync. Think about creating a culture where code changes don\u2019t merge without corresponding doc changes.\u201D"),e.createElement(r,{fontWeight:"bold"},"Anne Gentle, Docs Like Code (2018)")))))),e.createElement(m,{angle:0,id:"features",bg:"#f8faff",ref:f},e.createElement(o,{mt:75},e.createElement(i,{zIndex:1},e.createElement(l,{size:"500px",top:"-300px",left:"-550px"}),e.createElement(l,{size:"650px",top:"-350px",left:"-650px"})),e.createElement(n,{gridTemplateColumns:{_:"1fr",medium:"1fr 1fr"},alignItems:"center",justifyItems:"center",my:{_:1,medium:1},mb:{_:"70px",small:"110px"}},e.createElement(t,{maxWidth:"550px"},e.createElement(C,{color:"var(--color-text-dark)"},"What\u2019s docs-like-code?"),e.createElement(r,{fontWeight:"bold"},"Docs-like-code means treating documentation like you treat code \u2014 with tools, processes and approaches that are as unified as possible."),e.createElement(r,null,"The end-game is merging API innovation and documentation into a cohesive flow, where you document new features as they drop, which helps you better understand your product as you go.")),e.createElement(t,null,e.createElement(E,{src:require("./images/docs-windows.svg")}))),e.createElement(n,{my:100,gridGap:10,justifyContent:"center",gridTemplateColumns:{_:"1fr",small:"1fr 1fr 1fr 1fr"}},e.createElement(p,null,e.createElement(s,{src:require("./images/icons/unify-version-control.svg"),alt:"unify version control"}),e.createElement(d,null,"Unify version control"),e.createElement(t,{maxWidth:{_:"200px",small:"initial"}},e.createElement(r,{fontSize:{base:"18px"}},"Build product and write docs on the same Git, for everyone to see and contribute."))),e.createElement(p,null,e.createElement(s,{src:require("./images/share-techniques.svg"),alt:"share techniques"}),e.createElement(d,null,"Share techniques"),e.createElement(r,{fontSize:{base:"18px"}},"Apply the same project management, Agile, Scrum, QA, versioning logic.")),e.createElement(p,null,e.createElement(s,{src:require("./images/icons/gear.svg"),alt:"automate docs"}),e.createElement(d,null,"Automate docs"),e.createElement(t,{maxWidth:{_:"200px",small:"initial"}},e.createElement(r,{fontSize:{base:"18px"}},"When product and documentation are in sync, keeping docs current gets easier."))),e.createElement(p,null,e.createElement(s,{src:require("./images/icons/people.svg"),alt:"people"}),e.createElement(d,null,"Bring people together"),e.createElement(t,{maxWidth:{_:"200px",small:"initial"}},e.createElement(r,{fontSize:{base:"18px"},color:"var(--color-text-dimmed)"},"Developers write documentation as soon as features are dropped and writers work with them.")))),e.createElement(i,{left:"100%",zIndex:2},e.createElement(l,{size:"500px",top:"-450px",right:"-520px"}),e.createElement(l,{size:"650px",top:"-500px",right:"-580px"})))),e.createElement("div",{style:{background:"#F0F5FF"}},e.createElement(m,{angle:0,bg:"#F0F5FF",offsetTop:"-100px",offsetBottom:"20px",zIndex:1},e.createElement(o,null,e.createElement(t,{maxWidth:{_:"200px",small:"680px"},mb:0,textAlign:"center",mx:"auto"},e.createElement(u,{my:5},"Redocly\u2019s commitment to docking that code")),e.createElement(n,{gridTemplateColumns:{_:"1fr",medium:"1fr 1fr"},alignItems:"center",justifyItems:"center",my:{_:1,medium:1}},e.createElement(E,{src:require("./images/companies.png")}),e.createElement(t,null,e.createElement(r,null,"The Redocly platform is built to be docs-like-code to the bone. Docs and APIs follow the same kernel of truth, all collaboration happens in one place, and we\u2019re automating every bit of the documentation process."),e.createElement(t,{display:"flex",justifyContent:{_:"center",small:"center",medium:"start",large:"start"}},e.createElement(c,{className:"landing-button",size:"medium",to:"https://auth.cloud.redocly.com/registration"},"Start 30-day free trial"))))))),e.createElement("div",{style:{background:"#f8faff",paddingBottom:"128px"}},e.createElement(m,{angle:0,bg:"#f8faff",offsetTop:"calc(-40px - 10vw)",zIndex:1},e.createElement(o,null,e.createElement(t,{maxWidth:{_:"200px",small:"680px"},mb:0,mt:{_:"40px",small:"80px",medium:"100px",large:"120px"},textAlign:"center",mx:"auto"},e.createElement(u,{textAlign:"center",t:"64px",color:"#0068FB"},"Our docs-like-code process")),e.createElement(A,null),e.createElement(i,{zIndex:1},e.createElement(l,{size:"650px",top:"-400px",left:"-700px"})),e.createElement(t,{maxWidth:{_:"200px",small:"680px"},mb:0,mt:40,textAlign:"center",mx:"auto"},e.createElement(u,{textAlign:"center",mb:"32px",color:"#0068FB"},"More docs-like-code features for your API documentation")),e.createElement(n,{gridTemplateColumns:{_:"1fr 1fr ",small:"1fr 1fr ",medium:"1fr 1fr 1fr"},gridGap:{_:1,small:1,medium:5},my:{_:5}},k.map((a,x)=>e.createElement(F,{key:x},e.createElement(g,null,a.name),e.createElement(r,{fontSize:{base:"18px"}},a.description)))),e.createElement(t,{maxWidth:{_:"200px",small:"680px"},mb:0,mt:40,textAlign:"center",mx:"auto"},e.createElement(z,{textAlign:{base:"center"},mt:{base:"32px"},mb:{base:"32px"},color:"var(--color-text-dark)"},"Upcoming features")),e.createElement(n,{gridTemplateColumns:{_:"1fr 1fr",small:"1f 1f",medium:"1fr 1fr 1fr"},gridGap:{_:3,small:3,medium:5,large:5},mt:5,mb:6},I.map((a,x)=>e.createElement(W,{key:x},e.createElement(g,null,a.name),e.createElement(r,{fontSize:{base:"18px"}},a.description)))),e.createElement(_,null),e.createElement(i,{zIndex:1},e.createElement(l,{size:"650px",top:"0",left:"-600px"}),e.createElement(l,{size:"500px",top:"50px",left:"-550px"}))))),e.createElement(t,{style:{marginTop:"0"},mt:6,zIndex:2,position:"relative"},e.createElement(y,{title:"Superpower your API lifecycle with Redocly"},e.createElement(c,{className:"landing-button",size:"large",to:"https://auth.cloud.redocly.com/registration"},"Start 30-day free trial"),e.createElement(c,{size:"large",color:"secondary",variant:"outlined",to:"/enterprise"},"Enterprise"))))}export{Q as default,L as frontmatter};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{TextGradient as r}from"../../components/TextGradient/TextGradient";import i from"styled-components";import{Grid as a,MediaBox as m}from"../../components/PositionItems";import{Box as n}from"../../ui/Box";import{ResponsiveImg as d}from"../../components/ImageComponents";import{Card as o}from"../../components/Cards/Card";import{breakpoints as t}from"@redocly/theme/core/utils";import{H1Title as p,H2Title as g,H3Title as
|
|
1
|
+
import{TextGradient as r}from"../../components/TextGradient/TextGradient";import i from"styled-components";import{Grid as a,MediaBox as m}from"../../components/PositionItems";import{Box as n}from"../../ui/Box";import{ResponsiveImg as d}from"../../components/ImageComponents";import{Card as o}from"../../components/Cards/Card";import{breakpoints as t}from"@redocly/theme/core/utils";import{H1Title as p,H2Title as g,H3Title as l,Paragraph as s}from"../../components/TypographyElements";const v=i(r)`
|
|
2
2
|
font-size: 20px;
|
|
3
3
|
line-height: 26px;
|
|
4
4
|
font-family: var(--font-family);
|
|
@@ -37,7 +37,7 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
37
37
|
}
|
|
38
38
|
`,T=i(g)`
|
|
39
39
|
padding-top: ${({pt:e})=>e&&e};
|
|
40
|
-
`,C=i(
|
|
40
|
+
`,C=i(l)`
|
|
41
41
|
margin: 0;
|
|
42
42
|
padding-top: ${({pt:e})=>e&&e};
|
|
43
43
|
`,I=i(r)`
|
|
@@ -56,7 +56,7 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
56
56
|
font-size: var(--font-size-h4-lg);
|
|
57
57
|
line-height: var(--line-height-h4-lg);
|
|
58
58
|
}
|
|
59
|
-
`,S=i(
|
|
59
|
+
`,S=i(s)`
|
|
60
60
|
color: var(--color-text-dimmed);
|
|
61
61
|
`,B=i(m)`
|
|
62
62
|
display: flex;
|
|
@@ -92,14 +92,14 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
92
92
|
}
|
|
93
93
|
`,G=i.img`
|
|
94
94
|
margin: 0 15px;
|
|
95
|
-
`,
|
|
95
|
+
`,P=i(d)`
|
|
96
96
|
margin: auto;
|
|
97
97
|
width: 80%;
|
|
98
98
|
|
|
99
99
|
@media screen and (min-width: ${t.medium}) {
|
|
100
100
|
width: 85%;
|
|
101
101
|
}
|
|
102
|
-
`,
|
|
102
|
+
`,j=i(n)`
|
|
103
103
|
display: grid;
|
|
104
104
|
align-items: center;
|
|
105
105
|
text-align: center;
|
|
@@ -112,13 +112,13 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
112
112
|
width: 70px;
|
|
113
113
|
height: 70px;
|
|
114
114
|
}
|
|
115
|
-
`,
|
|
115
|
+
`,H=i(n)`
|
|
116
116
|
height: calc(100% - 86px);
|
|
117
117
|
margin-top: 16px;
|
|
118
118
|
border-left: 1px dashed rgba(0, 68, 212, 0.2);
|
|
119
119
|
align-self: center;
|
|
120
120
|
justify-self: center;
|
|
121
|
-
`,
|
|
121
|
+
`,W=i(n)`
|
|
122
122
|
grid-column-start: 2;
|
|
123
123
|
@media screen and (min-width: ${t.small}) {
|
|
124
124
|
grid-column-start: 2;
|
|
@@ -126,7 +126,7 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
126
126
|
@media screen and (min-width: ${t.medium}) {
|
|
127
127
|
grid-column-start: 3;
|
|
128
128
|
}
|
|
129
|
-
`,
|
|
129
|
+
`,F=i.div`
|
|
130
130
|
background: #f8faff;
|
|
131
131
|
padding-bottom: 150px;
|
|
132
132
|
overflow-x: clip;
|
|
@@ -170,14 +170,14 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
170
170
|
align-self: center;
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
|
-
`,
|
|
173
|
+
`,c=i(o)`
|
|
174
174
|
padding: 24px;
|
|
175
175
|
max-width: 400px;
|
|
176
176
|
|
|
177
177
|
@media screen and (min-width: ${t.medium}) {
|
|
178
178
|
padding: 16px;
|
|
179
179
|
}
|
|
180
|
-
`,D=i(
|
|
180
|
+
`,D=i(c)`
|
|
181
181
|
opacity: 0.5;
|
|
182
182
|
`,L=i(n)`
|
|
183
183
|
display: flex;
|
|
@@ -195,4 +195,7 @@ import{TextGradient as r}from"../../components/TextGradient/TextGradient";import
|
|
|
195
195
|
font-size: 40px;
|
|
196
196
|
line-height: 48px;
|
|
197
197
|
}
|
|
198
|
-
|
|
198
|
+
`,N=i.div`
|
|
199
|
+
overflow-x: clip;
|
|
200
|
+
overflow-y: visible;
|
|
201
|
+
`;export{L as ButtonWrapper,v as CardTitle,B as DocsBody,c as FeatureCard,q as FeatureItem,k as Group,G as Icon,P as Image,W as ImageContainer,T as PageSubTitle,z as PageTitle,N as PageWrapper,F as Section,H as StepLine,j as StepNumberWrapper,C as SubTitle,_ as TextCard,S as TextComponent,M as TextGradientTitle,I as TopicTitle,D as TranslucentCard};
|