Merge pull request #13192 from backstage/blam/io-updates
This commit is contained in:
Ben Lambert
@@ -111,5 +111,4 @@ guidelines to get started.
|
||||
|
||||
If you have specific questions about the roadmap, please create an
|
||||
[issue](https://github.com/backstage/backstage/issues/new/choose), ping us on
|
||||
[Discord](https://discord.gg/qxsEfa8Vq8), or [book
|
||||
time](http://calendly.com/spotify-backstage) with the Spotify team.
|
||||
[Discord](https://discord.gg/qxsEfa8Vq8), or [book time](https://info.backstage.spotify.com/office-hours) with the Spotify team.
|
||||
|
||||
@@ -51,4 +51,4 @@ As with most alpha releases, you should expect things to change quite a lot unti
|
||||
|
||||
If you have feedback or questions, please open a [GitHub issue](https://github.com/backstage/backstage/issues), ping us on [Discord chat](https://discord.gg/EBHEGzX) or send us an email at [backstage-interest@spotify.com](mailto:backstage-interest@spotify.com) 🙏
|
||||
|
||||
To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://mailchi.mp/spotify/backstage-community).
|
||||
To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://info.backstage.spotify.com/newsletter_subscribe).
|
||||
|
||||
@@ -75,4 +75,4 @@ We have learned that one of the keys to getting these standards adopted is to ke
|
||||
|
||||
If you have feedback or questions, please open a [GitHub issue](https://github.com/backstage/backstage/issues), ping us on [Discord chat](https://discord.gg/EBHEGzX) or send us an email at [backstage-interest@spotify.com](mailto:backstage-interest@spotify.com) 🙏
|
||||
|
||||
To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://mailchi.mp/spotify/backstage-community).
|
||||
To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://info.backstage.spotify.com/newsletter_subscribe).
|
||||
|
||||
@@ -18,4 +18,4 @@ The Backstage community is healthy and growing quickly. Over [130 people](https:
|
||||
|
||||
We’re excited to embark on this journey with the CNCF community. There’s so much great tech being built here, and it’s about time we share it to build even greater products, together. Entering into the CNCF Sandbox is just the first step. We are committed to working with the community to bring Backstage through the Incubation step, and finally all the way to becoming a Graduated, top-level project.
|
||||
|
||||
Thanks to everyone for your support so far. We hope you [join us](https://mailchi.mp/spotify/backstage-community) in this next chapter of Backstage's journey. If you have questions or feedback, feel free to [email](mailto:backstage-interest@spotify.com) me directly.
|
||||
Thanks to everyone for your support so far. We hope you [join us](https://info.backstage.spotify.com/newsletter_subscribe) in this next chapter of Backstage's journey. If you have questions or feedback, feel free to [email](mailto:backstage-interest@spotify.com) me directly.
|
||||
|
||||
@@ -49,7 +49,7 @@ We’ve launched a new website at: [backstage.spotify.com](https://backstage.spo
|
||||
|
||||
You’ll find a high-level introduction to the platform, tips and tricks tested by Spotify to accelerate developer effectiveness, and access to a group of partners that have scaled Backstage for numerous adopters. You can also use the site to book product overviews, demos, and technical deep dives with members of the Spotify team.
|
||||
|
||||
We will continue to post important product announcements, technical documentation, feature demos, and community news here on Backstage.io. ([Subscribe to the newsletter](https://mailchi.mp/spotify/backstage-community) to stay up to date.) And both contributors and adopting companies can continue to find around-the-clock/around-the-world technical support on [GitHub](https://github.com/backstage/backstage) and [Discord](https://discord.gg/MUpMjP2).
|
||||
We will continue to post important product announcements, technical documentation, feature demos, and community news here on Backstage.io. ([Subscribe to the newsletter](https://info.backstage.spotify.com/newsletter_subscribe) to stay up to date.) And both contributors and adopting companies can continue to find around-the-clock/around-the-world technical support on [GitHub](https://github.com/backstage/backstage) and [Discord](https://discord.gg/MUpMjP2).
|
||||
|
||||
## Separate community sessions for adopters and contributors
|
||||
|
||||
|
||||
@@ -41,5 +41,5 @@ If you are a Backstage enthusiast, please [join me][news] and the entire Backsta
|
||||
[da]: https://medium.com/dazn-tech/developer-experience-dx-at-dazn-e6de9a0208d2
|
||||
[ex]: https://backstage.spotify.com/blog/community-session/firehydrant-expedia-loblaw/
|
||||
[plugins]: https://backstage.io/plugins
|
||||
[news]: https://mailchi.mp/spotify/backstage-community
|
||||
[news]: https://info.backstage.spotify.com/newsletter_subscribe
|
||||
[gh]: https://github.com/backstage/backstage/blob/master/ADOPTERS.md
|
||||
|
||||
@@ -48,7 +48,7 @@ class Footer extends React.Component {
|
||||
<a href="https://github.com/backstage/community">
|
||||
Community Sessions
|
||||
</a>
|
||||
<a href="https://mailchi.mp/spotify/backstage-community">
|
||||
<a href="https://info.backstage.spotify.com/newsletter_subscribe">
|
||||
Subscribe to our newsletter
|
||||
</a>
|
||||
<a href="https://www.cncf.io/projects/">CNCF Incubation</a>
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
import React from 'react';
|
||||
|
||||
export class HubSpotForm extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<>
|
||||
<script src="https://js.hsforms.net/forms/v2.js" />
|
||||
<div
|
||||
className="Sidebar__Container"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
<button class="Sidebar__Button" onclick="toggleFormVisibility()">New Adopters</button>
|
||||
<div id="Sidebar__HubSpotContainer"></div>
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
<script
|
||||
type="text/javascript"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
if (typeof window !== undefined) {
|
||||
window.hbspt.forms.create({
|
||||
portalId: '21894833',
|
||||
formId: '9a5aa2af-87f3-4a44-819f-88ee243bb61e',
|
||||
target: '#Sidebar__HubSpotContainer',
|
||||
pageId: '79735607665',
|
||||
})
|
||||
}
|
||||
|
||||
function toggleFormVisibility() {
|
||||
var form = document.querySelector('.Sidebar__Container');
|
||||
form.classList.toggle('Sidebar__Container--open');
|
||||
}
|
||||
`,
|
||||
}}
|
||||
></script>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export function Typeform() {
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
data-tf-sidetab="zcOaKikB"
|
||||
data-tf-width="320"
|
||||
data-tf-height="400"
|
||||
data-tf-custom-icon="https://images.typeform.com/images/769rUZbqPrvq"
|
||||
data-tf-button-color="#5CD6C8"
|
||||
data-tf-button-text="New Adopters"
|
||||
data-tf-iframe-props="title=Public Adopter: Hand Raiser Form"
|
||||
data-tf-medium="snippet"
|
||||
data-tf-hidden="utm_source=.iobanner"
|
||||
style={{ all: 'unset' }}
|
||||
/>
|
||||
<script src="//embed.typeform.com/next/embed.js" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -76,7 +76,7 @@ const Background = props => {
|
||||
<li>
|
||||
<Block.Paragraph style={{ marginBottom: '0' }}>
|
||||
Subscribe to the{' '}
|
||||
<a href="https://mailchi.mp/spotify/backstage-community">
|
||||
<a href="https://info.backstage.spotify.com/newsletter_subscribe">
|
||||
Community newsletter
|
||||
</a>
|
||||
</Block.Paragraph>
|
||||
@@ -122,7 +122,7 @@ const Background = props => {
|
||||
The official monthly Backstage newsletter. Don't miss the latest
|
||||
news from your favorite project!
|
||||
</Block.Paragraph>
|
||||
<Block.LinkButton href="https://mailchi.mp/spotify/backstage-community">
|
||||
<Block.LinkButton href="https://info.backstage.spotify.com/newsletter_subscribe">
|
||||
Subscribe
|
||||
</Block.LinkButton>
|
||||
</Block.TextBox>
|
||||
|
||||
+528
-510
File diff suppressed because it is too large
Load Diff
@@ -64,7 +64,7 @@ const Background = props => {
|
||||
Good First Issues
|
||||
</a>
|
||||
<br />- Subscribe to the{' '}
|
||||
<a href="https://mailchi.mp/spotify/backstage-community">
|
||||
<a href="https://info.backstage.spotify.com/newsletter_subscribe">
|
||||
Community newsletter
|
||||
</a>
|
||||
<br />- Join the{' '}
|
||||
|
||||
@@ -1227,3 +1227,66 @@ code {
|
||||
h3.collapsible span.arrow {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.Sidebar__Container {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
position: fixed;
|
||||
color: rgb(0, 0, 0);
|
||||
transition: transform 250ms ease-in-out, height 250ms ease-in-out;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
transform: translateY(-50%) translateX(500px);
|
||||
}
|
||||
|
||||
.Sidebar__Container--open {
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.Sidebar__Button {
|
||||
transform: rotate(-90deg) translateY(48px);
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px 8px 0 0;
|
||||
background-color: rgb(92, 214, 200);
|
||||
color: rgb(0, 0, 0);
|
||||
outline: 0;
|
||||
border: 0;
|
||||
font-family: Helvetica Neue, sans-serif;
|
||||
max-height: 48px;
|
||||
max-width: 150px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.Sidebar__Button:hover {
|
||||
transform: rotate(-90deg) translateY(48px) scale(1.01);
|
||||
}
|
||||
|
||||
#Sidebar__HubSpotContainer {
|
||||
width: 500px;
|
||||
background-color: white;
|
||||
border-radius: 8px 0 0 8px;
|
||||
padding: 16px;
|
||||
padding-bottom: 0px;
|
||||
z-index: 10001;
|
||||
min-height: 260px;
|
||||
}
|
||||
|
||||
#Sidebar__HubSpotContainer .hs-button {
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px;
|
||||
background-color: rgb(92, 214, 200);
|
||||
color: rgb(0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
#Sidebar__HubSpotContainer.submitted-message {
|
||||
min-height: 260px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
#Sidebar__HubSpotContainer.submitted-message p {
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user