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

implemented the new case study section of the home page #6032

Merged
merged 6 commits into from
Jul 18, 2024
Merged

implemented the new case study section of the home page #6032

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f2204e4
implemented the new case study section of the home page
ShravaniAK Jun 28, 2024
93f888d
resolve conflicts
ShravaniAK Jul 8, 2024
d22448d
feedback implementation for case study section
ShravaniAK Jul 12, 2024
c4d3d33
Merge branch 'main' of https://github.com/ShravaniAK/Knative_docs int…
ShravaniAK Jul 18, 2024
0895f67
resolve conflicts
ShravaniAK Jul 18, 2024
f9950b7
border issue fixed
ShravaniAK Jul 18, 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
49 changes: 35 additions & 14 deletions overrides/assets/stylesheets/home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -213,7 +213,7 @@ h2.secondary-headline, h3.trusted-by {

/* why serverless container css */
.why-serverless-container, .trying-it-all-container {
background-color: #f3f1f2;
background-color: white;
color: var(--md-primary-fg-color--light);
}

Expand Down Expand Up @@ -384,6 +384,8 @@ position: relative;
color: black;
display: flex;
background-color: #f3f1f2;
padding: 1rem;
cursor: pointer;
}

.case-studies-container h1 {
Expand All @@ -393,8 +395,33 @@ position: relative;
.case-studies-container .cases-table {
display: flex;
justify-content: center;
max-width: 90%;
margin: auto;
max-width: 100%;
margin: 1rem;
align-items: center;
}

.case-studies-container .cases-table a {
text-decoration: none;
cursor: pointer;
}

.case-studies-container .cases-table .col {
background-color: white;
padding: 1.5rem;
margin: 1rem 0.5rem;
border-radius: 0.7rem;
width: 25vw;
height: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
transition: border 0.3s ease-in-out;
border: 2px solid transparent;
}

.case-studies-container .cases-table .col:hover {
border: 2px solid gray;
}

.case-studies-container .logo {
Expand All @@ -403,15 +430,11 @@ position: relative;
flex-direction: column;
justify-content: flex-end;
padding: 0 2em;
}

.case-studies-container .col {
min-width: 38%;
max-width: 40%;
padding-top: 2rem;
}

.case-studies-container .logo img {
max-width: 110px
max-width: 110px;
}

.case-studies-container .logo .sva {
Expand All @@ -421,16 +444,14 @@ position: relative;
.case-studies-container .normal-text {
text-align: start;
padding: 0 2em;
color: var(--nav-item-color);
color: var(--md-primary-fg-color--dark);
font-weight: 600;
font-style: italic;
line-height: 1.1;
font-family: serif;
line-height: 1.2;
font-size: .95rem;
}

.case-studies-container hr {
border-bottom: 2px solid #89c487;
border-bottom: 2px solid black;
display: flow-root;
margin: .4em 5em -4px 2em;
}
Expand Down
25 changes: 13 additions & 12 deletions overrides/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -233,8 +233,8 @@ <h1>
<a href="{{ 'about/case-studies/' | url }}">Case Studies</a>
</h1>
<div class="cases-table">
<div class="col">
<a href="{{ 'about/case-studies/sva/' | url }}">
<a href="{{ 'about/case-studies/sva/' | url }}">
<div class="col">
<div class="logo">
<img class="sva" src="images/case-studies/sva.png" alt="" draggable="false" />
</div>
Expand All @@ -243,10 +243,10 @@ <h1>
"Knative allowed the team to centralize their system, scale, audit, and
even select events while enforcing policies and simplifying the architecture"<br>
</p>
</a>
</div>
<div class="col">
<a href="{{ 'about/case-studies/ibm/' | url }}">
</div>
</a>
<a href="{{ 'about/case-studies/ibm/' | url }}">
<div class="col">
<div class="logo">
<img class="ibm" src="images/case-studies/ibm.png" alt="IBM logo" draggable="false" width="75" />
</div>
Expand All @@ -255,10 +255,10 @@ <h1>
"The introduction of the ML training infrastructure using Knative Eventing
has enabled us to establish a well-defined operational boundary for the service teams."<br>
</p>
</a>
</div>
<div class="col">
<a href="{{ 'about/case-studies/pnc/' | url }}">
</div>
</a>
<a href="{{ 'about/case-studies/pnc/' | url }}">
<div class="col">
<div class="logo">
<img class="pnc" src="images/case-studies/pnc_bank.png" alt="" draggable="false" />
</div>
Expand All @@ -267,11 +267,12 @@ <h1>
"The power of Knative’s eventing and serverless features allows PNC to bridge processes
between Apache Kafka and CI/CD toolchain events and achieve this automated state."<br>
</p>
</a>
</div>
</div>
</a>
</div>
</div>
</section>


<section class="cncf-notice-container">
<h3>Knative is a <a href="https://www.cncf.io/">Cloud Native Computing Foundation</a> incubation project</h3>
Expand Down
Loading