Skip to content

Home redesign 1 hero and why #375

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

Open
Zelenya wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Home redesign 1 hero and why #375

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0123011
Turn the first section to centered hero
Zelenya Apr 14, 2026
dd3bd4a
Add the 3 why haskell points
Zelenya Apr 14, 2026
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
21 changes: 13 additions & 8 deletions site/css/hl.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4451,9 +4451,20 @@ h1.name {
h1.name img {
width: 68px; } }

.header .branding {
padding: 40px 0; }

.header .branding > img {
margin: 0 auto;
max-width: 630px;
width: 100%; }

@media (max-width: 767px) {
.branding h4 {
text-align: center; } }
.header .branding > img {
max-width: 400px; } }

.header .hero-actions .btn + .btn {
margin-left: 10px; }

hr {
border-top: 4px solid #5d4f85; }
Expand Down Expand Up @@ -4501,12 +4512,6 @@ pre .hs-keyglyph {
color: #a94442;
font-style: italic; }

.branding.sample pre {
line-height: 1.3; }

.branding.sample h4 {
margin-top: 1.1em; }

#console {
font-family: monospace; }

Expand Down
54 changes: 27 additions & 27 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,44 +6,45 @@
<div class="header">
<div class=" container ">
<div class="row">
<div class=" span12 col-sm-12 hidden-xs"><br></div>
<div class="span12 col-sm-12 hidden-xs"><br></div>
</div>
<div class="row">
<div class=" span6 col-md-6">
<div class="branding">
<div class="span12 col-sm-12">
<div class="branding text-center">
<br class="hidden-xs alternative-logo-hidden">
<img src="/img/haskell-logo.svg" alt="Haskell" class="img-responsive alternative-logo-hidden">
<img src="/img/haskell-uwu.png" alt="Haskell UwU" class="alternative-logo alternative-logo-visible">
<h4 class="summary">Enjoy long-term maintainable software you can rely on</h4>
</div>
</div>
<div class=" span6 col-md-6">
<div class="row" id="code-example">
<div class="branding sample">
<br class="visible-xs visible-sm">
<h4 class="tag">Declarative, statically typed code.</h4>
<div title="This example is contrived in order to demonstrate what Haskell looks like, including: (1) where syntax, (2) enumeration syntax, (3) pattern matching, (4) consing as an operator, (5) list comprehensions, (6) infix functions. Don&#39;t take it seriously as an efficient prime number generator." class="code-sample">
<pre><span class='hs-definition'>primes</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>filterPrime</span> <span class='hs-keyglyph'>[</span><span class='hs-num'>2</span><span class='hs-keyglyph'>..</span><span class='hs-keyglyph'>]</span> <span class='hs-keyword'>where</span>
<span class='hs-varid'>filterPrime</span> <span class='hs-layout'>(</span><span class='hs-varid'>p</span><span class='hs-conop'>:</span><span class='hs-varid'>xs</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span>
<span class='hs-varid'>p</span> <span class='hs-conop'>:</span> <span class='hs-varid'>filterPrime</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>x</span> <span class='hs-keyglyph'>|</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>xs</span><span class='hs-layout'>,</span> <span class='hs-varid'>x</span> <span class='hs-varop'>`mod`</span> <span class='hs-varid'>p</span> <span class='hs-varop'>/=</span> <span class='hs-num'>0</span><span class='hs-keyglyph'>]</span></pre>
</div>
</div>
</div>
<div class="row" id="get-started-button">
<div class="span12 col-sm-12" style="padding-top: 10px;">
<br/>
<p class="text-center">
<a href="/get-started/" class="btn btn-lg btn-primary" style="font-size: 1.5em">Get started</a>
</p>
<h3 class="summary">Enjoy long-term maintainable software you can rely on</h3>
<div class="hero-actions">
<a href="/get-started/" class="btn btn-lg btn-primary">Get started</a>
<a href="https://play.haskell.org" class="btn btn-lg btn-default hidden-xs">Open playground</a>
</div>
</div>
</div>
</div>
</div>
</div>

<br>
<br class="hidden-xs hidden-sm">
<br class="hidden-xs hidden-sm">

<div class="container">
<div class="row">
<div class="span4 col-xs-12 col-sm-4">
<h3>Model complex domains</h3>
<p>Express domain rules, invariants, and possible states directly in code instead of scattering them through comments, docs, and informal practices.</p>
</div>
<div class="span4 col-xs-12 col-sm-4">
<h3>Build reliable software</h3>
<p>Catch mistakes before they escape into production and build systems that stay dependable as the logic gets more complex and the stakes get higher.</p>
</div>
<div class="span4 col-xs-12 col-sm-4">
<h3>Refactor with confidence</h3>
<p>Keep your codebase maintainable, even as requirements shift, teams change, and environments evolve.</p>
</div>
</div>
</div>

<br>
<br class="hidden-xs hidden-sm">

<div class="pattern-bg">
Expand Down Expand Up @@ -578,4 +579,3 @@ <h3>Psst! Looking for the wiki?</h3>
</div>
</div>
</div>

Loading