Merge branch 'main' of https://github.com/MeshJS/governance

Author: Andre-Diamond

apps/mesh-gov/README.md

@@ -2,24 +2,24 @@
 
 A comprehensive Next.js dashboard that provides transparency into Mesh's governance activities by visualizing data from multiple sources including Project Catalyst proposals, DRep voting decisions, and Mesh SDK usage statistics.
 
-## 🎯 Purpose
+## Purpose
 
 This dashboard serves as a central hub for tracking and visualizing:
 
 - Project Catalyst proposal funding and milestone completion status
 - DRep voting decisions with detailed rationales
 - Mesh SDK usage metrics and GitHub contributor statistics
+- Project (repo) activities
 
-The data is automatically refreshed weekly through Incremental Static Regeneration (ISR), pulling from GitHub-hosted JSON files.
 
-## 🔍 Key Features
+## Key Features
 
 - **Catalyst Proposals**: Track funded proposals, budget distribution, and milestone progress
 - **DRep Voting**: View voting history, rationales, and epoch information
 - **Mesh Stats**: Monitor SDK usage trends, GitHub contributions, and dependency statistics
 - **Responsive Design**: Mobile-friendly interface with modern UI/UX
 
-## 🛠️ Tech Stack
+## Tech Stack
 
 - **Framework**: Next.js 14 with App Router
 - **Styling**: CSS Modules

apps/mesh-gov/src/pages/new-proposals.tsx

@@ -4,6 +4,24 @@ import PageHeader from '../components/PageHeader';
 import NewProposalCard from '../components/NewProposalCard';
 import { useRouter } from 'next/router';
 
