Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

clean up homepage state tags

explorer/structure-updates
Scott Anderson 2025-05-29 12:00:17 -06:00
parent 2fbbd51ef4
commit daf50446a4
2 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/styles/layouts/_homepage.scss
View File

@ -118,10 +118,10 @@
line-height: 1.5rem; line-height: 1.5rem;
color: rgba($article-text, .7); color: rgba($article-text, .7);
} }
}
&[state] { h3[state] {
.product-info h3::after { &::after {
content: attr(state);
margin-left: .5rem; margin-left: .5rem;
font-size: 1rem; font-size: 1rem;
padding: .25em .5em .25em .4em; padding: .25em .5em .25em .4em;
@ -131,16 +131,8 @@
font-style: italic; font-style: italic;
vertical-align: middle; vertical-align: middle;
} }
}
&[state="new"] {
.product-info h3::after { content: "New"; }
} }
&[state="beta"] {
.product-info h3::after { content: "beta";}
}
&[state="alpha"] {
.product-info h3::after { content: "alpha";}
} }
ul.product-links { ul.product-links {

12
layouts/index.html
View File

@ -45,9 +45,9 @@
<h4>Self-managed</h4> <h4>Self-managed</h4>
</div> </div>
<div class="products"> <div class="products">
<div class="product" state="new"> <div class="product">
<div class="product-info"> <div class="product-info">
<h3><a href="/influxdb3/core/">InfluxDB 3 Core</a></h3> <h3 state="New"><a href="/influxdb3/core/">InfluxDB 3 Core</a></h3>
<p>The open source recent data engine optimized for time series and event data.</p> <p>The open source recent data engine optimized for time series and event data.</p>
</div> </div>
<ul class="product-links"> <ul class="product-links">
@ -55,9 +55,9 @@
<li><a href="/influxdb3/core/">View documentation</a></li> <li><a href="/influxdb3/core/">View documentation</a></li>
</ul> </ul>
</div> </div>
<div class="product" state="new"> <div class="product" >
<div class="product-info"> <div class="product-info">
<h3><a href="/influxdb3/enterprise/">InfluxDB 3 Enterprise</a></h3> <h3 state="New"><a href="/influxdb3/enterprise/">InfluxDB 3 Enterprise</a></h3>
<p>The scalable data engine built for recent and historical time series and event data.</p> <p>The scalable data engine built for recent and historical time series and event data.</p>
</div> </div>
<ul class="product-links"> <ul class="product-links">
@ -109,9 +109,9 @@
<h4>Tools</h4> <h4>Tools</h4>
</div> </div>
<div class="products"> <div class="products">
<div class="product" state="beta"> <div class="product">
<div class="product-info"> <div class="product-info">
<h3><a href="/influxdb3/explorer/">InfluxDB 3 Explorer</a></h3> <h3 state="beta"><a href="/influxdb3/explorer/">InfluxDB 3 Explorer</a></h3>
<p>A standalone UI designed for visualizing, querying, and managing data in InfluxDB 3 Core and Enterprise.</p> <p>A standalone UI designed for visualizing, querying, and managing data in InfluxDB 3 Core and Enterprise.</p>
</div> </div>
<ul class="product-links"> <ul class="product-links">