Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header #52

Merged
merged 6 commits into from
Jan 5, 2022
Merged

Header #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d31ebc3
adding social svg
hamid-goudarzi Jan 5, 2022
722f9db
adding styles to nav
hamid-goudarzi Jan 5, 2022
2f72f8e
delete header component
hamid-goudarzi Jan 5, 2022
c25db1d
adding style for mobile screen
hamid-goudarzi Jan 5, 2022
14e636f
bg style form mobile
hamid-goudarzi Jan 5, 2022
66f2d67
build issue
hamid-goudarzi Jan 5, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
240 changes: 132 additions & 108 deletions website/docusaurus.config.js
View file
Open in desktop
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
View file
Open in desktop

This file was deleted.

12 changes: 0 additions & 12 deletions website/src/components/Header/Header.module.css
View file
Open in desktop

This file was deleted.

58 changes: 52 additions & 6 deletions website/src/css/custom.css
View file
Open in desktop
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