Skip to content

Commit

Permalink
cloudinary pics update (#342)
Browse files Browse the repository at this point in the history
  • Loading branch information
FrancescoXX authored Aug 2, 2024
1 parent 3bf61c9 commit 2b2a1b5
Show file tree
Hide file tree
Showing 7 changed files with 16 additions and 21 deletions.
4 changes: 2 additions & 2 deletions docs/customize-your-feed/layout.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ To switch between Grid and List mode, click on the customize option from the sid

The Grid mode displays posts as cards arrayed in a Grid, as seen in the image below:

![image](https://github.com/dailydotdev/docs/assets/18360871/cd0bb414-a826-49f6-94be-223eddbbac6b)
![Grid Mode](https://daily-now-res.cloudinary.com/image/upload/v1722601908/docs-v2/cd0bb414-a826-49f6-94be-223eddbbac6b.png)

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.

Expand All @@ -25,7 +25,7 @@ The Grid mode easily adapts to various viewports and orientations, thereby ensur

In the list mode, posts are stacked in a list, as seen below:

![image](https://github.com/dailydotdev/docs/assets/18360871/e705425d-dfa5-4b9a-b51b-12a2908732d8)
![List Mode](https://daily-now-res.cloudinary.com/image/upload/v1722601935/docs-v2/e705425d-dfa5-4b9a-b51b-12a2908732d8.png)


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.
2 changes: 1 addition & 1 deletion docs/customize-your-feed/preferences.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ Turning this toggle switch on will add a dropdown menu to My feed and Popular fe

By enabling this option, you will have access to custom shortcuts at the top right of your feed

![image](https://github.com/dailydotdev/docs/assets/18360871/da5738bc-475b-4dee-a811-dd7d90a1a704)
![Show Custom Shortcuts](https://daily-now-res.cloudinary.com/image/upload/v1722602009/docs-v2/da5738bc-475b-4dee-a811-dd7d90a1a704.png)


## Enable companion
Expand Down
10 changes: 5 additions & 5 deletions docs/customize-your-feed/theme.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,28 +14,28 @@ The theme option enables you to change the look and feel of daily.dev by selecti

The dark theme reduces eye strain and displays mostly dark surfaces on the UI, as seen below:

![image](https://github.com/dailydotdev/docs/assets/18360871/6916a1da-db83-41a7-8a6c-590bc7d99b5a)
![Dark Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601800/docs-v2/6916a1da-db83-41a7-8a6c-590bc7d99b5a.png)

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.

You can set the dark theme for daily.dev, as seen below:

![image](https://github.com/dailydotdev/docs/assets/18360871/43e5fae1-02e4-48f8-b218-305e7008bcc0)
![Dark Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601830/docs-v2/43e5fae1-02e4-48f8-b218-305e7008bcc0.png)

## 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.

![image](https://github.com/dailydotdev/docs/assets/18360871/c735a963-21a7-4615-bd08-213641db7dc0)
![Light Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601855/docs-v2/c735a963-21a7-4615-bd08-213641db7dc0.png)


You can set the light theme for daily.dev, as seen below:

![image](https://github.com/dailydotdev/docs/assets/18360871/64c8e692-1826-4f1f-9b33-9f1250e28f8d)
![Light Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601874/docs-v2/64c8e692-1826-4f1f-9b33-9f1250e28f8d.png)

## Auto Theme

This option automatically sets the theme for daily.dev to Light/Dark based on the theme setting of your browser.

![image](https://github.com/dailydotdev/docs/assets/18360871/8c745869-ed77-40ee-976a-5830c4694ba7)
![Auto Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601887/docs-v2/8c745869-ed77-40ee-976a-5830c4694ba7.png)

2 changes: 1 addition & 1 deletion docs/key-features/bookmarks.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ Bookmarks in daily.dev allow you to save and organize posts for later reading. T
- **Companion Widget**: Use the [bookmark icon in the companion widget](https://app.daily.dev/posts/6IVMj7uuS) for quick saving.
- **Post Discussion Page**: On the [action bar](https://app.daily.dev/posts/yc3ZVzfLY) of the post discussion page, click the bookmark button.

![Bookmarking Highlight](https://user-images.githubusercontent.com/84120587/273961662-0144389c-599b-483f-a3ca-29d59e25b27f.png)
![Bookmarking Highlight](https://daily-now-res.cloudinary.com/image/upload/v1722602056/docs-v2/273961662-0144389c-599b-483f-a3ca-29d59e25b27f.png)

These methods ensure a hassle-free bookmarking experience in daily.dev.

Expand Down
12 changes: 6 additions & 6 deletions docs/key-features/content-types.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Articles have been the first type of content that daily.dev has supported: You c

Some examples: freeCodeCamp, DEV, Vercel, and many others.

![daily.dev articles](https://github.com/dailydotdev/docs/assets/18360871/00f49469-3018-4644-970a-4b07ecb366fd)
![daily.dev articles](https://daily-now-res.cloudinary.com/image/upload/v1722602097/docs-v2/00f49469-3018-4644-970a-4b07ecb366fd.png)


Remember that to have a better experience, you can filter the content that you want to see, by setting up your feed: [Set up your feed](https://docs.daily.dev/docs/setting-up-your-feed/filtering-content-feed)
Expand All @@ -33,7 +33,7 @@ You can like, comment, upvote, and share the articles with your friends, (for ex

Ah and you can also save the article to read it later, by clicking on the bookmark icon.

![daily.dev bookmarks](https://github.com/dailydotdev/docs/assets/18360871/e9c9ac03-21dc-41cc-9c20-adb5f75f2e71)
![daily.dev bookmarks](https://daily-now-res.cloudinary.com/image/upload/v1722602136/docs-v2/e9c9ac03-21dc-41cc-9c20-adb5f75f2e71.png)

To read more about it, check the [Bookmarks section](https://docs.daily.dev/docs/key-features/bookmarks#importance-of-bookmarks) documentation.

Expand All @@ -55,14 +55,14 @@ The cool part is that you can watch the videos directly on the daily.dev feed, w

Apart from that, you can still have the daily.dev experience of liking, commenting, and sharing the videos with your friends!

![daily.dev videos](https://github.com/dailydotdev/docs/assets/18360871/2663d24c-45bb-4bce-b676-6b3bb68efba6)
![daily.dev videos](https://daily-now-res.cloudinary.com/image/upload/v1722602157/docs-v2/2663d24c-45bb-4bce-b676-6b3bb68efba6.png)


## Squads posts

A post on a squad is not that different from an usual post, and it can also go on the main feed. The difference is that it will also be visible to the members of the squad.

![daily.dev squads](https://github.com/dailydotdev/docs/assets/18360871/ae0af05d-b97e-4900-8c1f-9ab9318ed44d)
![daily.dev squads](https://daily-now-res.cloudinary.com/image/upload/v1722602170/docs-v2/ae0af05d-b97e-4900-8c1f-9ab9318ed44d.png)

### What is a Squad?

Expand All @@ -80,13 +80,13 @@ Another type, the newset one, is the Collections.

They are an AI-powered feature that groups together all the news that has come out on the same topic from multiple sources and creates a concise, complete summary of what’s going on.

![daily.dev collections](https://github.com/dailydotdev/docs/assets/18360871/71a4b3ea-16f8-427a-804a-7f57589e78bd)
![daily.dev collections](https://daily-now-res.cloudinary.com/image/upload/v1722602187/docs-v2/71a4b3ea-16f8-427a-804a-7f57589e78bd.png)

### How do you recognize a Collection?

Collections are marked with a special label, so you can easily recognize them.

![daily.dev collections](https://github.com/dailydotdev/docs/assets/18360871/cdc18716-7b60-4b36-a958-47d3bfc6bfa8)
![daily.dev collections](https://daily-now-res.cloudinary.com/image/upload/v1722602202/docs-v2/cdc18716-7b60-4b36-a958-47d3bfc6bfa8.png)

Original? No. Effective? Yes.

Expand Down
2 changes: 1 addition & 1 deletion docs/squads/public-squads.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ sidebar_position: 3

Public Squads are the newest way to feature your content and gain organic exposure on daily.dev. Public Squads, like sources, receive exposure in the daily.dev feed, regardless of whether users have joined them or not. It offers an unparalleled growth opportunity for engagement and traffic within the daily.dev community.

![Untitled design (21)](https://github.com/dailydotdev/docs/assets/18360871/db1091c4-eab0-4357-ba73-a8c3873f6231)
![public squads](https://daily-now-res.cloudinary.com/image/upload/v1722602245/docs-v2/db1091c4-eab0-4357-ba73-a8c3873f6231.png)

## Key features of Public Squads

Expand Down
5 changes: 0 additions & 5 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -4108,11 +4108,6 @@ fs.realpath@^1.0.0:
resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==

fsevents@~2.3.2:
version "2.3.2"
resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==

function-bind@^1.1.1:
version "1.1.1"
resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
Expand Down

0 comments on commit 2b2a1b5

Please sign in to comment.