-
Clone first div that class name is
freshbits-diaries-row
. -
Update date and description respectively to your content.
-
Add image or video on the
/images/freshbits-diaries
folder -
Create thumbnail of image 100 X 100 and put on the
/images/freshbits-diaries/thumbnails
-
For the video thumbnail you can use the
/images/freshbits-diaries/play-button.png
-
On the anchor tag href add the original image path from the
/images/freshbits-diaries
-
On the image tag src add the thumbnail image path from the
/images/freshbits-diaries/thumbnails
-
Image name must be relative to the content and follow the param case.
-
Make sure image and video must be optimized from
tiny png or tiny jpg
Note: 1. Please optimize only single time other wise generated photo quality will be bad. -
Link to optimize the video
https://www.media.io/video-compressor.html
.
- We are fetching blog articles from the Hashnode API which is open for all.
- The ajax request is made on the page load to the Netlify function in the
functions/fetch_blogs.js
file. - Last two blog articles are displayed on the home page.