Skip to content

Commit

Permalink
Merge pull request #52 from ecadlabs/header
Browse files Browse the repository at this point in the history
Header
  • Loading branch information
hamid-goudarzi authored Jan 5, 2022
2 parents 67c41b8 + 66f2d67 commit 68ac2e4
Show file tree
Hide file tree
Showing 9 changed files with 236 additions and 173 deletions.
240 changes: 132 additions & 108 deletions website/docusaurus.config.js
Original file line number Diff line number Diff line change
@@ -1,119 +1,143 @@
// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

const lightCodeTheme = require('prism-react-renderer/themes/github');
const darkCodeTheme = require('prism-react-renderer/themes/dracula');
const lightCodeTheme = require("prism-react-renderer/themes/github");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");

/** @type {import('@docusaurus/types').Config} */
const config = {
title: 'Taqueria - Developer Tooling for Tezos',
tagline: 'Taqueria - Developer Tooling for Tezos',
url: 'https://tezostaqueria.io',
baseUrl: '/',
onBrokenLinks: 'throw',
onBrokenMarkdownLinks: 'warn',
favicon: 'img/favicon.ico',
organizationName: 'ecadlabs', // Usually your GitHub org/user name.
projectName: 'taqueria', // Usually your repo name.
title: "Taqueria - Developer Tooling for Tezos",
tagline: "Taqueria - Developer Tooling for Tezos",
url: "https://tezostaqueria.io",
baseUrl: "/",
onBrokenLinks: "throw",
onBrokenMarkdownLinks: "warn",
favicon: "img/favicon.ico",
organizationName: "ecadlabs", // Usually your GitHub org/user name.
projectName: "taqueria", // Usually your repo name.

presets: [
[
'@docusaurus/preset-classic',
/** @type {import('@docusaurus/preset-classic').Options} */
({
docs: {
path: 'docs',
sidebarPath: require.resolve('./sidebars.js'),
// Please change this to your repo.
editUrl: 'https://github.com/ecadlabs/taqueria/edit/main/website/',
},
blog: {
showReadingTime: true,
// Please change this to your repo.
editUrl:
'https://github.com/ecadlabs/taqueria/edit/main/website/blog/',
},
theme: {
customCss: require.resolve('./src/css/custom.css'),
},
}),
],
],
presets: [
[
"@docusaurus/preset-classic",
/** @type {import('@docusaurus/preset-classic').Options} */
({
docs: {
path: "docs",
sidebarPath: require.resolve("./sidebars.js"),
// Please change this to your repo.
editUrl: "https://github.com/ecadlabs/taqueria/edit/main/website/",
},
blog: {
showReadingTime: true,
// Please change this to your repo.
editUrl:
"https://github.com/ecadlabs/taqueria/edit/main/website/blog/",
},
theme: {
customCss: require.resolve("./src/css/custom.css"),
},
}),
],
],

themeConfig:
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
({
navbar: {
title: 'Tezos Taqueria',
logo: {
alt: 'Tezos Taqueria Logo',
src: 'img/logo.png',
},
items: [
{
type: 'doc',
docId: 'intro',
position: 'left',
label: 'Tutorial',
},
{to: '/blog', label: 'Blog', position: 'left'},
{
href: 'https://github.com/ecadlabs/taqueria',
label: 'GitHub',
position: 'right',
},
],
},
footer: {
style: 'dark',
links: [
{
title: 'Docs',
items: [
{
label: 'Tutorial',
to: '/docs/intro',
},
],
},
{
title: 'Community',
items: [
{
label: 'Stack Overflow',
href: 'https://stackoverflow.com/questions/tagged/taqueria',
},
{
label: 'Discord',
href: 'https://discordapp.com/invite/tezostaqueria',
},
{
label: 'Twitter',
href: 'https://twitter.com/tezostaqueria',
},
],
},
{
title: 'More',
items: [
{
label: 'Blog',
to: '/blog',
},
{
label: 'GitHub',
href: 'https://github.com/ecadlabs/taqueria',
},
],
},
],
copyright: `Copyright © ${new Date().getFullYear()}, ECAD Labs Inc.`,
},
prism: {
theme: lightCodeTheme,
darkTheme: darkCodeTheme,
},
}),
themeConfig:
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
({
navbar: {
logo: {
alt: "Tezos Taqueria Logo",
src: "img/logoSVG.svg",
},
items: [
{
to: "/blog",
label: " Get Started",
position: "right",
className: "header-link",
},
{
type: "doc",
docId: "intro",
position: "right",
label: "Docs",
className: "header-link",
},
{
to: "/blog",
label: "Plugins",
position: "right",
className: "header-link",
},
{
href: "https://discord.com/",
position: "right",
className: "header-discord-link",
"aria-label": "Discord",
},
{
href: "https://twitter.com/",
position: "right",
className: "header-twitter-link",
"aria-label": "Twitter",
},
{
href: "https://github.com/facebook/docusaurus",
position: "right",
className: "header-github-link",
"aria-label": "GitHub repository",
},
],
},
footer: {
style: "dark",
links: [
{
title: "Docs",
items: [
{
label: "Tutorial",
to: "/docs/intro",
},
],
},
{
title: "Community",
items: [
{
label: "Stack Overflow",
href: "https://stackoverflow.com/questions/tagged/taqueria",
},
{
label: "Discord",
href: "https://discordapp.com/invite/tezostaqueria",
},
{
label: "Twitter",
href: "https://twitter.com/tezostaqueria",
},
],
},
{
title: "More",
items: [
{
label: "Blog",
to: "/blog",
},
{
label: "GitHub",
href: "https://github.com/ecadlabs/taqueria",
},
],
},
],
copyright: `Copyright © ${new Date().getFullYear()}, ECAD Labs Inc.`,
},
prism: {
theme: lightCodeTheme,
darkTheme: darkCodeTheme,
},
}),
};

