diff --git a/docs/index.md b/docs/index.md index 1f8595ae..22beebdd 100644 --- a/docs/index.md +++ b/docs/index.md @@ -6,48 +6,162 @@ title: Overview # 3DStreet Overview -Welcome to the 3DStreet documentation. Pick a Getting started guide or check out the Documentation pages for more in-depth knowledge. Want to get in touch? See all the ways you can do it here. +Welcome to the 3DStreet documentation. -Let's discover **Docusaurus in less than 5 minutes**. +## Organization Purpose -## Getting Started +**3D Street is an open source virtual simulation platform for realistic map and satellite imagery of editable street map environments to visualize and share renderings at no cost to the user.** -Get started by **creating a new site**. +This platform has the capability to layer interfaces to be applied for various purposes and in its current state is an accessible tool used for city planning. This tool empowers municipalities and advocates to create a more democratized way to plan urban environments that are safe, equitable, and focused on healthier communities. -Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new)**. +3D Street was developed by a group of technologists concerned with the impact environmental planning, layout, and design can have on public health. It was designed to circumvent the reliance on cumbersome urban planning tools that involved extensive training and expensive licenses which prevented more people engaging in how their own cities and urban environments are designed. -### What you'll need +3D Street is quickly expanding and applying uses. As we update we will allow users to load previously created files from StreetMix into a 3D rendering, as well as save, share and edit those renderings to be used during planning meetings, community proposals, urban planning sessions, and design mock ups for municipal use in order to plan streets and transportation uses. -- [Node.js](https://nodejs.org/en/download/) version 16.14 or above: - - When installing Node.js, you are recommended to check all checkboxes related to dependencies. +## Viewer and Editor -## Generate a new site +**There are currently two functions in 3D Street and it is important to distinguish between them as they serve two distinct purposes.** -Generate a new Docusaurus site using the **classic template**. +### **Viewer** -The classic template will automatically be added to your project after you run the command: +3D Street Viewer is a virtual representation of a previously created street environment produced with the Editor tool. -```bash -npm init docusaurus@latest my-website classic -``` +- Enables you to view and navigates through a 360 degree horizontal and a 290 degree vertical panoramic street level viewpoint of three dimensional street imagery +- Allows you to move throughout the street environment +- Removes editing tool information to focus on visualization and limits distractions +- Removes satellite imagery to create a cohesive augmented visualization -You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor. +### Editor -The command also installs all necessary dependencies you need to run Docusaurus. +**3D Street Editor is a tool that allows you to edit and adjust components of augmented street environments. With the Editor tool you can load premade designs from StreetMix or create a new original designs.** -## Start your site +- Allows users to view street scene from multiple perspectives +- Loads scenes made previously in StreetMix +- Toggle between various perspectives of street scenes +- Select and unselect layers to inspect or edit size and position +- Drag and drop street components to different locations and arrangements to edit and improve street architecture +- Inspect and alter components with precise numerical values within the toolbar’s parameters +- Save a glTF file +- Capture PNG screenshot of a selected area -Run the development server: +## Moving around within a scene -```bash -cd my-website -npm run start -``` +**There are several ways to move within a scene in *Editor*** -The `cd` command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there. +- **Rotate Camera** + - Right click and drag to rotate while staying in place + - Ctrl …for users with trackpads +- **Zoom** + - With scroll wheel on your mouse move the wheel up and down. Or with trackpad use two fingers and move towards each other for a zoom in and move away from each other for zoom out. + - Press **+** buttons to zoom in, **-** button to zoom out for manual zoom +- **Reset camera** + - Press compass icon or the line in between the + and - of the zoom controls +- **Change view or perspective** -The `npm run start` command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/. +*Editor* has three perspectives: 3D View, Plan View, Cross Section, you can change them by selecting their respective tabs at the top of the editor screen. The darkened tab is the one that is your current selection. These views are not available in *Viewer*. -Open `docs/intro.md` (this page) and edit some lines: the site **reloads automatically** and displays your changes. +- 3D Plan View- shows 3D perspective camera with click and rotation +- Plan View- shows a downfacing orthographic camera +- Cross Section- front facing orthographic camera -Let's test it out now! +**Use the purple cursor to help you move through *Viewer*** + +- **Traverse down street** + - Only available in *Viewer* + - Use purple circle as cursor to locate your view and click on it to move down the street or another direction +- **Rotate Camera** + - Use hand cursor to click desired point, when hand is closed “grab” and move mouse to rotate camera view + +## Loading From Streetmix + +**You can load a previously created file from StreetMix to turn into a 3D Street file that can be captured view screenshot function or saved to a glTF file for later use.** + +- **What is a glTF file?** + - glTF stands for GL Transmission Format, and is a standard file format for three dimensional scenes and models +- **Loading a URL from StreetMix** + - Prepare a saved URL from streetmix + - Copy that URL to your computer’s clipboard + - Paste it into the browser behind the … + +## Select and Move Objects + +**In *Editor* you can select and move objects.** + +- **Select an object** + - Click on the object + - When you see that it has a blue outline around it, it is selected + +**Move an object** + +- Once an object is selected you will see a set of colorful arrows that will indicate directions to slide the selection +- Objects are on an x,y,z axis + - Click on blue arrow to slide selection on the z axis (towards yourself) + - Click on red arrow to slide selection on the x axis (left/right) + - Click on green arrow to slide selection on the y axis (up/down) + - The arrows turn yellow when hovered over, they also have a yellow square to indicate domains between the arrows, the arrows and squares are simply responsive domains that correspond to the axis selected + - The object will then be placed in the location and once you click to another object it will stay in the desired location + +## Saving Scenes + +**Scenes can be saved while in *Editor* for later use as either a PNG screenshot image or glTF file so they can be shared or used later.** + +- **Save as a glTF file** + - glTF stands for GL Transmission Format, and is a standard file format for three dimensional scenes and models + - In the right hand corner of Editor mode click the purple “Save” button + - Once clicked it will show the “glTF model” option + - Click and wait a moment for the file to download to your local downloads folder +- **Save as a PNG image** + - A PNG is a portable network graphic which is a type of image file + - In the right hand corner of Editor mode click the purple “Save” button + - Once clicked it will show the “PNG screenshot” option + - Click and wait a moment for the file to download to your local downloads folder +- **Save as a Screenshot** + - To quickly grab a screen save as a screenshot + - Click on the purple camera icon + - Wait a moment as this takes a bit of time to download + - This will be downloaded as a PNG to your local downloads folder + +## Layers + +**In *Editor* the Layers panel is the hub for all the tools that enable editing objects in the scene. It has several functions that allows you change the configurations including position, scale, and rotation of objects. In addition it provides labels and options for selected components.** + +- (Need a better explanation here) + +How to explain +-postion + +-scale + +-rotation (is this a property each selection has?) + +Each component has it’s own set of properties what are they? +How does this relate to each way you can edit them? +Some I observe so far: + +-geometry: buffer, depth, height, primitive, seg height, seg depth, seg width, skip cache, width, + +-material: alpha test, ambient occulsion map, map intensity, ambient occulsion texture offset, ambient occulsion texture repeat, blending, color, depth test, depth write, displacement bias, displacement map, displacement scale, displacement texture offset, displacement texture repeat, dithering, emissive, emissive intensity, env map, flat shading, fog, height, metalness, metalness map, metalness texture offset, metalness texture repeat, normal map, normal scale, normal texture offset, normal texture repeat, npot, opacity, repeat, roughness, roughness texture offset, roughness texture repeat, shader, side, scpherical env map, src, transparent, vertex colors, visible, width, wireframe, wireframe linewidth + +-gltf part plus: buffer, part, reset postion, src +-gltf model: gltf model + +- How to view my scene in VR? + - (Only in viewer?) +- Contributing for Developers (for Kieran) + - Architecture + - Repositories + - Contributing Instructions (issue, PR, testing, etc.) + +## Product Roadmap + +**3D Street is rapidly updating so check back every month as we progress with additions and improvements on the application and platform.** + +- **Releases** + - V1- + - V2- + - V3- +- **Coming Soon** + - Responsive selection tools + - User friendly editing toolbar + - Easy way to load URL from StreetMix + - Ways to load, edit, and share files \ No newline at end of file diff --git a/docs/tutorial-basics/_category_.json b/docs/tutorial-basics/_category_.json deleted file mode 100644 index 2e6db55b..00000000 --- a/docs/tutorial-basics/_category_.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "label": "Tutorial - Basics", - "position": 2, - "link": { - "type": "generated-index", - "description": "5 minutes to learn the most important Docusaurus concepts." - } -} diff --git a/docs/tutorial-basics/congratulations.md b/docs/tutorial-basics/congratulations.md deleted file mode 100644 index 04771a00..00000000 --- a/docs/tutorial-basics/congratulations.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -sidebar_position: 6 ---- - -# Congratulations! - -You have just learned the **basics of Docusaurus** and made some changes to the **initial template**. - -Docusaurus has **much more to offer**! - -Have **5 more minutes**? Take a look at **[versioning](../tutorial-extras/manage-docs-versions.md)** and **[i18n](../tutorial-extras/translate-your-site.md)**. - -Anything **unclear** or **buggy** in this tutorial? [Please report it!](https://github.com/facebook/docusaurus/discussions/4610) - -## What's next? - -- Read the [official documentation](https://docusaurus.io/) -- Modify your site configuration with [`docusaurus.config.js`](https://docusaurus.io/docs/api/docusaurus-config) -- Add navbar and footer items with [`themeConfig`](https://docusaurus.io/docs/api/themes/configuration) -- Add a custom [Design and Layout](https://docusaurus.io/docs/styling-layout) -- Add a [search bar](https://docusaurus.io/docs/search) -- Find inspirations in the [Docusaurus showcase](https://docusaurus.io/showcase) -- Get involved in the [Docusaurus Community](https://docusaurus.io/community/support) diff --git a/docs/tutorial-basics/create-a-blog-post.md b/docs/tutorial-basics/create-a-blog-post.md deleted file mode 100644 index ea472bba..00000000 --- a/docs/tutorial-basics/create-a-blog-post.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -sidebar_position: 3 ---- - -# Create a Blog Post - -Docusaurus creates a **page for each blog post**, but also a **blog index page**, a **tag system**, an **RSS** feed... - -## Create your first Post - -Create a file at `blog/2021-02-28-greetings.md`: - -```md title="blog/2021-02-28-greetings.md" ---- -slug: greetings -title: Greetings! -authors: - - name: Joel Marcey - title: Co-creator of Docusaurus 1 - url: https://github.com/JoelMarcey - image_url: https://github.com/JoelMarcey.png - - name: Sébastien Lorber - title: Docusaurus maintainer - url: https://sebastienlorber.com - image_url: https://github.com/slorber.png -tags: [greetings] ---- - -Congratulations, you have made your first post! - -Feel free to play around and edit this post as much you like. -``` - -A new blog post is now available at [http://localhost:3000/blog/greetings](http://localhost:3000/blog/greetings). diff --git a/docs/tutorial-basics/create-a-document.md b/docs/tutorial-basics/create-a-document.md deleted file mode 100644 index ffddfa8e..00000000 --- a/docs/tutorial-basics/create-a-document.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -sidebar_position: 2 ---- - -# Create a Document - -Documents are **groups of pages** connected through: - -- a **sidebar** -- **previous/next navigation** -- **versioning** - -## Create your first Doc - -Create a Markdown file at `docs/hello.md`: - -```md title="docs/hello.md" -# Hello - -This is my **first Docusaurus document**! -``` - -A new document is now available at [http://localhost:3000/docs/hello](http://localhost:3000/docs/hello). - -## Configure the Sidebar - -Docusaurus automatically **creates a sidebar** from the `docs` folder. - -Add metadata to customize the sidebar label and position: - -```md title="docs/hello.md" {1-4} ---- -sidebar_label: 'Hi!' -sidebar_position: 3 ---- - -# Hello - -This is my **first Docusaurus document**! -``` - -It is also possible to create your sidebar explicitly in `sidebars.js`: - -```js title="sidebars.js" -module.exports = { - tutorialSidebar: [ - 'intro', - // highlight-next-line - 'hello', - { - type: 'category', - label: 'Tutorial', - items: ['tutorial-basics/create-a-document'], - }, - ], -}; -``` diff --git a/docs/tutorial-basics/create-a-page.md b/docs/tutorial-basics/create-a-page.md deleted file mode 100644 index 20e2ac30..00000000 --- a/docs/tutorial-basics/create-a-page.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -sidebar_position: 1 ---- - -# Create a Page - -Add **Markdown or React** files to `src/pages` to create a **standalone page**: - -- `src/pages/index.js` → `localhost:3000/` -- `src/pages/foo.md` → `localhost:3000/foo` -- `src/pages/foo/bar.js` → `localhost:3000/foo/bar` - -## Create your first React Page - -Create a file at `src/pages/my-react-page.js`: - -```jsx title="src/pages/my-react-page.js" -import React from 'react'; -import Layout from '@theme/Layout'; - -export default function MyReactPage() { - return ( - -

