Skip to content

Commit

Permalink
chore: add Gateway API survey banner (kubernetes-sigs#3450)
Browse files Browse the repository at this point in the history
* chore: add Gateway API survey banner

Signed-off-by: Mattia Lavacca <[email protected]>

* chore: add survey banner

Signed-off-by: Mattia Lavacca <[email protected]>

---------

Signed-off-by: Mattia Lavacca <[email protected]>
  • Loading branch information
mlavacca authored Nov 13, 2024
1 parent 52dccb9 commit e166720
Show file tree
Hide file tree
Showing 3 changed files with 40 additions and 0 deletions.
14 changes: 14 additions & 0 deletions docs/stylesheets/banner.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
.banner {
height: 12px; /* Height of the banner */
position: sticky; /* Follows as you scroll */
top: 0; /* Absolute top of page */
left: 0;
width: 100%;
z-index: 1; /* Tells the renderer "this is important", otherwise Admonition and Code Blocks will render into it */
text-align: center;
background-color: COLOR_HERE;
}

.md-header {
top: 12px; /* This setting prevents the Material header from imposing into the space of the banner! */
}
11 changes: 11 additions & 0 deletions override/partials/header.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{% extends "base.html" %}

{% block header %}
<!-- Custom Banner -->
<div class="banner">
<p style="color:COLOR_HERE; display:inline;">Gateway API survey</p>
</div>

<!-- Original Header -->
{% include "partials/header.html" %}
{% endblock %}
15 changes: 15 additions & 0 deletions site-src/overrides/main.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{% extends "base.html" %}

{% block announce %}
<div style="display: flex; align-items: center; justify-content: center; background-color: white; padding: 10px; border-radius: 5px;">
<div style="width: 30px; height: 30px; display: flex; align-items: center; margin-right: 10px;"> <!-- Add spacing after left logo -->
<img src="/images/logo/logo.svg" alt="Gateway API Logo" class="center" style="width: 100%; height: 100%;" />
</div>
<b style="color: black; display: flex; align-items: center;">
<a href="https://forms.gle/7kwf2TdBS2KMwV2FA" style="margin-right: 5px;">Gateway API survey</a> is out! We really appreciate your feedback!
</b>
<div style="width: 30px; height: 30px; display: flex; align-items: center; margin-left: 10px;"> <!-- Add spacing before right logo -->
<img src="/images/logo/logo.svg" alt="Gateway API Logo" class="center" style="width: 100%; height: 100%;" />
</div>
</div>
{% endblock %}

0 comments on commit e166720

Please sign in to comment.