+// YouTube Video Component
+const YouTubeEmbed = ({ videoId }: { videoId: string }) => {
+    return (
+        <div className={styles.videoContainer}>
+            <div className={styles.videoWrapper}>
+                <iframe
+                    src={`https://www.youtube.com/embed/${videoId}`}
+                    title="YouTube video player"
+                    frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowFullScreen
+                    className={styles.videoIframe}
+                />
+            </div>
+        </div>
+    );
+};
+
 export default function NewProposals() {
     const { isLoading, error } = useData();
     const router = useRouter();
@@ -79,7 +97,7 @@ export default function NewProposals() {
             title: "Mesh: Privacy-Enabled Smart Contracts and UI for Midnight",
             description: "Build and deliver modular smart contracts and UI templates, supported by a reusable framework, enabling developers to deploy privacy-enabled apps and reuse them across real-world cases",
             category: "Cardano Open: Developers",
-            budget: 60000,
+            budget: 65000,
             milestones: "4",
             status: "Proposed" as const,
             fundRound: "Fund14",
@@ -92,9 +110,12 @@ export default function NewProposals() {
         <div className={styles.container}>
             <PageHeader
                 title={<>New <span>Proposals</span></>}
-                subtitle="Explore upcoming and newly submitted Catalyst proposals"
+                subtitle="Our proposals for Project Catalyst Fund14, doing our part to make the Cardano ecosystem grow."
             />
 
+            {/* YouTube Video Embed */}
+            <YouTubeEmbed videoId="4dFVI35ta0s" />
+            
             <div className={styles.list}>
                 {proposals.map((proposal) => (
                     <NewProposalCard

apps/mesh-gov/src/pages/proposal/midnight.tsx

@@ -19,7 +19,7 @@ export default function MidnightProposal() {
         title: "Mesh: Privacy-Enabled Smart Contracts and UI for Midnight",
         description: "Build and deliver modular smart contracts and UI templates, supported by a reusable framework, enabling developers to deploy privacy-enabled apps and reuse them across real-world cases",
         category: "Cardano Open: Developers",
-        budget: 60000, // in ADA
+        budget: 65000, // in ADA
         proposer: "Mesh Core Team",
         status: "Proposed",
         fundRound: "Fund 14",
@@ -80,7 +80,7 @@ export default function MidnightProposal() {
                 id: 3,
                 title: "Identity & Oracle Contracts",
                 description: "Develop DID flows, provider integration, and secure on-chain data feed consumption with complete testing suite",
-                budget: 15000,
+                budget: 20000,
                 duration: "Month 9",
                 outcomes: [
                     "Smart contract logic and witness code for both Identity and Oracle contracts",
@@ -228,6 +228,9 @@ export default function MidnightProposal() {
                             <a href={proposalData.website} target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
                                 Project Website
                             </a>
+                            <a href="https://projectcatalyst.io/funds/14/cardano-open-developers/mesh-privacy-enabled-smart-contracts-and-ui-for-midnight" target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
+                                Proposal On Catalyst
+                            </a>
                         </div>
                     </div>
                 </div>

apps/mesh-gov/src/pages/proposal/mimir.tsx

@@ -255,6 +255,9 @@ export default function MimirProposal() {
                             <a href={proposalData.website} target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
                                 Project Website
                             </a>
+                            <a href="https://projectcatalyst.io/funds/14/cardano-use-cases-concepts/mesh-tools-and-docs-for-ai-modelsworkflows" target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
+                                Proposal On Catalyst
+                            </a>
                         </div>
                     </div>
                 </div>

apps/mesh-gov/src/pages/proposal/new-tx-class.tsx

@@ -251,6 +251,9 @@ export default function NewTxClassProposal() {
                             <a href={proposalData.website} target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
                                 Project Website
                             </a>
+                            <a href="https://projectcatalyst.io/funds/14/cardano-open-developers/mesh-transaction-v2-unified-serialization-feat-pallas" target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
+                                Proposal On Catalyst
+                            </a>
                         </div>
                     </div>
                 </div>

apps/mesh-gov/src/pages/proposal/new-wallet.tsx

@@ -301,6 +301,9 @@ This step-by-step approach guarantees that the SDK will not only be cross-chain
                             <a href="https://meshjs.dev/apis/wallets" target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
                                 Project Website
                             </a>
+                            <a href="https://projectcatalyst.io/funds/14/cardano-open-developers/mesh-cross-chain-production-ready-wallet-sdk" target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
+                                Proposal On Catalyst
+                            </a>
                         </div>
                     </div>
                 </div>

apps/mesh-gov/src/pages/proposal/utxos.tsx

@@ -254,6 +254,9 @@ export default function UtxosProposal() {
                             <a href={proposalData.website} target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
                                 Project Website
                             </a>
+                            <a href="https://projectcatalyst.io/funds/14/cardano-use-cases-partners-and-products/mesh-utxos-x-mercuryo-mastercard-x-checkpoint" target="_blank" rel="noopener noreferrer" className={styles.resourceLink}>
+                                Proposal On Catalyst
+                            </a>
                         </div>
                     </div>
                 </div>

apps/mesh-gov/src/styles/Proposals.module.css

@@ -6,6 +6,66 @@
     margin: 0 auto;
 }
 
+/* Video Embed Styles */
+.videoContainer {
+    margin: 2rem 0;
+    padding: 0;
+}
+
+.videoWrapper {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 56.25%; /* 16:9 aspect ratio */
+    background: linear-gradient(165deg, 
+        rgba(255, 255, 255, 0.05) 0%,
+        rgba(255, 255, 255, 0.02) 100%
+    );
+    backdrop-filter: blur(20px) saturate(180%);
+    -webkit-backdrop-filter: blur(20px) saturate(180%);
+    border-radius: 16px;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    box-shadow: 
+        0 12px 32px -8px rgba(0, 0, 0, 0.2),
+        0 4px 16px -4px rgba(0, 0, 0, 0.1),
+        0 0 0 1px rgba(255, 255, 255, 0.1) inset;
+    overflow: hidden;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.videoWrapper:hover {
+    transform: translateY(-2px);
+    box-shadow: 
+        0 16px 40px -8px rgba(0, 0, 0, 0.25),
+        0 8px 20px -4px rgba(0, 0, 0, 0.15),
+        0 0 0 1px rgba(255, 255, 255, 0.12) inset;
+}
+
+.videoIframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+    border-radius: 16px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .videoContainer {
+        margin: 1.5rem 0;
+    }
+    
+    .videoWrapper {
+        border-radius: 12px;
+    }
+    
+    .videoIframe {
+        border-radius: 12px;
+    }
+}
+
 .pageHeader {
     margin-bottom: 2rem;
     text-align: center;