@redocly/marketing-pages 0.1.14 → 0.1.16

package/dist/components/LayoutButtons/GetStartedButton.js

@@ -1,6 +1,6 @@
-import c,{useEffect as s,useState as d}from"react";import a from"styled-components";import{linearGradient as u}from"polished";import{Button as m}from"../Button/CustomButton";const S=()=>{const[t,n]=d(!0);return s(()=>{const o=()=>{const i=document.querySelectorAll(".get-started-link");let e=!1;i.forEach(l=>{const r=l.getBoundingClientRect();r.top>=0&&r.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&(e=!0)}),n(!e)};return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[]),c.createElement(p,{to:"https://auth.cloud.redocly.com/registration",show:t},"Start 30-day free trial")},p=a(m)`
+import c,{useEffect as s,useState as d}from"react";import a from"styled-components";import{linearGradient as m}from"polished";import{Button as u}from"../Button/CustomButton";const S=()=>{const[t,n]=d(!1);return s(()=>{const o=()=>{const i=document.querySelectorAll(".get-started-link");let e=!1;i.forEach(l=>{const r=l.getBoundingClientRect();r.top>=0&&r.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&(e=!0)}),n(!e)};return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[]),c.createElement(p,{to:"https://auth.cloud.redocly.com/registration",show:t},"Start 30-day free trial")},p=a(u)`
   display: ${t=>t.show?"block":"none"};
-  background-color: ${u({colorStops:["#0068FB","#7E41FF"],toDirection:"to bottom right"})};
+  background-color: ${m({colorStops:["#0068FB","#7E41FF"],toDirection:"to bottom right"})};
   margin: 0;
   height: 64px;
   padding: 12px 24px;

package/dist/pages/realm/realm.page.js

@@ -1,10 +1,7 @@
-import e from"react";import n from"styled-components";import{Box as i}from"../../ui/Box";import{BottomRealmSection as r,CardsSection as m,CenterRealmSection as o,ImageSection as a,SymphonyOfDocumentation as l,TopRealmSection as c}from"./components";import{breakpoints as t}from"@redocly/theme/core/utils";import{ConfiguredLayout as d}from"../../components/PageWrapper/ConfiguredLayout";const E={seo:{title:"Realm",description:"Welcome to Realm: The Unified API Journey"},slug:"/realm"};function y(){return e.createElement(i,{width:"100vw",height:"fit-content",position:"relative"},e.createElement(p,{src:require("./images/bg-top.svg")}),e.createElement(s,{src:require("./images/bg-cards.svg")}),e.createElement(d,null,e.createElement(c,null),e.createElement(a,null),e.createElement(l,null),e.createElement(o,null),e.createElement(m,null),e.createElement(r,null)))}const p=n.img`
-  display: flex;
-  justify-content: center;
-  align-items: center;
+import e from"react";import n from"styled-components";import{Box as i}from"../../ui/Box";import{BottomRealmSection as m,CardsSection as r,CenterRealmSection as o,ImageSection as a,SymphonyOfDocumentation as l,TopRealmSection as d}from"./components";import{breakpoints as t}from"@redocly/theme/core/utils";import{ConfiguredLayout as p}from"../../components/PageWrapper/ConfiguredLayout";const E={seo:{title:"Realm",description:"Welcome to Realm: The Unified API Journey"},slug:"/realm"};function S(){return e.createElement(i,{width:"100vw",height:"fit-content",position:"relative"},e.createElement(c,{src:require("./images/bg-top.svg")}),e.createElement(s,{src:require("./images/bg-cards.svg")}),e.createElement(p,null,e.createElement(d,null),e.createElement(a,null),e.createElement(l,null),e.createElement(o,null),e.createElement(r,null),e.createElement(m,null)))}const c=n.img`
   position: absolute;
   top: 0;
-  width: inherit;
+  width: 100%;
   margin-top: 400px;
 
   @media screen and (min-width: ${t.small}) {
@@ -18,9 +15,14 @@ import e from"react";import n from"styled-components";import{Box as i}from"../..
   @media screen and (min-width: ${t.large}) {
     margin-top: 0;
   }
+
+  @media screen and (min-width: 2500px) {
+    margin-top: 0;
+    width: 40%;
+  }
 `,s=n.img`
   position: absolute;
-  width: inherit;
+  width: 100%;
   top: 5200px;
   right: 0;
   z-index: -1;
@@ -36,4 +38,12 @@ import e from"react";import n from"styled-components";import{Box as i}from"../..
   @media screen and (min-width: ${t.large}) {
     top: 5600px;
   }
-`;export{y as default,E as frontmatter};
+
+  @media screen and (min-width: 2000px) {
+    top: 4500px;
+  }
+
+  @media screen and (min-width: 2500px) {
+    width: 40%;
+  }
+`;export{S as default,E as frontmatter};

package/dist/pages/redoc/redoc.page.js

@@ -1,8 +1,53 @@
-import e from"react";import r from"styled-components";import{Box as i}from"../../ui/Box";import{breakpoints as o}from"@redocly/theme/core/utils";import{TopRedocSection as n,FeatureOverviewSection as l,InteractiveDocumentationSection as c,BottomRedocSection as m,FeatureOverviewCard as a,FeatureCardsSection as s,BetterTogetherSection as u}from"./components";import{ConfiguredLayout as t}from"../../components/PageWrapper/ConfiguredLayout";import{H1Title as d}from"../../components/TypographyElements";const y={seo:{title:"Redoc",description:"Redoc is everything API docs should be"},slug:"/redoc"};function b(){return e.createElement(i,{width:"100vw",height:"fit-content",marginTop:"-64px",position:"relative"},e.createElement("img",{src:require("./images/top-bg.svg"),style:{position:"absolute",width:"inherit"}}),e.createElement(t,{style:{position:"relative"}},e.createElement(n,null),e.createElement(a,null)),e.createElement("img",{src:require("./images/feature-cards-bg.svg"),style:{position:"absolute",width:"inherit"}}),e.createElement(t,null,e.createElement(s,null),e.createElement(l,null)),e.createElement("img",{src:require("./images/interactive-documentation-bg.svg"),style:{position:"absolute",width:"inherit"}}),e.createElement(t,null,e.createElement(c,null)),e.createElement("img",{src:require("./images/better-together-bg.svg"),style:{position:"absolute",width:"inherit"}}),e.createElement(t,null,e.createElement(u,null),e.createElement(m,null)))}const x=r(d)`
+import e from"react";import t from"styled-components";import{Box as n}from"../../ui/Box";import{breakpoints as r}from"@redocly/theme/core/utils";import{TopRedocSection as o,FeatureOverviewSection as a,InteractiveDocumentationSection as c,BottomRedocSection as m,FeatureOverviewCard as l,FeatureCardsSection as d,BetterTogetherSection as s}from"./components";import{ConfiguredLayout as i}from"../../components/PageWrapper/ConfiguredLayout";import{H1Title as p}from"../../components/TypographyElements";const S={seo:{title:"Redoc",description:"Redoc is everything API docs should be"},slug:"/redoc"};function k(){return e.createElement(n,{width:"100vw",height:"fit-content",marginTop:"-64px",position:"relative"},e.createElement(u,{src:require("./images/top-bg.svg")}),e.createElement(i,{style:{position:"relative"}},e.createElement(o,null),e.createElement(l,null)),e.createElement(h,{src:require("./images/feature-cards-bg.svg")}),e.createElement(i,null,e.createElement(d,null),e.createElement(a,null)),e.createElement(g,{src:require("./images/interactive-documentation-bg.svg")}),e.createElement(i,null,e.createElement(c,null)),e.createElement(w,{src:require("./images/better-together-bg.svg")}),e.createElement(i,null,e.createElement(s,null),e.createElement(m,null)))}const y=t(p)`
   color: var(--secondary-color);
   margin-bottom: 0;
 
-  @media screen and (min-width: ${o.medium}) {
+  @media screen and (min-width: ${r.medium}) {
     text-align: left;
   }
-`;export{x as PageTitle,b as default,y as frontmatter};
+`,u=t.img`
+  position: absolute;
+  width: inherit;
+
+  @media screen and (min-width: 2500px) {
+    top: 0;
+  }
+`,h=t.img`
+  position: absolute;
+  width: inherit;
+
+  @media screen and (min-width: ${r.large}) {
+    top: 3600px;
+    right: 0;
+  }
+
+  @media screen and (min-width: 2500px) {
+    top: 600px;
+    height: 40%;
+  }
+`,g=t.img`
+  position: absolute;
+  width: inherit;
+
+  @media screen and (min-width: ${r.large}) {
+    top: 3600px;
+    right: 0;
+  }
+
+  @media screen and (min-width: 2000px) {
+    height: 40%;
+    top: 1500px;
+  }
+`,w=t.img`
+  position: absolute;
+  width: inherit;
+
+  @media screen and (min-width: ${r.large}) {
+    top: 3600px;
+    right: 0;
+  }
+
+  @media screen and (min-width: 2500px) {
+    top: 0;
+  }
+`;export{y as PageTitle,k as default,S as frontmatter};

package/dist/pages/revel/revel.page.js

@@ -1,4 +1,4 @@
-import e from"react";import n from"styled-components";import{breakpoints as t}from"@redocly/theme/core/utils";import{AuthorTopic as f,BetterTogetherSection as g,CenterStage as w,CreativitySection as h,DescriptionTopics as E,FoundersLetter as x,TransformYourApiSection as v}from"./components";import{Box as S}from"../../ui/Box";import{useMediaQuery as r}from"../../hooks/useMediaQuery";import{ConfiguredLayout as $}from"../../components/PageWrapper/ConfiguredLayout";const k={seo:{title:"Revel"},slug:"/revel"};function A(){const[o,a]=e.useState(!1),[l,m]=e.useState(!1),[s,d]=e.useState(!1),c=r(`(max-width: calc(${t.small} - 1px))`),u=r(`only screen and (min-width : ${t.small}) and (max-width : calc(${t.medium} - 1px))`),p=r(`(min-width: ${t.medium})`);return e.useEffect(()=>{const i=()=>{a(c),d(u),m(p)};return i(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),e.createElement(b,{width:"100vw",height:"fit-content"},e.createElement($,null,e.createElement(v,null),e.createElement(f,null),e.createElement(E,null),e.createElement(x,null),e.createElement(L,{src:o&&s&&require("./images/bg-middle.svg")||l&&require("./images/bg-large.svg")||require("./images/bg.svg")}),e.createElement(h,null),e.createElement(y,{src:require("./images/bg-better-together.svg")}),e.createElement(g,null),e.createElement(w,null)))}const b=n(S)`
+import e from"react";import n from"styled-components";import{breakpoints as t}from"@redocly/theme/core/utils";import{AuthorTopic as f,BetterTogetherSection as w,CenterStage as h,CreativitySection as g,DescriptionTopics as E,FoundersLetter as x,TransformYourApiSection as v}from"./components";import{Box as S}from"../../ui/Box";import{useMediaQuery as r}from"../../hooks/useMediaQuery";import{ConfiguredLayout as $}from"../../components/PageWrapper/ConfiguredLayout";const k={seo:{title:"Revel"},slug:"/revel"};function A(){const[o,a]=e.useState(!1),[m,l]=e.useState(!1),[s,d]=e.useState(!1),c=r(`(max-width: calc(${t.small} - 1px))`),u=r(`only screen and (min-width : ${t.small}) and (max-width : calc(${t.medium} - 1px))`),p=r(`(min-width: ${t.medium})`);return e.useEffect(()=>{const i=()=>{a(c),d(u),l(p)};return i(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),e.createElement(b,{width:"100vw",height:"fit-content"},e.createElement($,null,e.createElement(v,null),e.createElement(f,null),e.createElement(E,null),e.createElement(x,null),e.createElement(L,{src:o&&s&&require("./images/bg-middle.svg")||m&&require("./images/bg-large.svg")||require("./images/bg.svg")}),e.createElement(g,null),e.createElement(y,{src:require("./images/bg-better-together.svg")}),e.createElement(w,null),e.createElement(h,null)))}const b=n(S)`
   padding: 0 16px;
   position: relative;
 
@@ -16,6 +16,12 @@ import e from"react";import n from"styled-components";import{breakpoints as t}fr
 `,y=n.img`
   position: absolute; 
   width: 80vw; 
+
+  @media screen and (min-width: 2500px) {
+    width: 40%;
+    bottom: 0;
+    left: 0;
+  }
 `,L=n.img`
   position: absolute;
   right: 0;
@@ -24,4 +30,9 @@ import e from"react";import n from"styled-components";import{breakpoints as t}fr
   @media screen and (min-width: ${t.small}) {
     top: 32%;
   }
+
+  @media screen and (min-width: 2500px) {
+    width: 40%;
+    top: 0;
+  }
 `;export{A as default,k as frontmatter};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
@@ -43,7 +43,7 @@
     "ulid": "^2.3.0",
     "vitest": "^3.1.3",
     "html2canvas": "^1.4.1",
-    "jspdf": "^3.0.1",
+    "jspdf": "^3.0.2",
     "json-schema-to-ts": "^3.1.0"
   },
   "peerDependencies": {