Skip to content

More calls to action #1180

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mansona merged 3 commits into from
Sep 19, 2025
Merged

More calls to action #1180

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8cc59ac
More calls to action
NullVoxPopuli Sep 19, 2025
5dc0c91
Even smaller screens
NullVoxPopuli Sep 19, 2025
a8e136f
Reduce to 2 CTAs
NullVoxPopuli Sep 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions app/styles/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,3 +57,9 @@ h1 + *,
button:not([disabled]) {
cursor: pointer;
}

.cta-group {
Copy link
Member

@mansona mansona Sep 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we still need this now that we reduced the CTAs?

Copy link
Contributor Author

@NullVoxPopuli NullVoxPopuli Sep 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ya, for the gap

display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
9 changes: 7 additions & 2 deletions app/templates/index.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,12 @@
<div class="lg:col-5">
<h1 class="text-hero-xl" id="hero-title">A framework for ambitious <br class="hide-on-mobile">web developers.</h1>
<p class="text-hero-base mb-2">Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.</p>
<a href="https://guides.emberjs.com/release/tutorial/" class="es-button" title="New to building websites, or just want a more in-depth introduction to Ember? The tutorial is for you!">Read the Tutorial</a>
<div class="cta-group">
<a href="https://guides.emberjs.com/release/getting-started/quick-start/" class="es-button" title="Get started with the framework, a quick reference to setting up new projects">Get started</a>
<a href="https://guides.emberjs.com/release/tutorial/" class="es-button-secondary" title="New to building websites, or just want a more in-depth introduction to Ember? The tutorial is for you!">Read the full tutorial</a>
</div>


</div>
</div>
<CommunityTrends />
Expand Down Expand Up @@ -281,4 +286,4 @@
</EsLinkCard>
</ul>
</div>
</section>
</section>