Replaced PNG media with .webp to make build lighter

Replaced PNG media with .webp to make build lighter

Author: cyrilbhau

.gitattributes

@@ -1,3 +1,3 @@
 *.mp4 filter=lfs diff=lfs merge=lfs -text
-*.png filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
 *.gif filter=lfs diff=lfs merge=lfs -text

content/docs/guide/Projects/adding-managing-projects.mdx

@@ -43,7 +43,7 @@ Your project can be accessed via the Projects tab or the My Devfolio tab by clic
 
 <img src="/assets/part2.gif" alt="Access your project from your Devfolio dashboard" />
 
-<img src="/assets/pika-1693145728672-1x.png" alt="My Devfolio View" />
+<img src="/assets/pika-1693145728672-1x.webp" alt="My Devfolio View" />
 
 
 
@@ -60,7 +60,7 @@ You can check the Views, Likes, and Comments of your project once you've uploade
 
 Through the 'Project' tab, you can even update your projects and can tell your project viewers about the recent updates you made.
 
-<img src="/assets/image (298).png" alt="Project update UI" />
+<img src="/assets/image (298).webp" alt="Project update UI" />
 
 ### Here’s how you add updates:
 

content/docs/guide/Projects/report-a-project.mdx

@@ -20,19 +20,19 @@ description: To create more transparency and stop unfair practices across Devfol
 1. A project can be reported for plagiarism, recycling, or inappropriate/offensive content.
 
 <figure>
-  <img src="/assets/image (97).png" alt="Report button on Devfolio project page" />
+  <img src="/assets/image (97).webp" alt="Report button on Devfolio project page" />
 </figure>
 
 2. The project builders can make their case against the report by replying to DevfolioBot’s comment on their Project Page.
 
 <figure>
-  <img src="/assets/image (129).png" alt="Builder response to report comment" />
+  <img src="/assets/image (129).webp" alt="Builder response to report comment" />
 </figure>
 
 3. If Devfolio’s Content & Moderation team finds the report valid, the said project will be publicly flagged on the platform.
 
 <figure>
-  <img src="/assets/image (136).png" alt="Flagged project status" />
+  <img src="/assets/image (136).webp" alt="Flagged project status" />
 </figure>
 
 4. More builders can support the builders whose project, they believe, has been flagged as a mistake by replying or upvoting/downvoting other replies.

content/docs/guide/Projects/view-submissions.mdx

@@ -27,5 +27,5 @@ All submissions are collated in the `Projects` tab on the dedicated microsite of
 
 As and when the hackers make any updates to the project, it shows up as a timeline on their projects page.
 
-<img src="/assets/image (13).png" alt="Project update timeline" />
+<img src="/assets/image (13).webp" alt="Project update timeline" />
 <p align="center"><i>Track update history on project pages</i></p>

content/docs/guide/apply-with-devfolio-integration.mdx

@@ -60,7 +60,7 @@ Even after adding the code, the button **won't be visible** right away. For it t
 
 #### **Customisation via the `data-button-theme` attribute**
 
-<img src="/assets/applywithdevfolio.png" alt="Themes for Apply with Devfolio Button" />
+<img src="/assets/applywithdevfolio.webp" alt="Themes for Apply with Devfolio Button" />
 
 <Callout title="Warning" type="danger">
 As a security measure, we disable the button's functionality over website addresses other than the one you specify in the hackathon's setup.

content/docs/guide/cryptocheer.mdx

@@ -1,7 +1,7 @@
 ---
 title: Crypto Cheer on Devfolio
 description: With Crypto Cheer, we intend to create a community where builders are celebrated and financially supported, leading to higher-quality projects and meaningful innovations!
-cover: /assets/image-3-1.png
+cover: /assets/image-3-1.webp
 coverY: 193
 ---
 
@@ -20,30 +20,30 @@ coverY: 193
 
 
 ## 💖 Steps to Cheer on the Platform
-   <img src="/assets/image-4.1.png" alt="Choose Stickers" />
+   <img src="/assets/image-4.1.webp" alt="Choose Stickers" />
 
 1. Open the project page you want to cheer for and choose the stickers you'd like to use.
 
-   <img src="/assets/image-4.1.png" alt="Choose Stickers" />
+   <img src="/assets/image-4.1.webp" alt="Choose Stickers" />
 
 2. Pick from 4 sticker options and use the **+ / -** icons to adjust quantity.
 
-   <img src="/assets/image-4.2.png" alt="Sticker Quantity" />
+   <img src="/assets/image-4.2.webp" alt="Sticker Quantity" />
 
 3. Leave a kind message for the builders, then click the button below to complete the payment.
 
-   <img src="/assets/image-4.3.png" alt="Leave a message" />
+   <img src="/assets/image-4.3.webp" alt="Leave a message" />
 
 4. Click **Add to Cheer Basket** to confirm your sticker support.
 
-   <img src="/assets/image-4.4.png" alt="Add to Basket" />
+   <img src="/assets/image-4.4.webp" alt="Add to Basket" />
 
 5. Select and connect your **Ethereum wallet** to Devfolio for payment.
 
