add link to blog post on homepage

This commit is contained in:
Fred K. Schott 2021-06-08 17:11:30 -07:00
parent 266cd3961a
commit a5ca75f9a7

View file

@ -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;">&#8594;</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;