Skip to content

Commit e62bccb

Browse files
josh-wongjosh-wong
authored
Redesign version home pages (#914)
* Create scalardl-presentation-overview.png * Create home-page-background.avif * Add styles for version home page redesign * Add `react-lite-youtube-embed` dependency * Redesign version home page component * Update version home page component * Change `new content` wording to `recent features` Since the docs shown on the `new content` line won't always be new for that version of docs that the visitor is reading, `recent features` is more appropriate wording here. * Add docs to "Recent features" section * Change link for diversity's sake * Change `new content` wording to `recent features` Since the docs shown on the `new content` line won't always be new for that version of docs that the visitor is reading, `recent features` is more appropriate wording here. * Revise comment about links in the `Recent features` section * Delete index.tsx * Add comment about link guidelines * Disable zooming on images with `youtube-embed` style We currently have an image that zooms in when it is clicked on. Since we'll eventually have a video on the home page, I've added a style here to not zoom on the image on the home page (or any other image with the style `youtube-embed`). * Remove awkward, extra padding below home page image Since we're currently using an image since we don't have a YouTube video to add to the home page, we need to remove the extra padding caused by using an image * Add ScalarDL presentation overview screenshot and link Eventually, we'll add a YouTube video about ScalarDL here. Until we have one, we've decided to use this presentation for visitors to learn more.
1 parent 073cc24 commit e62bccb

File tree

19 files changed

+1462
-2191
lines changed

19 files changed

+1462
-2191
lines changed

‎docs/index.mdx‎

Lines changed: 4 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,10 @@
11
---
22
displayed_sidebar: docsEnglish
33
image: img/scalardl-social-card-preview.png
4+
hide_table_of_contents: true
5+
title: ""
46
---
57

6-
# ScalarDL
8+
import CategoryGrid from '/src/components/Cards/3.11';
79

8-
import { CardRowAbout, CardRowGettingStarted, CardRowSamples, CardRowDevelop, CardRowDeploy, CardRowManage, CardRowReference } from '/src/components/Cards/3.11';
9-
10-
ScalarDL is scalable and practical Byzantine fault detection middleware for transactional database systems that achieves correctness, scalability, and database agnosticism.
11-
12-
**About ScalarDL**
13-
14-
<CardRowAbout />
15-
16-
**Getting started**
17-
18-
<CardRowGettingStarted />
19-
20-
**Samples**
21-
22-
<CardRowSamples />
23-
24-
**Develop**
25-
26-
<CardRowDevelop />
27-
28-
**Deploy**
29-
30-
<CardRowDeploy />
31-
32-
**Manage**
33-
34-
<CardRowManage />
35-
36-
**Reference**
37-
38-
<CardRowReference />
10+
<CategoryGrid />

‎docusaurus.config.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -436,7 +436,7 @@ const config = {
436436
isCloseable: false,
437437
},
438438
zoom: {
439-
selector: '.markdown :not(em) > img',
439+
selector: '.markdown :not(em) > img:not(.youtube-embed img)',
440440
background: {
441441
light: 'rgb(255, 255, 255)',
442442
dark: 'rgb(50, 50, 50)'

‎i18n/versioned_docs/ja-jp/docusaurus-plugin-content-docs/current/index.mdx‎

Lines changed: 4 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,10 @@
11
---
22
displayed_sidebar: docsJapanese
33
image: img/scalardl-social-card-preview.png
4+
hide_table_of_contents: true
5+
title: ""
46
---
57

6-
# ScalarDL
8+
import CategoryGrid from '/src/components/Cards/ja-jp/3.11';
79

8-
import { CardRowAbout, CardRowGettingStarted, CardRowSamples, CardRowDevelop, CardRowDeploy, CardRowManage, CardRowReference } from '/src/components/Cards/ja-jp/3.11';
9-
10-
ScalarDL は、正確性、スケーラビリティ、およびデータベース不可知性を実現する、トランザクショナルデータベースシステム用のスケーラブルで実用的なビザンチン故障検出ミドルウェアです。
11-
12-
**ScalarDL について**
13-
14-
<CardRowAbout />
15-
16-
**はじめよう**
17-
18-
<CardRowGettingStarted />
19-
20-
**サンプル**
21-
22-
<CardRowSamples />
23-
24-
**開発**
25-
26-
<CardRowDevelop />
27-
28-
**デプロイ**
29-
30-
<CardRowDeploy />
31-
32-
**運用**
33-
34-
<CardRowManage />
35-
36-
**詳細**
37-
38-
<CardRowReference />
10+
<CategoryGrid />

‎i18n/versioned_docs/ja-jp/docusaurus-plugin-content-docs/version-3.10/index.mdx‎

Lines changed: 4 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,10 @@
11
---
22
displayed_sidebar: docsJapanese
33
image: img/scalardl-social-card-preview.png
4+
hide_table_of_contents: true
5+
title: ""
46
---
57

6-
# ScalarDL
8+
import CategoryGrid from '/src/components/Cards/ja-jp/3.10';
79

8-
import { CardRowAbout, CardRowGettingStarted, CardRowSamples, CardRowDevelop, CardRowDeploy, CardRowManage, CardRowReference } from '/src/components/Cards/ja-jp/3.10';
9-
10-
ScalarDL は、正確性、スケーラビリティ、およびデータベース不可知性を実現する、トランザクショナルデータベースシステム用のスケーラブルで実用的なビザンチン故障検出ミドルウェアです。
11-
12-
**ScalarDL について**
13-
14-
<CardRowAbout />
15-
16-
**はじめよう**
17-
18-
<CardRowGettingStarted />
19-
20-
**サンプル**
21-
22-
<CardRowSamples />
23-
24-
**開発**
25-
26-
<CardRowDevelop />
27-
28-
**デプロイ**
29-
30-
<CardRowDeploy />
31-
32-
**運用**
33-
34-
<CardRowManage />
35-
36-
**詳細**
37-
38-
<CardRowReference />
39-
40-
{/* Saving the following in case we decide to change the layout in the future to a more table grid-like style. */}
41-
{/*
42-
| Category | Documentation |
43-
|:------------------- |:--------------------- |
44-
| **About ScalarDL** | <a href="XXX">XXX</a> |
45-
| **Getting started** | <a href="XXX">XXX</a> |
46-
| **Samples** | <a href="XXX">XXX</a> |
47-
| **Develop** | <a href="XXX">XXX</a> |
48-
| **Deploy** | <a href="XXX">XXX</a> |
49-
| **Manage** | <a href="XXX">XXX</a> |
50-
| **Reference** | <a href="XXX">XXX</a> |
51-
*/}
10+
<CategoryGrid />

‎i18n/versioned_docs/ja-jp/docusaurus-plugin-content-docs/version-3.9/index.mdx‎

Lines changed: 4 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,10 @@
11
---
22
displayed_sidebar: docsJapanese
33
image: img/scalardl-social-card-preview.png
4+
hide_table_of_contents: true
5+
title: ""
46
---
57

6-
# ScalarDL
8+
import CategoryGrid from '/src/components/Cards/ja-jp/3.9';
79

8-
import { CardRowAbout, CardRowGettingStarted, CardRowSamples, CardRowDevelop, CardRowDeploy, CardRowManage, CardRowReference } from '/src/components/Cards/ja-jp/3.9';
9-
10-
ScalarDL は、正確性、スケーラビリティ、およびデータベース不可知性を実現する、トランザクショナルデータベースシステム用のスケーラブルで実用的なビザンチン故障検出ミドルウェアです。
11-
12-
**ScalarDL について**
13-
14-
<CardRowAbout />
15-
16-
**はじめよう**
17-
18-
<CardRowGettingStarted />
19-
20-
**サンプル**
21-
22-
<CardRowSamples />
23-
24-
**開発**
25-
26-
<CardRowDevelop />
27-
28-
**デプロイ**
29-
30-
<CardRowDeploy />
31-
32-
**運用**
33-
34-
<CardRowManage />
35-
36-
**詳細**
37-
38-
<CardRowReference />
39-
40-
{/* Saving the following in case we decide to change the layout in the future to a more table grid-like style. */}
41-
{/*
42-
| Category | Documentation |
43-
|:------------------- |:--------------------- |
44-
| **About ScalarDL** | <a href="XXX">XXX</a> |
45-
| **Getting started** | <a href="XXX">XXX</a> |
46-
| **Samples** | <a href="XXX">XXX</a> |
47-
| **Develop** | <a href="XXX">XXX</a> |
48-
| **Deploy** | <a href="XXX">XXX</a> |
49-
| **Manage** | <a href="XXX">XXX</a> |
50-
| **Reference** | <a href="XXX">XXX</a> |
51-
*/}
10+
<CategoryGrid />

‎package-lock.json‎

Lines changed: 12 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@
3737
"react": "^18.0.0",
3838
"react-cookie-consent": "9.0.0",
3939
"react-dom": "^18.0.0",
40+
"react-lite-youtube-embed": "^2.4.0",
4041
"@typebot.io/react": "0.3.47"
4142
},
4243
"devDependencies": {

0 commit comments

Comments
 (0)