add link to blog post on homepage
This commit is contained in:
parent
266cd3961a
commit
a5ca75f9a7
1 changed files with 10 additions and 13 deletions
|
@ -41,30 +41,27 @@ let permalink = 'https://astro.build/';
|
||||||
|
|
||||||
<p>We're hard at work on Astro! Keep your eyes to the skies, astronauts.</p>
|
<p>We're hard at work on Astro! Keep your eyes to the skies, astronauts.</p>
|
||||||
|
|
||||||
|
<a class="action-button" href="/blog/introducing-astro">
|
||||||
|
New Blog Post - Introducing Astro: Ship Less JavaScript
|
||||||
|
<span style="float: right;">→</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
<div class="hint">
|
<div class="hint">
|
||||||
<p class="no-console">Psst... <a href="https://astro.build/chat">get early access</a> by joining our Discord community.</p>
|
<p>Psst... <a href="https://astro.build/chat">get early access to new features</a> by joining our Discord community.</p>
|
||||||
<p class="console">Psst... upset you don't have early access? If only there was some way to <code>console</code> you...</p>
|
|
||||||
</div>
|
</div>
|
||||||
</Article>
|
</Article>
|
||||||
</Main>
|
</Main>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.hint {
|
.hint {
|
||||||
font-size: 12px;
|
font-size: 13px;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
padding: 2em 0;
|
padding: 2em 0;
|
||||||
}
|
}
|
||||||
.console {
|
.action-button {
|
||||||
display: none;
|
border: 1px solid var(--color-green);
|
||||||
}
|
padding: 1rem;
|
||||||
@media (hover: hover) {
|
|
||||||
.no-console {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.console {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
code {
|
code {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
|
Loading…
Add table
Reference in a new issue