My React page

-

This is a React page

- - ); -} -``` - -A new page is now available at [http://localhost:3000/my-react-page](http://localhost:3000/my-react-page). - -## Create your first Markdown Page - -Create a file at `src/pages/my-markdown-page.md`: - -```mdx title="src/pages/my-markdown-page.md" -# My Markdown page - -This is a Markdown page -``` - -A new page is now available at [http://localhost:3000/my-markdown-page](http://localhost:3000/my-markdown-page). diff --git a/docs/tutorial-basics/deploy-your-site.md b/docs/tutorial-basics/deploy-your-site.md deleted file mode 100644 index 1c50ee06..00000000 --- a/docs/tutorial-basics/deploy-your-site.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_position: 5 ---- - -# Deploy your site - -Docusaurus is a **static-site-generator** (also called **[Jamstack](https://jamstack.org/)**). - -It builds your site as simple **static HTML, JavaScript and CSS files**. - -## Build your site - -Build your site **for production**: - -```bash -npm run build -``` - -The static files are generated in the `build` folder. - -## Deploy your site - -Test your production build locally: - -```bash -npm run serve -``` - -The `build` folder is now served at [http://localhost:3000/](http://localhost:3000/). - -You can now deploy the `build` folder **almost anywhere** easily, **for free** or very small cost (read the **[Deployment Guide](https://docusaurus.io/docs/deployment)**). diff --git a/docs/tutorial-basics/markdown-features.mdx b/docs/tutorial-basics/markdown-features.mdx deleted file mode 100644 index 6b3aaaaa..00000000 --- a/docs/tutorial-basics/markdown-features.mdx +++ /dev/null @@ -1,146 +0,0 @@ ---- -sidebar_position: 4 ---- - -# Markdown Features - -Docusaurus supports **[Markdown](https://daringfireball.net/projects/markdown/syntax)** and a few **additional features**. - -## Front Matter - -Markdown documents have metadata at the top called [Front Matter](https://jekyllrb.com/docs/front-matter/): - -```text title="my-doc.md" -// highlight-start ---- -id: my-doc-id -title: My document title -description: My document description -slug: /my-custom-url ---- -// highlight-end - -## Markdown heading - -Markdown text with [links](./hello.md) -``` - -## Links - -Regular Markdown links are supported, using url paths or relative file paths. - -```md -Let's see how to [Create a page](/create-a-page). -``` - -```md -Let's see how to [Create a page](./create-a-page.md). -``` - -**Result:** Let's see how to [Create a page](./create-a-page.md). - -## Images - -Regular Markdown images are supported. - -You can use absolute paths to reference images in the static directory (`static/img/docusaurus.png`): - -```md -![Docusaurus logo](/img/docusaurus.png) -``` - -![Docusaurus logo](/img/docusaurus.png) - -You can reference images relative to the current file as well, as shown in [the extra guides](../tutorial-extras/manage-docs-versions.md). - -## Code Blocks - -Markdown code blocks are supported with Syntax highlighting. - - ```jsx title="src/components/HelloDocusaurus.js" - function HelloDocusaurus() { - return ( -