-   <img src="/assets/pika-1681456310900-1x.png" alt="Connect Wallet" />
+   <img src="/assets/pika-1681456310900-1x.webp" alt="Connect Wallet" />
 
 6. 🎉 That's it! Your support goes directly to the builders. View the transaction on EAS and spread the cheer on Twitter.
-   <img src="/assets/image-4.5.png" alt="Transaction on EAS" />
+   <img src="/assets/image-4.5.webp" alt="Transaction on EAS" />
 
 
 ### 📰 Want to Know More?

content/docs/guide/fun.mdx

@@ -23,24 +23,24 @@ Devfolio is the result of a need for intuitive tools to manage community hackath
 
 ### 👀 List your hackathon for much better visibility
 
-<img src="/assets/image (96).png" alt="Explore hackathon page" />
+<img src="/assets/image (96).webp" alt="Explore hackathon page" />
 <p align="center"><i>To explore the hackathon page, click <a href="https://devfolio.co/hackathons">here</a></i></p>
 
 ### 📊 Stay up-to-date and track all applications
 
-<img src="https://paper-attachments.dropbox.com/s_DF39119415D48D75A41A3100993F6D58FD194B951BE3C3AAB4AD2039B88A3347_1566654262029_Screen+Shot+2019-08-24+at+7.13.42+PM.png" alt="Track applications" />
+<img src="https://paper-attachments.dropbox.com/s_DF39119415D48D75A41A3100993F6D58FD194B951BE3C3AAB4AD2039B88A3347_1566654262029_Screen+Shot+2019-08-24+at+7.13.42+PM.webp" alt="Track applications" />
 
 ### 📃 Browse through each profile quickly
 
-<img src="/assets/image (145).png" alt="Browse profiles" />
+<img src="/assets/image (145).webp" alt="Browse profiles" />
 
 ### 📩 In-built email tool to write to your applicants
 
-<img src="/assets/image (159).png" alt="Email applicants" />
+<img src="/assets/image (159).webp" alt="Email applicants" />
 
 ### 📱 Create an Engaging Online Presence with Devfolio's Hackathon Microsite
 
-<img src="/assets/Untitled (2).png" alt="Hackathon microsite" />
+<img src="/assets/Untitled (2).webp" alt="Hackathon microsite" />
 Learn all about the organizer end of the platform here 👇🏻
 <Card
   title="🤹‍♂️ Devfolio for Organizers"
@@ -55,24 +55,24 @@ Now you ask, "_**What can I do on Devfolio?**_ 🤔". Here ya go!
 
 ### 🏆 Participate in hackathons & win prizes
 
-<img src="/assets/image (108).png" alt="Participate in hackathons" />
+<img src="/assets/image (108).webp" alt="Participate in hackathons" />
 
 ### 🖼️ Build & Showcase your Portfolio
 
-<img src="/assets/image (222).png" alt="Portfolio showcase" />
+<img src="/assets/image (222).webp" alt="Portfolio showcase" />
 
 ### 🏅 Test your skills & earn Devfolio badges
 
-<img src="/assets/image (173).png" alt="Earn badges" />
+<img src="/assets/image (173).webp" alt="Earn badges" />
 
 ### 💻 Showcase your previously built projects
 
-<img src="/assets/image (128).png" alt="Project showcase" />
+<img src="/assets/image (128).webp" alt="Project showcase" />
 <p align="center"><i>You can showcase projects even if you have not submitted them to any hackathon!</i></p>
 
 ### 💡 You are never short of ideas at Devfolio
 
-<img src="/assets/image (135).png" alt="Ideas and inspiration" />
+<img src="/assets/image (135).webp" alt="Ideas and inspiration" />
 Start to learn more about the hacker end of the platform here 👇🏻
 <Card
   title="👨‍💻 Devfolio for Hackers"

content/docs/guide/judging.mdx

@@ -3,7 +3,7 @@ title: Judging
 description: This document provides a comprehensive guide to the judging process on Devfolio, from both the Judge's and Organizer's perspectives.
 ---
 
-<img src="/assets/image (299).png" alt="Judging Overview" />
+<img src="/assets/image (299).webp" alt="Judging Overview" />
 
 ## Judging Mode
 

content/docs/guide/keyboard-accessibility.mdx

@@ -56,7 +56,7 @@ Time to find a hackathon to submit your project!
 - `Arrow Keys` – Move through lists and options
 - `/` – Focus the **Search Bar**
 
-<img src="https://assets.devfolio.co/content/7e2cf913793f4bddb809713a0bcd14ae/9b9e6199-c143-4494-bb29-ac2077be8e53.png" alt="Keyboard accessibility" />
+<img src="https://assets.devfolio.co/content/7e2cf913793f4bddb809713a0bcd14ae/9b9e6199-c143-4494-bb29-ac2077be8e53.webp" alt="Keyboard accessibility" />
 
 ## 🧪 Example Flow
 

content/docs/guide/modes.mdx

@@ -1,7 +1,7 @@
 ---
 title: Hackathon on Devfolio
 description: Devfolio offers three different hackathon modes
-cover: "/assest/image-1.png"
+cover: "/assest/image-1.webp"
 ---
 
 Devfolio offers a comprehensive suite of modes to facilitate the organization of your hackathon event. There are three distinct options available: