update alpha message

pull/5760/head
Scott Anderson 2025-01-13 07:02:12 -07:00
parent cebf952a80
commit d929bfcfd1
2 changed files with 99 additions and 72 deletions

View File

@ -22,73 +22,83 @@
.expand {
border: none;
padding: 0;
}
ul {
padding: 0;
margin: -1rem 0 1.5rem 2rem;
list-style: none;
.expand-content p {
margin-left: 2rem;
}
a {
color: $article-heading;
font-weight: $medium;
position: relative;
ul {
&.discord:before {
content: url('/svgs/discord.svg');
display: inline-block;
height: 1.1rem;
width: 1.25rem;
vertical-align: top;
margin: 2px .65rem 0 0;
}
margin-top: -1rem;
&.community:before {
content: "\e900";
color: $article-heading;
margin: 0 .65rem 0 0;
font-size: 1.2rem;
font-family: 'icomoon-v2';
vertical-align: middle;
}
&.feedback-channels {
&.slack:before {
content: url('/svgs/slack.svg');
display: inline-block;
height: 1.1rem;
width: 1.1rem;
vertical-align: text-top;
margin-right: .65rem;
}
&.reddit:before {
content: url('/svgs/reddit.svg');
display: inline-block;
height: 1.1rem;
width: 1.2rem;
vertical-align: top;
margin: 2px .65rem 0 0;
}
&::after {
content: "\e90a";
font-family: 'icomoon-v4';
font-weight: bold;
font-size: 1.3rem;
display: inline-block;
position: absolute;
@include gradient($grad-burningDusk);
background-clip: text;
-webkit-text-fill-color: transparent;
right: 0;
transform: translateX(.25rem);
opacity: 0;
transition: transform .2s, opacity .2s;
}
&:hover {
&::after {transform: translateX(1.5rem); opacity: 1;}
}
padding: 0;
margin: -1rem 0 1.5rem 2rem;
list-style: none;
a {
color: $article-heading;
font-weight: $medium;
position: relative;
&.discord:before {
content: url('/svgs/discord.svg');
display: inline-block;
height: 1.1rem;
width: 1.25rem;
vertical-align: top;
margin: 2px .65rem 0 0;
}
&.community:before {
content: "\e900";
color: $article-heading;
margin: 0 .65rem 0 0;
font-size: 1.2rem;
font-family: 'icomoon-v2';
vertical-align: middle;
}
&.slack:before {
content: url('/svgs/slack.svg');
display: inline-block;
height: 1.1rem;
width: 1.1rem;
vertical-align: text-top;
margin-right: .65rem;
}
&.reddit:before {
content: url('/svgs/reddit.svg');
display: inline-block;
height: 1.1rem;
width: 1.2rem;
vertical-align: top;
margin: 2px .65rem 0 0;
}
&::after {
content: "\e90a";
font-family: 'icomoon-v4';
font-weight: bold;
font-size: 1.3rem;
display: inline-block;
position: absolute;
@include gradient($grad-burningDusk);
background-clip: text;
-webkit-text-fill-color: transparent;
right: 0;
transform: translateX(.25rem);
opacity: 0;
transition: transform .2s, opacity .2s;
}
&:hover {
&::after {transform: translateX(1.5rem); opacity: 1;}
}
}
}
}
}
}

View File

@ -13,22 +13,39 @@
<h4>{{ $displayName }} is in Public Alpha</h4>
<p>
{{ $displayName }} is in public alpha and available for testing and feedback,
but is <strong>not meant for production use</strong>. During the alpha period we
may make breaking changes that will require you to blow away your data and start
over. You should have copies of your data in other places during the alpha period.
Both the product and this documentation are works in progress. New builds get
created on every merge into main, so things will be moving quickly for the next
month or so. We welcome and encourage your input about your experience with the alpha.
<a href="{{ $product }}/{{ $version }}/get-started/">Get started in minutes</a>
and join our public channels for updates and to share feedback.
but is <strong>not meant for production use</strong>.
Both the product and this documentation are works in progress.
We welcome and encourage your input about your experience with the alpha.
<a href="/{{ $product }}/{{ $version }}/get-started/">Get started in minutes</a>
and <strong>join our public channels</strong> for updates and to share feedback.
</p>
<div class="expand-wrapper">
<div class="expand" id="#alpha-feedback-channels">
<div class="expand" id="#alpha-expecations">
<p class="expand-label">
<span class="expand-toggle"></span><span>Get updates and share feedback</span>
<span class="expand-toggle"></span><span>Alpha expectations and recommendations</span>
</p>
<div class="expand-content" style="display: none;" >
<ul>
<li>
During the alpha period, we may make breaking changes that require
you to delete your data and start over.
If the data you're using is important, keep backup copies in other
places.
</li>
<li>
During the alpha period, we generate new builds on every merge
into into the InfluxDB <code>main</code> branch. Changes are
frequent and relevant updates are posted to our public channels.
</li>
</ul>
</div>
</div>
<div class="expand" id="#alpha-feedback-channels">
<p class="expand-label">
<span class="expand-toggle"></span><span>Join our public channels</span>
</p>
<div class="expand-content" style="display: none;" >
<ul class="feedback-channels">
<li><a href="https://discord.com/invite/eMnhxPyj" target="_blank" class="discord">InfluxDB Discord Server <em style="opacity:.5">(Preferred)</em></a></li>
<li><a href="https://community.influxdata.com" target="_blank" class="community">InfluxData Community</a></li>
<li><a href="https://influxdata.com/slack" target="_blank" class="slack">InfluxDB Community Slack</a></li>