Skip to content

Commit

Permalink
Merge pull request #50 from Kuadrant/slack-icon
Browse files Browse the repository at this point in the history
slack icon
maleck13 authored Mar 8, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
2 parents 4206915 + fd63674 commit 579afb6
Showing 3 changed files with 20 additions and 4 deletions.
1 change: 1 addition & 0 deletions src/index.njk
Original file line number Diff line number Diff line change
@@ -13,6 +13,7 @@ tags: index-page # Note: This adds a custom class to layout.njk
<h2>Gateways play a pivotal role in application connectivity. With Kuadrant, platform engineers and application developers can easily connect, secure and protect their services and infrastructure using its powerful policy APIs.</h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<a href="https://docs.kuadrant.io/getting-started-single-cluster/" class="btn-get-started">Get Started</a>
<a href="https://kubernetes.slack.com/archives/C05J0D0V525" class="btn-slack"><img class="slack-icon" src="/static/img/slack.png"> Chat on Slack</a>
<a href="https://youtu.be/TyhpIQXiPUo" class="glightbox btn-watch-video"><i class="bi bi-play-circle"></i><span>Watch Video</span></a>
</div>
</div>
23 changes: 19 additions & 4 deletions static/css/style.css
Original file line number Diff line number Diff line change
@@ -417,15 +417,15 @@ h6 {
font-size: 24px;
}

.navbar a.btn-get-started {
.navbar a.btn-get-started, .navbar a.btn-slack {
padding: 7px 14px;
margin-left: 10px;
}
.navbar a.btn-get-started i {
.navbar a.btn-get-started i, .navbar a.btn-slack i {
font-size: 18px
}

.btn-get-started {
.btn-get-started, .btn-slack {
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 16px;
@@ -439,10 +439,25 @@ h6 {
background: #47b2e4;
}

.btn-get-started:hover {
.btn-slack:hover {
background: #209dd8;
}

.btn-slack img {
height: 16px;
}

.btn-slack {
margin: 10px 0 0 10px;
color: #fff;
background: #4A154B;
}

.btn-slack:hover {
background: #290c29;
color: #fff;
}

#hero .btn-watch-video {
font-size: 16px;
display: flex;
Binary file added static/img/slack.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 579afb6

Please sign in to comment.