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

Adding used by section #489

Draft
wants to merge 3 commits into
base: master
Choose a base branch
from
Draft

Adding used by section #489

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
0e44a36
stashing the first round of this addition.
bennyvasquez Apr 1, 2024
3963124
removing inmotion because it's not white. Adding the others to the in…
bennyvasquez Apr 2, 2024
b5fa600
Merge branch 'master' into adding_used_by_section
bennyvasquez Apr 2, 2024
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
33 changes: 32 additions & 1 deletion assets/css/bundle.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions i18n/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -583,6 +583,7 @@
"Learn more about the project": "Learn more about the project",
"See the full Hackathon agenda": "See the full Hackathon agenda",
"11:00 am": "11:00 am",
"Trusted by": "Trusted by",
"Secure Boot is a security feature that ensures a system boots only with trusted software, preventing the loading of unauthorized operating systems or software that could potentially compromise the system's integrity.": "Secure Boot is a security feature that ensures a system boots only with trusted software, preventing the loading of unauthorized operating systems or software that could potentially compromise the system's integrity.",
"AlmaLinux provides Secure Boot support starting with the AlmaLinux 8.4 release.": "AlmaLinux provides Secure Boot support starting with the AlmaLinux 8.4 release.",
"AlmaLinux shim passes the ": "AlmaLinux shim passes the ",
Expand Down
38 changes: 29 additions & 9 deletions layouts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,9 +44,6 @@
.row > * {
margin-top: 20px;
}
.al-page-index .al-index-backed-by .al-backed-by-list {
justify-content: center;
}
@media (min-width: 768px) {
.row-cols-md-6 > * {
flex: 0 0 auto;
Expand Down Expand Up @@ -96,7 +93,34 @@ <h1 class="display-5 fw-bold lh-1 mb-5 mb-md-3">
</div>
</div>
</div>

<!-- USED BY -->
<div class="al-index-used-by al-py-lg" >
<div class="container">
<h4 class="pb-2 border-bottom">
{{ i18n "Trusted by" }}
</h4>
Comment on lines +99 to +101
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
<h4 class="pb-2 border-bottom">
{{ i18n "Trusted by" }}
</h4>
<h2 class="pb-2 text-center border-bottom">
{{ i18n "Trusted by" }}
</h2>

Copy link
Collaborator

Choose a reason for hiding this comment

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

I suggest we have it h2 and centered as the rest sections on the page

Copy link
Member Author

Choose a reason for hiding this comment

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

Consistency is very good, for sure, and your suggestion is correct if we want to keep it.

As a note: I'm worried about how much space this title in addition to the logos adds to the page, though, and was considering dropping the text entirely here. That seemed consistent with what other organizations do when providing the same information (or maybe even change it to something a bit more verbose 'Our users come from industries across the globe').

However, I'm worried that it won't be clear what these logos represent without the text. What do you think?

Copy link
Collaborator

Choose a reason for hiding this comment

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

Ah! In this case, how about placing this info and logos right under the very first and main section? It will take less space and can work even without sections colors adjustments
image

Copy link
Member Author

Choose a reason for hiding this comment

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

OH! I like that a TON, actually.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Adding this should do the job

<div class="al-index-backed-by al-py-lg" style="width: 100%; padding: 0 15px;">
                    <div class="container">
                        <h3 class="pb-2">
                            Trusted by
                        </h3>
                        <div class="row row-cols-2 row-cols-sm-4 row-cols-md-6 g-5 al-used-by-list ">
                                
                                    <div class="col d-flex flex-fill align-items-center justify-content-center al-used-by-logo-container">
                                        <img loading="lazy" src="/usedby/akamai.svg" alt="akamai" class="al-used-by-logo" style="height: 100%; width: 120px;">
                                    </div>        
                            
                                    <div class="col d-flex flex-fill align-items-center justify-content-center al-used-by-logo-container">
                                        <img loading="lazy" src="/usedby/arista.svg" alt="arista" class="al-used-by-logo" style="height: 100%; width: 120px;">
                                    </div>
                            
                                    <div class="col d-flex flex-fill align-items-center justify-content-center al-used-by-logo-container">
                                        <img loading="lazy" src="/usedby/colorodostateuniveristy.svg" alt="colorodostateuniveristy" class="al-used-by-logo" style="height: 100%; width: 120px;">
                                    </div>

                                    <div class="col d-flex flex-fill align-items-center justify-content-center al-used-by-logo-container">
                                        <img loading="lazy" src="/usedby/hetzner.png" alt="hetzner" class="al-used-by-logo" style="height: 100%; width: 120px;">
                                    </div>
                                    
                                    <div class="col d-flex flex-fill align-items-center justify-content-center al-used-by-logo-container">
                                        <img loading="lazy" src="/usedby/lacework.svg" alt="lacework" class="al-used-by-logo" style="height: 100%; width: 120px;">
                                    </div>
                                    
                                    <div class="col d-flex flex-fill align-items-center justify-content-center al-used-by-logo-container">
                                        <img loading="lazy" src="/usedby/phoronix.svg" alt="phoronix" class="al-used-by-logo" style="height: 100%; width: 120px;">
                                    </div>
                        </div>
                    </div>
                </div>

<div class="row row-cols-2 row-cols-sm-4 row-cols-md-6 g-5 al-used-by-list">
<div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
<img loading="lazy" src="/usedby/phoronix.svg" alt="Phoronix" class="al-user-logo">
</div>
<div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
<img loading="lazy" src="/usedby/akamai.svg" alt="Akamai" class="al-user-logo">
</div>
<div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
<img loading="lazy" src="/usedby/arista.svg" alt="Arista" class="al-user-logo">
</div>
<div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
<img loading="lazy" src="/usedby/colorodostateuniveristy.svg" alt="Colorado State University" class="al-user-logo">
</div>
<div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
<img loading="lazy" src="/usedby/hetzner.png" alt="Hetzner" class="al-user-logo">
</div>
<div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
<img loading="lazy" src="/usedby/lacework.svg" alt="Lacework" class="al-user-logo">
</div>
</div><!-- end logo list entry -->
</div>
</div><!-- end USED BY -->
<!-- COMMUNITY -->
<div class="al-index-community-container" style="background: #0f4266!important">
<div class="container al-py-md">
Expand Down Expand Up @@ -334,12 +358,7 @@ <h4 class="fw-bold mb-0 pb-2">Software Bill of Materials</h4>
</div>
</div>
</div>


<!-- BACKERS -->



<div class="al-index-backed-by al-py-lg" >
<div class="container">
<h2 class="pb-2 text-center border-bottom">
Expand Down Expand Up @@ -550,6 +569,7 @@ <h2 class="text-center">
</h2>
<p class="text-center pb-2 mb-5 border-bottom">Minimize your risk while getting the most out of your AlmaLinux systems</p>
<!-- to add a row, copy everything from 'start' to 'end' in one of the other rows, and update all of the information appropriately. order-md-last in the class of the image div will display the image right-justified instead of left. -->

<!-- start CyberTrust row -->
<div class="row al-commercial-supporter-list">
<div class="col-12 col-md-4 al-commercial-supporter-logo-container d-flex flex-fill justify-content-center">
Expand Down
36 changes: 36 additions & 0 deletions static/usedby/akamai.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions static/usedby/arista.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 55 additions & 0 deletions static/usedby/colorodostateuniveristy.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/usedby/hetzner.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions static/usedby/lacework.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading