From deeaa9403c4c928df38a107fcd0d8b871fa5a984 Mon Sep 17 00:00:00 2001 From: Dave Sayer Date: Mon, 23 Nov 2020 03:09:44 +0000 Subject: [PATCH] Reinstating the navbar ready for the DAO meetup (#163) * Reinstating the navbar ready for the DAO meetup * Tweaked mobile and added glow on crystal hover * removed flicker and adjusted room bounds. --- docusaurus.config.js | 64 +++++++++++++--------------------- src/css/custom.scss | 55 +++++++++++++++++++++++++++-- src/pages/styles.module.scss | 1 + src/pages/theRoom.module.scss | 4 ++- static/img/mg-crystal.png | Bin 0 -> 7489 bytes 5 files changed, 80 insertions(+), 44 deletions(-) create mode 100644 static/img/mg-crystal.png diff --git a/docusaurus.config.js b/docusaurus.config.js index afcec218..fb98f8f6 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -11,69 +11,53 @@ module.exports = { defaultMode: 'dark', disableSwitch: true, }, - // navbar: { - // title: "MetaGame Wiki", - // logo: { - // alt: "MetaGame Logo", - // src: "img/mg-icon.png", - // }, - // items: [ - // { - // to: "docs/introduction", - // label: "๐Ÿฃ Start Here", - // position: "left", - // }, - // { - // to: "docs/enter-metagame/signpost", - // label: "๐Ÿ—บ Enter MetaGame", - // position: "left", - // }, - // { - // to: "docs/enter-metagame/navigation-board", - // label: "๐Ÿ‘ฃ Join a Raid", - // position: "left", - // }, - // ], - // }, + // headerLinks: [{ page: 'help', label: 'Help' }], + navbar: { + title: 'MetaGame Wiki', + logo: { + alt: 'MetaGame Logo', + src: 'img/mg-crystal.png', + }, + }, // footer: { - // style: "dark", + // style: 'dark', // links: [ // { - // title: "The Game", + // title: 'The Game', // items: [ // { - // label: "๐ŸŒŒ Interspace", - // href: "https://interspace.metagame.wtf", + // label: '๐ŸŒŒ Interspace', + // href: 'https://interspace.metagame.wtf', // }, // { - // label: "๐Ÿงฌ The Source", - // href: "https://metafam.github.io/TheSource/timeline/@metagame/", + // label: '๐Ÿงฌ The Source', + // href: 'https://metafam.github.io/TheSource/timeline/@metagame/', // }, // ], // }, // { - // title: "Community", + // title: 'Community', // items: [ // { - // label: "๐Ÿ’ฌ Discord", - // href: "https://discord.gg/VYZPBnx", + // label: '๐Ÿ’ฌ Discord', + // href: 'https://discord.gg/VYZPBnx', // }, // { - // label: "๐Ÿงต Forums", - // href: "https://forum.metagame.wtf", + // label: '๐Ÿงต Forums', + // href: 'https://forum.metagame.wtf', // }, // ], // }, // { - // title: "Social", + // title: 'Social', // items: [ // { - // label: "๐Ÿฆ Twitter", - // href: "https://twitter.com/MetaFam", + // label: '๐Ÿฆ Twitter', + // href: 'https://twitter.com/MetaFam', // }, // { - // label: "๐Ÿ—ž Newsletter", - // href: "https://metagame.substack.com", + // label: '๐Ÿ—ž Newsletter', + // href: 'https://metagame.substack.com', // }, // ], // }, diff --git a/src/css/custom.scss b/src/css/custom.scss index 8f8f16d6..0fdc983a 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -43,7 +43,6 @@ body, background-color: var(--ifm-color-primary-dark); color: var(--mf-color-text-body); font-family: var(--mf-font-body), sans-serif; - &:not(body) { background-image: url('/img/mymeta-bg.jpg'); background-size: cover; @@ -51,6 +50,12 @@ body, width: 100%; min-height: 100vh; padding: 0; + margin-top: -40px; + padding-top: 40px; + @media screen and (min-width: 768px) { + margin-top: -70px; + padding-top: 70px; + } } } @@ -350,7 +355,51 @@ body, background-color: var(--mf-color-secondary); } .navbar { - display: none; + background: rgba(var(--mf-color-secondary-rgb), 0.8); + backdrop-filter: blur(5px); + border: 0; + box-shadow: -2px 0 10px rgba(0, 0, 0, 0.5); + height: 40px; + max-height: 40px; + padding: 0; + text-align: center; + + @media screen and (min-width: 768px) { + height: 70px; + max-height: 70px; + } + &__title { + position: absolute; + visibility: hidden; + } + &__brand { + position: relative; + margin: 10px auto 0; + text-align: center; + @media screen and (min-width: 768px) { + margin-top: 20px; + } + } + &__logo { + width: 50px; + height: auto; + margin: 0; + filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4)); + transition: filter 0.2s ease-in; + + &:hover { + filter: drop-shadow(0 0 15px rgba(255,255,255,0.3)); + } + + @media screen and (min-width: 768px) { + width: 80px; + } + } + &__items { + &--right { + display: none; + } + } } .pagination-nav__link, @@ -580,7 +629,7 @@ a:hover, .hero .button--primary:hover { background-color: #ff1f8299; color: #fff; - box-shadow: 0 0 5px rgba(0, 0, 0, 0); + // box-shadow: 0 0 5px rgba(0, 0, 0, 0); } .hero .button--primary:hover:after, .hero .button--primary:hover:before { diff --git a/src/pages/styles.module.scss b/src/pages/styles.module.scss index 85dcf767..2d7359ca 100644 --- a/src/pages/styles.module.scss +++ b/src/pages/styles.module.scss @@ -6,6 +6,7 @@ .innerWrapper { @media screen and (max-width: 500px) { + margin-top: 5rem; padding: 0 25px; } } diff --git a/src/pages/theRoom.module.scss b/src/pages/theRoom.module.scss index 3e016dd2..174ed1c7 100644 --- a/src/pages/theRoom.module.scss +++ b/src/pages/theRoom.module.scss @@ -5,7 +5,9 @@ */ .theRoom { - height: calc(100vh - 60px); + height: calc(100vh - 75px); + max-height: calc(100vh - 75px); + overflow: hidden; width: 100%; border-width: 0; } diff --git a/static/img/mg-crystal.png b/static/img/mg-crystal.png new file mode 100644 index 0000000000000000000000000000000000000000..a0c86cca5e307d6baba43692367c4dcda5ac1ac0 GIT binary patch literal 7489 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