dockeruser
/
almalinux.org
mirror of https://github.com/AlmaLinux/almalinux.org.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Adjusting content and design elements to match the rest of our website

pull/731/head
benny Vasquez 3 months ago
parent
bc4066a946
commit
4531b5d00a
4 changed files with 881 additions and 949 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1616
      i18n/en.json
  2. 2
      layouts/partials/common/head.html
  3. 212
      layouts/support/single.html
  4. BIN
      static/support_page/support_page_header.png

1616
i18n/en.json
View File

File diff suppressed because it is too large

2
layouts/partials/common/head.html
View File

@ -30,7 +30,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">

212
layouts/support/single.html
View File

@ -1,10 +1,15 @@
{{ define "main" }}
<style>
.text-underline {
text-decoration: underline;
img {
max-width: 100%;
}
.al-get-sup-detail .al-get-sup-d-item {
#hc-hero {
background: #0e3b5c;
padding-top: 2rem;
padding-bottom: 2rem;
}
#hc-hero img {
border-radius: 1rem;
}
.al-get-sup-d-item p {
line-height: 24px;
@ -12,26 +17,9 @@
.al-get-sup-d-item.head {
background: #0a304b;
}
.al-get-sup-wrap {
position: relative;
}
.al-get-sup-wrap:after {
position: absolute;
content: "";
left: 0;
top: 0;
background: #0e3b5c;
width: 100%;
height: 500px;
z-index: -1;
}
.bg-grey {
background: #f0efee !important;
}
.al-get-sup-d-item a {
color: #42b0df;
font-size: 15px;
}
.bg-dark-grey {
background: #e5e4e2 !important;
}
@ -46,116 +34,90 @@
padding-top: 20px;
padding-bottom: 50px;
}
.bg-pink {
background: #f6edff !important;
}
@media (max-width: 450px) {
.al-page-index.al-get-sup-wrap {
padding-top: 0;
padding-bottom: 0;
}
.al-get-sup-d-item.no-padding ul {
display: block;
}
.al-get-sup-d-item.no-padding ul li:nth-child(2n + 1) {
border-right: 0px solid #000;
}
.al-get-sup-header {
margin-bottom: 0px !important;
}
}
</style>
<div class="al-body-container">
<!-- HERO -->
<section id="hc-hero">
<div class="container px-0 al-py-lg">
<div class="row">
<div class="col-lg">
<h1 class="display-5 fw-bold">{{ i18n "Get Support" }}</h1>
<p class="lead mb-5 mb-md-3">{{ i18n "AlmaLinux is a community-driven, open-source operating system built to provide a reliable and stable platform for enterprises and developers alike. Whether you’re running mission-critical applications or experimenting with development environments, having access to quality support is crucial for success." }}</p>
<p>{{ i18n "Fortunately, all AlmaLinux users have access to a wealth of options when it comes to community-powered support resources as well as third-party commercial support:" }}</p>
</div>
<div class="col-lg imgswitch">
<img src="/support_page/support_page_header.png">
</div>
</div>
</div>
</section>
<!-- start page content -->
<div class="container">
<section class="al-page-index al-get-sup-wrap">
<div class="al-index-security-measures-container">
<div class="container al-py-lg">
<!-- Get support page inner start-->
<div class="row al-get-sup-inner">
<div class="col-lg-10 mb-5 al-get-sup-header">
<h1 class="display-5 fw-bold lh-1 mb-4 mb-md-4">{{ i18n "Get Support" }}</h1>
<p class="lead lh-base mb-5 mb-md-3">
{{ i18n "AlmaLinux is a community-driven, open-source operating system built to provide a reliable and stable platform for enterprises and developers alike. Whether you’re running mission-critical applications or experimenting with development environments, having access to quality support is crucial for success." }}
</p>
<p class="lead lh-base mb-5 mb-md-3">
<strong>
{{ i18n "Fortunately, all AlmaLinux users have access to a wealth of options when it comes to community-powered support resources as well as third-party commercial support:" }}
</strong>
</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="al-get-sup-detail border border-white left">
<div class="al-get-sup-d-item p-4 border-bottom border-white head">
<div class="thumb mb-3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="currentColor"
class="bi bi-people-fill"
viewBox="0 0 16 16"
>
<path
d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"
/>
</svg>
</div>
<h4 class="fw-bold mb-3">{{ i18n "Community Support" }}</h4>
<h4 class="fw-bold mb-3"><i class="bi bi-people-fill al-index-community-icon"></i> {{ i18n "Community Support" }}</h4>
<p class="mb-0">
{{ i18n "The AlmaLinux community is vibrant, highly active, and deeply committed to supporting users at every level of expertise. It serves as an online village of knowledge-sharing and collaboration, providing an invaluable network for troubleshooting, exchanging advice, and discussing best practices." }}
{{ i18n "The AlmaLinux community is vibrant, highly active, large, and deeply committed to supporting each other at every level of expertise. We serve each other like an online village of knowledge-sharing and collaboration, providing an invaluable network for troubleshooting, exchanging advice, and discussing best practices." }}
</p>
</div>
<div class="al-get-sup-d-item p-4 border-bottom border-white">
<h5 class="fw-bold mb-3">{{ i18n "Community Chat" }}</h5>
<p>
{{ i18n "Join a real time discussion with other AlmaLinux OS community members, governance team and AlmaLinux OS developers." }}
{{ i18n "Join the conversation! Real time discussion with other AlmaLinux community members, the governance team, and AlmaLinux OS developers." }}
</p>
<a class="fw-bold" href="https://chat.almalinux.org/" target="_blank">{{ i18n "ENGAGE" }}</a>
<a href="https://chat.almalinux.org/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Chat" }}</a>
</div>
<div class="al-get-sup-d-item p-4 border-bottom border-white">
<h5 class="fw-bold mb-3">{{ i18n "Community Forums" }}</h5>
<p>
{{ i18n "Ask questions, get answers and contribute community support to others in AlmaLinux OS community and developers alike." }}
{{ i18n "Ask questions, get answers, and help us support others in the AlmaLinux OS community." }}
</p>
<a class="fw-bold" href="https://forums.almalinux.org/" target="_blank">{{ i18n "DISCOVER" }}</a>
<a href="https://forums.almalinux.org/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Sign up" }}</a>
</div>
<div class="al-get-sup-d-item p-4 border-bottom border-white">
<h5 class="fw-bold mb-3">{{ i18n "GitHub" }}</h5>
<p>
{{ i18n "Our GitHub organization contains source code and tools used to build AlmaLinux OS and related infrastructure." }}
{{ i18n "Our GitHub organization contains the source code and tools used to build AlmaLinux OS and all related infrastructure." }}
</p>
<a class="fw-bold" href="https://github.com/AlmaLinux/" target="_blank">{{ i18n "EXPLORE" }}</a>
<a href="https://github.com/AlmaLinux/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Explore" }}</a>
</div>
<div class="al-get-sup-d-item p-4 border-bottom border-white">
<h5 class="fw-bold mb-3">{{ i18n "Reddit" }}</h5>
<p>
{{ i18n "Join our vibrant Reddit community, interact with other AlmaLinux OS users, receive updates, find and provide help." }}
{{ i18n "Join our vibrant Reddit subreddit to interact with current and potential AlmaLinux users." }}
</p>
<a class="fw-bold" href="https://www.reddit.com/r/AlmaLinux/" target="_blank">{{ i18n "DISCOVER" }}</a>
<a href="https://www.reddit.com/r/AlmaLinux/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Join" }}</a>
</div>
<div class="al-get-sup-d-item p-4 border-bottom border-white">
<h5 class="fw-bold mb-3">{{ i18n "AlmaLinux Wiki" }}</h5>
<p>
{{ i18n "The AlmaLinux Wiki is a comprehensive resource hub offering detailed information on the project’s history, development, installation, migration, release notes, foundation, and support, while inviting community contributions to continually expand its wealth of knowledge." }}
{{ i18n "The AlmaLinux Wiki is a comprehensive resource hub with detailed information on the project’s history, development, installation, migration, the Foundation, and houses all of the OS and ELevate release notes. We also invite community contributions to continually expand its wealth of knowledge!" }}
</p>
<a class="fw-bold" href="https://wiki.almalinux.org/" target="_blank">{{ i18n "EXPLORE" }}</a>
<a href="https://wiki.almalinux.org/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Read more" }}</a>
</div>
<div class="al-get-sup-d-item p-4">
<h5 class="fw-bold mb-3">{{ i18n "Join Mailing Lists" }}</h5>
<p>
{{ i18n "Connects with a variety of specialized and valuable mailing lists, including announcement updates, development discussions, documentation and infrastructure insights, HPC & AI SIG topics, mirror hosting guidance, security discussions, newsletters, and even support in Arabic." }}
{{ i18n "Subscribe to a variety of specific mailing lists including Announcements (for OS and project updates), SIG-specific mailing lists, Mirror-hosts, security discussions, and our monthly newsletter." }}
</p>
<a class="fw-bold" href="https://lists.almalinux.org/mailman3/lists/"
target="_blank">{{ i18n "JOIN NOW" }}</a>
<a href="https://lists.almalinux.org/mailman3/lists/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Sign up" }}</a>
</div>
</div>
</div>
@ -163,24 +125,13 @@
<div class="col-lg-6">
<div class="al-get-sup-detail border border-white right">
<div class="al-get-sup-d-item p-4 head">
<div class="thumb mb-3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="currentColor"
class="bi bi-buildings-fill"
viewBox="0 0 16 16"
>
<path
d="M15 .5a.5.5 0 0 0-.724-.447l-8 4A.5.5 0 0 0 6 4.5v3.14L.342 9.526A.5.5 0 0 0 0 10v5.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V14h1v1.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5zM2 11h1v1H2zm2 0h1v1H4zm-1 2v1H2v-1zm1 0h1v1H4zm9-10v1h-1V3zM8 5h1v1H8zm1 2v1H8V7zM8 9h1v1H8zm2 0h1v1h-1zm-1 2v1H8v-1zm1 0h1v1h-1zm3-2v1h-1V9zm-1 2h1v1h-1zm-2-4h1v1h-1zm3 0v1h-1V7zm-2-2v1h-1V5zm1 0h1v1h-1z"
/>
</svg>
</div>
<h4 class="fw-bold mb-3">{{ i18n "Commercial Support" }}</h4>
<p class="mb-0">
{{ i18n "For organizations that require dedicated, enterprise-grade assistance, there are a few options for paid AlmaLinux support out there. These providers ensure the stability, security, and scalability of your systems while tailoring their services to meet your business requirements." }}
<h4 class="fw-bold mb-3"><i class="bi bi-buildings-fill community-icon"></i> {{ i18n "Commercial Support" }}</h4>
<p>
{{ i18n "For organizations that require dedicated, enterprise-grade assistance, we recommend choosing one of the options for paid AlmaLinux support. These providers ensure you always have fast support tailored for your environment and business needs." }}
</p>
<p class="mb-0 pt-2">
<small>** {{ i18n "If your company would like to be added to this list, reach out to the Membership Committee about joining the Foundation as a sponsor" }}!</small>
</p>
</div>
<div class="al-get-sup-d-item p-4 bg-grey text-black">
@ -191,50 +142,37 @@
<p class="mb-0 text-dark">
{{ i18n "TuxCare, a division of CloudLinux Inc., the founding sponsor of the AlmaLinux OS Project, provides tailored support to enhance the performance, security, and reliability of your AlmaLinux workloads." }}
</p>
<div class="al-get-sup-d-item no-padding bg-grey text-center">
<h5 class="fw-bold text-dark p-4 mb-0">{{ i18n "TuxCare’s Enterprise Support for AlmaLinux" }}</h5>
<ul class="p-0 m-0 text-left">
<li class="p-4 d-block text-dark">
<strong class="d-block mb-1">{{ i18n "Get Technical Support" }}</strong> {{ i18n "Migration, Applications, and General support" }}
</li>
<li class="p-4 d-block text-dark">
<strong class="d-block mb-1 ">{{ i18n "Get Help with Certification" }}</strong> {{ i18n "FedRAMP, ISO-27001, SOC2, NIS 2, CC, software, hardware" }}
</li>
<li class="p-4 d-block text-dark">
<strong class="d-block mb-1 ">{{ i18n "Get FIPS 140-3 Compliance" }}</strong>
</li>
<li class="p-4 d-block text-dark">
<strong class="d-block mb-1 ">{{ i18n "Get Security Hardening" }}</strong> {{ i18n "CIS, STIG, and more" }}
</li>
</ul>
<a href="https://tuxcare.com/buy/almalinux/" class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Buy Support Online Now" }}</a>
</div>
</div>
<div class="al-get-sup-d-item no-padding bg-dark-grey border-top border-dark text-center">
<h5 class="fw-bold text-dark p-4 mb-0 border-bottom border-dark">{{ i18n "TuxCare’s Enterprise Support for AlmaLinux" }}</h5>
<ul class="p-0 m-0 text-left">
<li class="p-4 d-block text-dark border-bottom border-right border-dark">
<strong class="d-block mb-2 text-underline">{{ i18n "Get Technical Support" }}</strong> {{ i18n "(Migration, Applications)" }}
</li>
<li class="p-4 d-block text-dark border-bottom border-dark">
<strong class="d-block mb-2 text-underline">{{ i18n "Get Help with Certification" }}</strong> {{ i18n "(FedRAMP, ISO-27001, SOC2, NIS 2, CC, software, hardware)" }}
</li>
<li class="p-4 d-block text-dark border-bottom border-right border-dark"><strong class="d-block mb-2 text-underline">{{ i18n "Get FIPS 140-3 Compliance" }}</strong></li>
<li class="p-4 d-block text-dark border-bottom border-dark">
<strong class="d-block mb-2 text-underline">{{ i18n "Get Security Hardening" }}</strong> {{ i18n "Support (CIS, STIG)" }}
</li>
</ul>
<a class="fw-bold d-block p-4" href="https://tuxcare.com/buy/almalinux/" target="_blank">{{ i18n "Buy Support Online Now" }}</a>
</div>
<div class="al-get-sup-d-item p-4 bg-light-green text-black">
<p class="mb-3 text-dark">{{ i18n "For Japan-based AlmaLinux users:" }}</p>
<div class="thumb mb-3">
<img src="/images/logo-cybertrust.png" alt="TuxCare" />
<img src="/images/logo-cybertrust.png" alt="Cybertrust" />
</div>
<h5 class="fw-bold text-dark mb-3">{{ i18n "Platinum Sponsor" }}</h5>
<p class="text-dark">
{{ i18n "Cybertrust Japan is a provider of comprehensive security certification services to various public and private entities globally, and offers comprehensive support for AlmaLinux users – having also produced MIRACLE LINUX for nearly 20 years." }}
<p class="text-dark">{{ i18n "For Japan-based AlmaLinux users:" }} {{ i18n "Cybertrust Japan is a provider of comprehensive security certification services to various public and private entities globally, and offers comprehensive support for AlmaLinux users – having also produced MIRACLE LINUX for nearly 20 years." }}
</p>
<a class="fw-bold" href="https://www.cybertrust.co.jp/almalinux/"
target="_blank">{{ i18n "GET SUPPORT" }}</a>
<a href="https://www.cybertrust.co.jp/almalinux/"class="btn btn-primary" target="_blank">
<i class="bi bi-people-fill"></i> {{ i18n "Get Support" }}</a>
</div>
<div class="al-get-sup-d-item p-4 bg-pink text-black">
<div class="thumb mb-3">
<img src="/images/logo-ol.png" alt="TuxCare" />
</div>
<h5 class="fw-bold text-dark mb-3">{{ i18n "Silver Sponsor" }}</h5>
<p class="text-dark">
{{ i18n "Confidently deploy AlmaLinux and all your open source packages with enterprise-grade, 24/7/365 support backed by guaranteed SLAs. Keep your mission-critical apps running smoothly with unlimited tickets and direct access to experienced enterprise architects who put your business first." }}
</p>
<a class="fw-bold" href="https://www.openlogic.com/solutions/enterprise-linux-support/almalinux"
target="_blank" >{{ i18n "GET SUPPORT" }}</a>
</div>
</div>
</div>
</div>

BIN
static/support_page/support_page_header.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

Write Preview
Loading…
Cancel
Save