From fc0672d80b0aac869ede83597908045686cc7a68 Mon Sep 17 00:00:00 2001 From: LordGhostX Date: Mon, 13 May 2024 15:49:05 +0100 Subject: [PATCH] centered YouTube video embed --- docs/guides/getting-started.md | 8 ++++++-- docs/guides/nwaku/run-docker-compose.md | 4 +++- src/css/custom.scss | 10 ++++++++-- 3 files changed, 17 insertions(+), 5 deletions(-) diff --git a/docs/guides/getting-started.md b/docs/guides/getting-started.md index 0c16f31..2479106 100644 --- a/docs/guides/getting-started.md +++ b/docs/guides/getting-started.md @@ -16,7 +16,9 @@ graph LR W -->|Message 3| R2(Message Receiver 2) ``` - +
+ +
:::tip Check out our [Learn section](/learn/waku-network), [YouTube channel](https://www.youtube.com/@wakuorg), and [Blog](https://blog.waku.org/) to dive into how Waku works behind the scenes! @@ -51,7 +53,9 @@ Looking for what to build with Waku? Discover a collection of sample ideas and u Waku is a decentralised, permissionless system where anyone can run a node, use the network, and contribute to its support. We recommend following the [Run Nwaku with Docker Compose](/guides/nwaku/run-docker-compose) guide and [Waku Node Operator Cheatsheet](/Waku-NodeOperator.pdf) to easily run a node. - +
+ +
:::tip If you encounter issues running your node or require assistance with anything, please visit the [#node-help channel](https://discord.com/channels/1110799176264056863/1216748184592711691) on our Discord. diff --git a/docs/guides/nwaku/run-docker-compose.md b/docs/guides/nwaku/run-docker-compose.md index 7f53431..bc47ce2 100644 --- a/docs/guides/nwaku/run-docker-compose.md +++ b/docs/guides/nwaku/run-docker-compose.md @@ -11,7 +11,9 @@ hide_table_of_contents: true ## Video tutorial - +
+ +
:::tip Check out the [Waku Node Operator Cheatsheet](/Waku-NodeOperator.pdf) to learn how to easily run, monitor, and interact with a node. diff --git a/src/css/custom.scss b/src/css/custom.scss index d96220d..38a8002 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -19,10 +19,16 @@ html[data-theme="dark"] .header-github-link:before { no-repeat; } +.video-container { + display: flex; + justify-content: center; + align-items: center; +} + .yt-video { max-width: 100%; - width: 640px; - height: 360px; + width: 768px; + height: 432px; } .external-link {