Fix more mobile layout and copy

This commit is contained in:
Richard Feldman 2023-11-15 22:00:00 -05:00
parent 65c16bf3aa
commit b9c7a357bc
No known key found for this signature in database
GPG key ID: F1F21AA5B1D9E43B
4 changed files with 21 additions and 12 deletions

View file

@ -27,7 +27,7 @@ We are very grateful for our corporate sponsors [Vendr](https://www.vendr.com/),
If you would like your company to become a corporate sponsor of Roc's development, please [DM Richard Feldman on Zulip](https://roc.zulipchat.com/#narrow/pm-with/281383-user281383)!
We'd also like to express our gratitude to each and every one of our fantastic [GitHub sponsors](https://github.com/sponsors/roc-lang/)! A special thanks to those sponsoring $25/month or more:
We'd also like to express our gratitude to our generous [individual sponsors](https://github.com/sponsors/roc-lang/)! A special thanks to those sponsoring $25/month or more:
* [James Birtles](https://github.com/jamesbirtles)
* [Ivo Balbaert](https://github.com/Ivo-Balbaert)

View file

@ -77,9 +77,9 @@ view =
samp [] [text output],
],
p [] [
text "To get started learning the language, try the ",
text "To get started with the language, try the ",
a [href "/tutorial"] [text "tutorial"],
text " next!",
text "!",
],
p [id "final-tutorial-link"] [
a [class "btn-small", href "/tutorial"] [text "Start Tutorial"]

View file

@ -14,7 +14,7 @@
<div role="presentation" class="home-goals-column">
<a href="/wip/fast.html" class="home-goals-content">
<h3 class="home-goals-title">Fast</h3>
<p class="home-goals-description">Roc code is designed to build fast and run fast. <span class="nobreak-on-mobile">It compiles to machine code or WebAssembly.</span></p>
<p class="home-goals-description">Roc code is designed to build fast and <span class="nobreak-on-mobile">run fast</span>. It compiles to machine code <span class="nobreak-on-mobile">or WebAssembly</span>.</p>
<p class="home-goals-learn-more">What does <i>fast</i> mean here?</p>
</a>
</div>
@ -29,7 +29,7 @@
<a href="/wip/functional.html" class="home-goals-content">
<h3 class="home-goals-title">Functional</h3>
<p class="home-goals-description">
Roc has a small number of simple language primitives. <span class="nobreak-on-mobile">Its a single-paradigm functional language.</span></p>
Roc has a small number of simple language primitives. Its a <span class="nobreak-on-mobile">single-paradigm</span> <span class="nobreak-on-mobile">functional language.</span></p>
<p class="home-goals-learn-more">What does <i>functional</i> mean here?</p>
</a>
</div>
@ -138,7 +138,7 @@ We are very grateful for our corporate sponsors [Vendr](https://www.vendr.com/),
If you would like your company to become a corporate sponsor of Roc's development, please [DM Richard Feldman on Zulip](https://roc.zulipchat.com/#narrow/pm-with/281383-user281383)!
We'd also like to express our gratitude to each and every one of our fantastic [GitHub sponsors](https://github.com/sponsors/roc-lang/)! A special thanks to those sponsoring $25/month or more:
We'd also like to express our gratitude to our generous [individual sponsors](https://github.com/sponsors/roc-lang/)! A special thanks to those sponsoring $25/month or more:
<ul id="individual-sponsors">
<li><a href="https://github.com/aaronwhite">Aaron White</a></li>
@ -154,7 +154,7 @@ We'd also like to express our gratitude to each and every one of our fantastic [
<li><a href="https://github.com/popara">Zeljko Nesic</a></li>
</ul>
Thank you all so much for helping Roc progress! 💜
Thank you all for your contributions! Roc would not be what it is without your generosity. 💜
We are currently trying to raise $4,000 USD/month in donations to fund one longtime Roc contributor to continue his work on Roc full-time. We are a small group trying to do big things, and every donation helps! You can donate using:
- [GitHub Sponsors](https://github.com/sponsors/roc-lang)

View file

@ -63,7 +63,7 @@ footer {
font-size: var(--font-size-normal);
padding: 20px;
box-sizing: border-box;
margin-top: 48px;
margin-top: 24px;
}
#footer {
@ -152,7 +152,7 @@ hr {
#sponsor-logos .logo-tweede-golf {
position: relative;
top: 18px;
height: 76px;
height: 4rem;
}
#sponsor-logos + p {
@ -507,10 +507,10 @@ li {
}
/* Mobile-friendly screen width */
@media only screen and (max-width: 1024px) {
@media only screen and (max-width: 1023px) {
:root {
--font-size-normal: 16px;
--body-max-width: 1024px;
--body-max-width: none;
}
#homepage-logo {
@ -522,6 +522,15 @@ li {
top: -28px;
}
#sponsor-logos {
padding: 4px;
}
.home-examples-column {
padding-right: 0 !important;
border-right: none !important;
}
/* Used for e.g. displaying the instruction "Click" on desktop and "Touch" on mobile. */
.desktop {
display: none;
@ -900,7 +909,7 @@ code .dim {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 48px;
gap: 45px;
width: 100%;
}