module.exports = config;
25 changes: 0 additions & 25 deletions website/src/components/Header/Header.js

This file was deleted.

12 changes: 0 additions & 12 deletions website/src/components/Header/Header.module.css

This file was deleted.

58 changes: 52 additions & 6 deletions website/src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap");
/* You can override the default Infima variables here. */

:root {
--ifm-color-primary: #fcaf17;
--ifm-color-primary-dark: rgb(33, 175, 144);
Expand Down Expand Up @@ -61,13 +62,8 @@ h4 {
letter-spacing: 0.2px;
}

div[class^="announcementBarContent"] a:hover {
color: var(--ifm-link-color);
text-decoration: underline;
}

.docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.1);
background-color: rgba(14, 9, 9, 0.1);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
Expand All @@ -76,3 +72,53 @@ div[class^="announcementBarContent"] a:hover {
html[data-theme="dark"] .docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 996px) {
.navbar__items {
flex-direction: row-reverse;
justify-content: space-between;
}
.navbar-sidebar__brand {
height: 120px;
background-color: var(--ifm-color-primary-lightest);
}
}
.navbar {
background-color: var(--ifm-color-primary-lightest);
height: 120px;
padding-left: 7%;
padding-right: 7%;
}
.navbar__logo {
height: 69px;
width: 213px;
}
.header-discord-link:before {
background: url("../../static/img/discordSVG.svg") no-repeat;
content: "";
display: flex;
height: 24px;
width: 24px;
}

.header-twitter-link:before {
background: url("../../static/img/twitterSVG.svg") no-repeat;
content: "";
display: flex;
height: 24px;
width: 24px;
}
.header-github-link:before {
background: url("../../static/img/githubSVG.svg") no-repeat;
content: "";
display: flex;
height: 24px;
width: 24px;
}

.header-link {
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 22px;
}
Loading

0 comments on commit 68ac2e4

Please sign in to comment.