chore(docs): add GraphQL Conf banner

Author: MichalLytek

README.md

@@ -1,8 +1,10 @@
 <!-- prettier-ignore-start -->
 <!-- markdownlint-disable-next-line MD041 -->
-![logo](./images/logo.png)
+[![GraphQL Conf 2023](./images/GraphQLConf-2023-Banner.png)](https://graphql.org/conf/)
 <!-- prettier-ignore-end -->
 
+![logo](./images/logo.png)
+
 # TypeGraphQL
 
 [![ci](https://github.com/MichalLytek/type-graphql/actions/workflows/ci.yml/badge.svg)](https://github.com/MichalLytek/type-graphql/actions/workflows/ci.yml)

images/GraphQLConf-2023-Banner.png

@@ -75,8 +75,17 @@ const DarkModeButton = () => {
               html.classList.toggle("theme-mode--light");
             }
 
+            function addGraphQLBanner() {
+              const a = document.createElement("a");
+              a.href = "https://graphql.org/conf/";
+              a.target = "_blank";
+              a.classList.add("graphql-banner");
+              document.body.appendChild(a);
+            }
+
             appendButtonToDOM();
             setInitialColorMode();
+            addGraphQLBanner();
           `,
         }}
       />

website/core/Footer.js

@@ -44,6 +44,42 @@ body {
   color: var(--color-main-light);
 }
 
+.navPusher {
+  padding-top: 180px !important;
+}
+
+@media screen and (min-width: 1024px) {
+  .navPusher {
+    padding-top: 130px !important;
+  }
+}
+
+@media only screen and (min-width: 1024px) {
+  @supports ((position: -webkit-sticky) or (position: sticky)) {
+    .onPageNav {
+      top: 170px !important;
+    }
+  }
+}
+
+.graphql-banner {
+  position: fixed;
+  top: 0;
+  height: 80px;
+  display: block;
+  z-index: 999999;
+  width: 100%;
+  background-color: #4c204a;
+  background-image: url("../img/GraphQLConf-2023-Banner.png");
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.fixedHeaderContainer {
+  top: 80px;
+}
+
 blockquote {
   color: var(--color-blockquote-text);
 }