-
Notifications
You must be signed in to change notification settings - Fork 184
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* SEO improvements part 1 * Update preferences.md --------- Co-authored-by: Francesco Ciulla <[email protected]>
- Loading branch information
1 parent
adcb0f5
commit 3f5d7dd
Showing
44 changed files
with
12,154 additions
and
890 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| FROM node:16-alpine | ||
| FROM node:22 | ||
|
|
||
| WORKDIR /app | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,32 +1,32 @@ | ||
| --- | ||
| sidebar_position: 2 | ||
| description: "Learn how to adjust content density on the daily.dev feed with Eco, Roomy, and Cozy settings for a personalized reading experience." | ||
| --- | ||
|
|
||
| # Density | ||
| # Density Settings on daily.dev Feed | ||
|
|
||
| The density option enables you to set the density of content on the daily.dev feed. And you can do this by switching between Eco, Roomy, and Cozy options as seen below: | ||
| The density option enables you to set the density of content on the **daily.dev feed**. Choose from **Eco**, **Roomy**, and **Cozy** options to personalize your reading experience. | ||
|
|
||
| ## Eco | ||
| ## Eco Density Setting | ||
|
|
||
|  | ||
|  | ||
|
|
||
| You can set the density of your feed to Eco, as seen below: | ||
| Set the density of your feed to Eco, as shown below: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| ## Roomy | ||
| ## Roomy Density Setting | ||
|
|
||
|  | ||
|  | ||
|
|
||
| You can set the density of your feed to Roomy as seen below: | ||
| Set the density of your feed to Roomy, as shown below: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| ## Cozy | ||
| ## Cozy Density Setting | ||
|
|
||
|  | ||
|  | ||
|
|
||
| You can set the density of your feed to Cozy as seen below: | ||
|
|
||
|  | ||
| Set the density of your feed to Cozy, as shown below: | ||
|
|
||
|  |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,31 +1,28 @@ | ||
| --- | ||
| sidebar_position: 0 | ||
| description: "Customize your daily.dev feed layout with Grid and List modes for an optimal reading experience across all devices." | ||
| --- | ||
|
|
||
| # Layout | ||
| # Layout Options on daily.dev Feed | ||
|
|
||
| The layout option lets you select how posts are displayed on your feed. You can switch between **Grid mode** and **List mode**. | ||
| The layout option lets you select how posts are displayed on your **daily.dev feed**. Switch between **Grid mode** and **List mode** to suit your viewing preferences. | ||
|
|
||
| To switch between Grid and List mode, click on the customize option from the top-right profile menu, as seen below: | ||
| To switch between Grid and List mode, click on the **customize** option from the top-right profile menu, as shown below: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| ## Grid mode | ||
| ## Grid Mode for Content Display | ||
|
|
||
| The Grid mode displays posts as cards arrayed in a Grid, as seen in the image below: | ||
| The **Grid mode** displays posts as cards arranged in a grid format, as seen in the image below: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| In Grid mode, posts are positioned vertically and horizontally from each other so that you can easily scan and interact with the posts on the feed. | ||
| In Grid mode, posts are positioned both vertically and horizontally, making it easy to scan and interact with the content. Grid mode adapts seamlessly to various viewports and orientations, providing consistency across different platforms and screen sizes. | ||
|
|
||
| The Grid mode easily adapts to various viewports and orientations, thereby ensuring consistency across platforms and screen sizes. | ||
| ## List Mode for Simplified Layout | ||
|
|
||
| In **List mode**, posts are stacked vertically in a list, as shown below: | ||
|
|
||
| ## List mode | ||
|  | ||
|
|
||
| In the list mode, posts are stacked in a list, as seen below: | ||
|
|
||
|  | ||
|
|
||
|
|
||
| In the list mode, posts are arranged in a stacked list. List mode displays only source images and it does not contain cover images of posts. Using List mode is ideal if you like your feed shorter and with fewer visuals. | ||
| List mode displays posts in a simple, stacked format, showing only source images without cover images. This option is ideal if you prefer a shorter feed with fewer visuals. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,53 +1,53 @@ | ||
| --- | ||
| sidebar_position: 3 | ||
| description: "Customize your daily.dev experience with preferences like reading streaks, link behavior, and companion widget for a personalized feed." | ||
| --- | ||
|
|
||
| # Preferences | ||
| # Preferences Settings on daily.dev | ||
|
|
||
|  | ||
|
|
||
| The preferences options enable you to fine-tune your user experiences of daily.dev by toggling some options on/off. Currently, the available options are: | ||
| The preferences options allow you to fine-tune your **daily.dev** experience by toggling various features on or off. Currently, available options include: | ||
|
|
||
| - Show reading streaks | ||
| - Open links in new tab | ||
| - Open links in a new tab | ||
| - Show custom shortcuts | ||
| - Show feed sorting menu | ||
| - Enable companion | ||
|
|
||
| As Accessibility: | ||
| ### Accessibility | ||
| - Automatically dismiss notifications | ||
|
|
||
| ## Show reading streaks | ||
| ## Show Reading Streaks | ||
|
|
||
| By default, daily.dev displays your reading streaks on the top right corner of your feed. If you want to hide your reading streaks, then set the `Show reading streaks` toggle switch to `off`. | ||
| By default, daily.dev displays your reading streaks in the top right corner of your feed. If you’d prefer to hide your reading streaks, set the `Show reading streaks` toggle switch to `off`. | ||
|
|
||
| ## Open link in new tab | ||
| ## Open Links in a New Tab | ||
|
|
||
| By default, when you click on a post link on your feed (using the `Read post` button on the post), daily.dev will open that post in a new tab. However, if you want daily.dev to open that post in the current tab, then set the `Open links in new tab` toggle switch to `off`. | ||
| When you click a post link on your feed using the `Read post` button, daily.dev will open that post in a new tab by default. To have posts open in the current tab instead, set the `Open links in new tab` toggle switch to `off`. | ||
|
|
||
| ## Show custom shortcuts | ||
| ## Show Custom Shortcuts | ||
|
|
||
| By enabling this option, you will have access to custom shortcuts at the top middle of your feed | ||
| Enable this option to access custom shortcuts at the top center of your feed. | ||
|
|
||
|  | ||
|  | ||
|
|
||
| ## Show Feed Sorting Menu | ||
|
|
||
| ## Show feed sorting menu | ||
| Turning this toggle switch on adds a dropdown menu to the My Feed and Popular Feed sections, enabling sorting by `Date` or by `Recommended`, as shown below: | ||
|
|
||
| Turning this toggle switch on will add a dropdown menu to My feed and Popular feed, enabling you to sort these feeds `By date` or by `Recommended` as seen in the image below: | ||
|  | ||
|
|
||
|  | ||
| ## Enable Companion Widget | ||
|
|
||
| ## Enable companion | ||
| Switching this toggle to `on` activates the [companion widget for daily.dev](https://docs.daily.dev/docs/key-features/the-companion), while setting it to `off` deactivates the widget. | ||
|
|
||
| Turning this toggle switch `on` will activate the [companion widget](https://docs.daily.dev/docs/key-features/the-companion), and turning this toggle switch `off` will deactivate the companion widget. | ||
| The companion widget enhances your experience by allowing you to bookmark, comment, and upvote directly on the original post. To activate this widget, click on the **companion button** in the top-right corner of the daily.dev menu bar, as seen below: | ||
|
|
||
| The companion widget is a game changer as it enhances your user experiences by letting you bookmark, comment, and upvote directly on the original post. And to activate this widget, click on the companion button on the top right corner of the daily.dev menu bar as seen below: | ||
|  | ||
|
|
||
|  | ||
| Then click on the `Activate companion` button in the description box: | ||
|
|
||
| Then click on the `Activate companion` button in the description box as seen below: | ||
|  | ||
|
|
||
|  | ||
|
|
||
| After this, it will ask you to grant it extra permission so that the companion widget can be displayed directly on the original post. | ||
| You will then be asked to grant additional permissions to display the companion widget directly on the original post. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,41 +1,40 @@ | ||
| --- | ||
| sidebar_position: 1 | ||
| description: "Customize your daily.dev experience by choosing between Dark, Light, and Auto theme settings for a personalized reading environment." | ||
| --- | ||
|
|
||
| # Theme | ||
| # Theme Options on daily.dev | ||
|
|
||
| The theme option enables you to change the look and feel of daily.dev by selecting one of the available themes. Currently, the available themes for daily.dev are: | ||
| The theme option allows you to change the look and feel of **daily.dev** by selecting from the available themes. Currently, you can choose from: | ||
|
|
||
| * Dark theme | ||
| * Light theme | ||
| * Auto | ||
| - Dark theme | ||
| - Light theme | ||
| - Auto theme | ||
|
|
||
| ## Dark Theme (default) | ||
| ## Dark Theme (Default) | ||
|
|
||
| The dark theme reduces eye strain and displays mostly dark surfaces on the UI, as seen below: | ||
| The **Dark theme** reduces eye strain and applies mostly dark surfaces across the UI, as shown below: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| A dark theme balances the light emitted by a device and the minimal contrast color ratio required for readability. Additionally, Dark theme is known to conserve battery, enabling devices to be used for a longer period of time. | ||
| Dark theme balances light emissions with the minimal contrast required for readability. Additionally, the Dark theme can help conserve battery, extending device usage. | ||
|
|
||
| You can set the dark theme for daily.dev, as seen below: | ||
| You can set the Dark theme for daily.dev as illustrated here: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| ## Light Theme | ||
|
|
||
| Light theme uses a white or light color in the background. And it reflects cleanliness and professionalism. In the light theme, the content is clear and readable, so you can easily read through the content in the feed and find what they are looking for in daily.dev. | ||
| The **Light theme** uses a white or light background, offering a clean and professional appearance. This theme provides clear, readable content, allowing easy navigation and a smooth reading experience on daily.dev. | ||
|
|
||
|  | ||
|  | ||
|
|
||
| You can set the Light theme for daily.dev, as seen below: | ||
|
|
||
| You can set the light theme for daily.dev, as seen below: | ||
|
|
||
|  | ||
|  | ||
|
|
||
| ## Auto Theme | ||
|
|
||
| This option automatically sets the theme for daily.dev to Light/Dark based on the theme setting of your browser. | ||
|
|
||
|  | ||
| The **Auto theme** option automatically adjusts the daily.dev theme to match your browser's theme setting, toggling between Light and Dark as per your browser configuration. | ||
|
|
||
|  |
Oops, something went wrong.