Hello, Docusaurus!

- ) - } - ``` - -```jsx title="src/components/HelloDocusaurus.js" -function HelloDocusaurus() { - return

Hello, Docusaurus!

; -} -``` - -## Admonitions - -Docusaurus has a special syntax to create admonitions and callouts: - - :::tip My tip - - Use this awesome feature option - - ::: - - :::danger Take care - - This action is dangerous - - ::: - -:::tip My tip - -Use this awesome feature option - -::: - -:::danger Take care - -This action is dangerous - -::: - -## MDX and React Components - -[MDX](https://mdxjs.com/) can make your documentation more **interactive** and allows using any **React components inside Markdown**: - -```jsx -export const Highlight = ({children, color}) => ( - { - alert(`You clicked the color ${color} with label ${children}`) - }}> - {children} - -); - -This is Docusaurus green ! - -This is Facebook blue ! -``` - -export const Highlight = ({children, color}) => ( - { - alert(`You clicked the color ${color} with label ${children}`); - }}> - {children} - -); - -This is Docusaurus green ! - -This is Facebook blue ! diff --git a/docs/tutorial-streetmix-to-3dstreet/_category_.json b/docs/tutorial-streetmix-to-3dstreet/_category_.json new file mode 100644 index 00000000..02bc29c1 --- /dev/null +++ b/docs/tutorial-streetmix-to-3dstreet/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Tutorial: Using Streetmix to create a new 3DStreet scene", + "position": 2, + "link": { + "type": "generated-index", + "description": "A step-by-step tutorial on how to create and customize a street in Streetmix and use it to create a new 3DStreet scene." + } +} diff --git a/docs/tutorial-streetmix-to-3dstreet/congratulations.md b/docs/tutorial-streetmix-to-3dstreet/congratulations.md new file mode 100644 index 00000000..8ba5cd14 --- /dev/null +++ b/docs/tutorial-streetmix-to-3dstreet/congratulations.md @@ -0,0 +1,10 @@ +--- +sidebar_position: 4 +--- + +# Congratulations! + +update your street! +share with friends +modify more + diff --git a/docs/tutorial-streetmix-to-3dstreet/convert-streetmix-street-to-3dstreet-scene.md b/docs/tutorial-streetmix-to-3dstreet/convert-streetmix-street-to-3dstreet-scene.md new file mode 100644 index 00000000..1be842f5 --- /dev/null +++ b/docs/tutorial-streetmix-to-3dstreet/convert-streetmix-street-to-3dstreet-scene.md @@ -0,0 +1,11 @@ +--- +sidebar_position: 3 +--- + +# Convert Streetmix street to 3DStreet scene + +Quickest add 3d to domain + +Manual option + +A-Frame code option diff --git a/docs/tutorial-streetmix-to-3dstreet/create-a-streetmix-account.md b/docs/tutorial-streetmix-to-3dstreet/create-a-streetmix-account.md new file mode 100644 index 00000000..4b2b31dc --- /dev/null +++ b/docs/tutorial-streetmix-to-3dstreet/create-a-streetmix-account.md @@ -0,0 +1,9 @@ +--- +sidebar_position: 1 +--- + +# Create a Streetmix Account + +what is streetmix +why do you need an account? +how to create an account \ No newline at end of file diff --git a/docs/tutorial-streetmix-to-3dstreet/create-or-remix-a-street-in-streetmix.md b/docs/tutorial-streetmix-to-3dstreet/create-or-remix-a-street-in-streetmix.md new file mode 100644 index 00000000..5166f9f6 --- /dev/null +++ b/docs/tutorial-streetmix-to-3dstreet/create-or-remix-a-street-in-streetmix.md @@ -0,0 +1,9 @@ +--- +sidebar_position: 2 +--- + +# Create or Remix a Street in Streetmix +what is a streetmix street? +what is remixing? +quick tips to make a street? +examples of a few streets you can remix from \ No newline at end of file diff --git a/docusaurus.config.js b/docusaurus.config.js index 8d1dfe9a..6937a140 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -37,7 +37,7 @@ const config = { // Please change this to your repo. // Remove this to remove the "edit this page" links. editUrl: - 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/', + 'https://github.com/3dstreet/3dstreet-docs/tree/main/', }, blog: false, theme: { @@ -50,21 +50,37 @@ const config = { themeConfig: /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ ({ + colorMode: { + defaultMode: 'dark', + disableSwitch: false, + respectPrefersColorScheme: false, + }, navbar: { - title: 'My Site', + title: 'Home', logo: { - alt: 'My Site Logo', - src: 'img/logo.svg', + alt: '3DStreet Logo', + src: 'img/logo-black.svg', + srcDark: "img/logo.svg" }, items: [ { type: 'doc', docId: 'index', position: 'left', - label: 'Docs', + label: 'Documentation', }, { - href: 'https://github.com/facebook/docusaurus', + href: '/#scenes', + label: 'Gallery', + position: 'left', + }, + { + href: 'https://3dstreet.app', + label: 'Launch App', + position: 'left', + }, + { + href: 'https://github.com/3dstreet/3dstreet', label: 'GitHub', position: 'right', }, @@ -74,10 +90,10 @@ const config = { style: 'dark', links: [ { - title: 'Docs', + title: 'Documentation', items: [ { - label: 'Docs Home', + label: 'Overview', to: '/docs/', }, ], @@ -85,17 +101,13 @@ const config = { { title: 'Community', items: [ - { - label: 'Stack Overflow', - href: 'https://stackoverflow.com/questions/tagged/docusaurus', - }, { label: 'Discord', - href: 'https://discordapp.com/invite/docusaurus', + href: 'https://discord.gg/VN242sx9qu', }, { label: 'Twitter', - href: 'https://twitter.com/docusaurus', + href: 'https://twitter.com/3dstreetapp', }, ], }, @@ -104,12 +116,12 @@ const config = { items: [ { label: 'GitHub', - href: 'https://github.com/facebook/docusaurus', + href: 'https://github.com/3dstreet/3dstreet', }, ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`, + copyright: `Copyright © ${new Date().getFullYear()} 3DStreet LLC. Docs built with Docusaurus.`, }, prism: { theme: lightCodeTheme, diff --git a/src/css/custom.css b/src/css/custom.css index 2bc6a4cf..f303bdf7 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -6,25 +6,30 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #2e8555; - --ifm-color-primary-dark: #29784c; - --ifm-color-primary-darker: #277148; - --ifm-color-primary-darkest: #205d3b; - --ifm-color-primary-light: #33925d; - --ifm-color-primary-lighter: #359962; - --ifm-color-primary-lightest: #3cad6e; + --ifm-color-primary: hsl(263, 50%, 45%); + --ifm-color-primary-dark: hsl(263, 50%, 40%)c; + --ifm-color-primary-darker: hsl(263, 50%, 35%); + --ifm-color-primary-darkest: hsl(263, 50%, 30%); + --ifm-color-primary-light: hsl(263, 50%, 50%); + --ifm-color-primary-lighter: hsl(263, 50%, 55%); + --ifm-color-primary-lightest: hsl(263, 50%, 60%); --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); } /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme='dark'] { - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --ifm-color-primary-lighter: #32d8b4; - --ifm-color-primary-lightest: #4fddbf; + --ifm-color-primary: hsl(263, 50%, 60%); + --ifm-color-primary-dark: hsl(263, 50%, 55%); + --ifm-color-primary-darker: hsl(263, 50%, 50%); + --ifm-color-primary-darkest: hsl(263, 50%, 45%); + --ifm-color-primary-light: hsl(263, 50%, 65%); + --ifm-color-primary-lighter: hsl(263, 50%, 70%); + --ifm-color-primary-lightest: hsl(263, 50%, 75%); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +.navbar__logo > img { + width: 90%; + height: 90%; +} diff --git a/src/pages/index.js b/src/pages/index.js index 6acac0dc..b58d3699 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -64,6 +64,9 @@ export default function Home() {