godotengine/godot-website
1
0
Fork 0
mirror of https://github.com/godotengine/godot-website.git synced 2025-12-31 09:48:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix GodotCon banner overlaying Patreon banner

Browse Source 
The GodotCon banner is now placed below the navbar. This also
allows displaying it on mobile again.
This commit is contained in:
Hugo Locurcio
2021-05-19 17:18:19 +02:00
parent 29f06d926d
commit c7dec1add2
3 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lighthouserc.js
View File

@@ -42,7 +42,7 @@ module.exports = {
// The score thresholds are based on the lowest scores from all pages listed above.
"categories:accessibility": ["error", { minScore: 0.82 }],
"categories:best-practices": ["error", { minScore: 0.86 }],
"categories:seo": ["error", { minScore: 0.75 }],
"categories:seo": ["error", { minScore: 0.74 }],
},
},
upload: {

5
themes/godotengine/assets/css/main.css
View File

@@ -285,13 +285,16 @@ h4 {
}
header {
/* Show on top of GodotCon banner. */
position: relative;
z-index: 2;
width: 100vw;
height: 64px;
background-color: var(--navbar-background-color);
display: flex;
align-items: center;
box-shadow: var(--base-shadow);
z-index: 100;
}
header > div.container {

30
themes/godotengine/partials/header.htm
View File

@@ -8,22 +8,6 @@ description = "header partial"
<body data-barba="wrapper">
{% styles %}
<header>
<a href="/article/online-godotcon-july-2021-call-participation" class="hide-on-mobile" style="
position: absolute;
top: 3.5rem;
right: -4rem;
transform: rotateZ(45deg);
z-index: 9999;
padding: 0.5rem 3.5rem;
background-color: #49a1be;
box-shadow: 0 2px 2px hsla(0, 0%, 0%, 0.3);
color: white;
text-decoration: none;
font-weight: 700;
">
GodotCon July 2021!
</a>
</a>
<div class="container flex align-center">
<input type="checkbox" id="nav_toggle_cb">
<div id="nav_head">
@@ -72,4 +56,18 @@ description = "header partial"
</div>
</header>
<a href="/article/online-godotcon-july-2021-call-participation" style="
position: absolute;
top: 7.75rem;
right: -4rem;
transform: rotateZ(45deg);
z-index: 1;
padding: 0.5rem 3.5rem;
background-color: #49a1be;
box-shadow: 0 2px 2px hsla(0, 0%, 0%, 0.3);
color: white;
text-decoration: none;
font-weight: 700;
">GodotCon July 2021!</a>
<main data-barba="container" data-barba-namespace="default">