diff --git a/docs/guides/getting-started.md b/docs/guides/getting-started.md index 0ddc19a..797039e 100644 --- a/docs/guides/getting-started.md +++ b/docs/guides/getting-started.md @@ -45,7 +45,12 @@ Check out our [Learn section](/learn/waku-network), [YouTube channel](https://ww Looking for what to build with Waku? Discover a collection of sample ideas and use cases for inspiration, curated by our community at: https://ideas.waku.org/ and [Awesome Waku](https://github.com/waku-org/awesome-waku/). ::: -## Use cases +## Case studies + +
+ + +
## Getting started diff --git a/src/css/custom.scss b/src/css/custom.scss index c34cbe2..34f1b52 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -43,6 +43,30 @@ html[data-theme="dark"] .header-github-link:before { } } +.case-study-container a { + display: block; + width: 100%; + margin-bottom: 20px; +} + +.case-study-container a img { + width: 100%; + height: auto; +} + +@media (min-width: 768px) { + .case-study-container a { + display: inline-block; + width: 48%; + margin-bottom: 20px; + margin-right: 2%; + } + + .case-study-container a:nth-child(2n) { + margin-right: 0; + } +} + .external-link { margin-top: 0.25rem; } diff --git a/static/img/graph-use-case.jpeg b/static/img/graph-use-case.jpeg new file mode 100644 index 0000000..06a2fcd Binary files /dev/null and b/static/img/graph-use-case.jpeg differ diff --git a/static/img/railgun-use-case.jpeg b/static/img/railgun-use-case.jpeg new file mode 100644 index 0000000..9a6ce19 Binary files /dev/null and b/static/img/railgun-use-case.jpeg differ