Skip to content
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

Add title text to trusted by logos, including nationality #573

Open
wants to merge 3 commits into
base: build
Choose a base branch
from
Open

Add title text to trusted by logos, including nationality #573

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
c49e35c
Improve spacing in trusted by section of homepage
ZimbiX Mar 4, 2023
82ff37f
Trusted by: Update URL for PPE Analytics logo link
ZimbiX Mar 4, 2023
66a33cb
Trusted by: Add title text to logos, including nationality
ZimbiX Mar 4, 2023
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
105 changes: 52 additions & 53 deletions source/layouts/home.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,66 +81,65 @@
</div>
<hr>
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center m-b-lg">
<p class="lead m-x-auto">Trusted by</p>
</div>
</div>
<div class="row text-center">
<div class="col-sm-4">
<a href="https://dnsimple.com/opensource" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/dnsimple.png" alt="DNSimple" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://www.freework.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/freework.png" alt="Freework" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://www.advanon.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/advanon.png" alt="advanon" loading="lazy">
</a>
</div>
</div>
<br>
<div class="row text-center">
<div class="col-sm-4">
<a href="http://hellohippo.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/hippo.png" alt="hippo" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://ppe-analytics.com/index_en.html" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/ppe-analytics.png" alt="ppe-analytics" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://flooringstores.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/flooring-stores.png" alt="flooring-stores" loading="lazy">
</a>
<div class="col-sm-8 col-sm-offset-2 text-center m-b-lg p-t-sm">
<p class="lead m-x-auto m-b-0">Trusted by</p>
</div>
</div>
<br>
<div class="row text-center">
<div class="col-sm-4">
<a href="https://marozed.ma" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/marozed.png" alt="Marozed Web Agency" loading="lazy">
</a>
<div id="trusted-by-logos">
<div class="row text-center">
<div class="col-sm-4">
<a href="https://dnsimple.com/opensource" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/dnsimple.png" alt="DNSimple logo" title="DNSimple - USA" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://www.freework.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/freework.png" alt="Freework logo" title="Freework - Germany" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://www.advanon.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/advanon.png" alt="Advanon logo" title="Advanon - Switzerland" loading="lazy">
</a>
</div>
</div>
<div class="col-sm-4">
<a href="https://ascendaloyalty.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/ascenda-loyalty.png" alt="Ascenda Loyalty" loading="lazy">
</a>
<div class="row text-center">
<div class="col-sm-4">
<a href="http://hellohippo.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/hippo.png" alt="Hippo logo" title="Hippo - USA" loading="lazy" style="max-height: 65%;">
</a>
</div>
<div class="col-sm-4">
<a href="https://www.ppe-analytics.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/ppe-analytics.png" alt="PPE Analytics logo" title="PPE Analytics - France" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://flooringstores.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/flooring-stores.png" alt="FlooringStores logo" title="FlooringStores - USA" loading="lazy">
</a>
</div>
</div>
<div class="col-sm-4">
<a href="https://playguide.eu" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/playguide.png" alt="PlayGuide" loading="lazy">
</a>
<div class="row text-center">
<div class="col-sm-4">
<a href="https://marozed.ma" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/marozed.png" alt="Marozed Web Agency logo" title="Marozed Web Agency - France" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://ascendaloyalty.com" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/ascenda-loyalty.png" alt="Ascenda Loyalty logo" title="Ascenda Loyalty - Singapore" loading="lazy">
</a>
</div>
<div class="col-sm-4">
<a href="https://playguide.eu" rel="noopener noreferrer" target="_blank">
<img src="/images/companies/playguide.png" alt="PlayGuide logo" title="PlayGuide - France" loading="lazy">
</a>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center">
<div class="col-sm-8 col-sm-offset-2 m-t-lg p-b-sm text-center">
<p class="m-x-auto"><a href="https://github.com/hanami/hanami.github.io/edit/build/source/layouts/home.erb" rel="noopener noreferrer" target="_blank">Are you using Hanami in production? Let us know!</a></p>
</div>
</div>
Expand Down
25 changes: 25 additions & 0 deletions source/stylesheets/application-minimal.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -357,3 +357,28 @@ table.status td {
.status-hanami-2-na {
background-color: silver;
}

@media (min-width: 768px) {
#trusted-by-logos .row {
margin: 20px 0;
}
}

#trusted-by-logos a {
display: flex;
align-items: center;
height: 90px;
}

#trusted-by-logos a img {
max-width: 220px;
margin: 0 auto;
}

.p-t-sm {
padding-top: 10px;
}

.p-b-sm {
padding-bottom: 10px;
}