Merge branch 'IntersectMBO:main' into devex-sessions-clean

Author: Dan Baruka

README.md

@@ -1,7 +1,10 @@
 # Welcome to the Intersect MBO Developer Experience Working Group
 
 ## Our Mission
-We are a community of `Developer Advocates` from `IntersectMBO` focused on enhancing the developer experience within the Cardano ecosystem. Our goal is to identify, address, and improve key aspects of the development process to make building on Cardano more accessible, efficient, and rewarding.
+We are a community of `Developer Advocates` from `IntersectMBO` focused on enhancing the developer experience within the Cardano ecosystem. Our goal is to identify, address, and improve key aspects of the development process to make building on Cardano more accessible, efficient, and rewarding. 
+
+Learn more about our initiatives and resources at our website: [Intersect MBO Developers Experience Website](devex.intersectmbo.org/)
+
 
 ## What We Do
 

website/.gitignore

@@ -18,3 +18,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+yarn.lock

website/docs/how-to-guide/_category_.yml

@@ -0,0 +1 @@
+label: How To Guide

website/docs/resources/_category_.yml

@@ -0,0 +1,2 @@
+label: Resources
+position: 1

website/docs/resources/community.md

@@ -4,17 +4,90 @@ sidebar_position: 3
 
 # Community Resources
 
-## Coming Soon
+There are a variety of community resources in the Cardano ecosystem for anyone looking for help, wanting to connect with other builders, or just needing to know where to ask a question? Explore and let us know where we can improve.
 
-This page will guide you to essential Cardano community channels, forums, and support resources.
+## Where Should I Go?
 
-### What You'll Find
-- Discord servers and channels
-- Forums and discussion platforms
-- Developer support channels
-- Community meetups and events
-- Social media and newsletters
+| What You Need | Where to Go | Link |
+|--------------|-------------|------|
+| Quick question or real-time help | Discord or Telegram | See Discord section below |
+| Detailed problem that needs troubleshooting | Stack Exchange (search first!) | [cardano.stackexchange.com](https://cardano.stackexchange.com) |
+| Feedback on tools or docs | GitHub Discussions | [developer-experience](https://github.com/IntersectMBO/developer-experience/discussions) |
+| Technical consultation for your project | OSO Project Support | [oso@intersectmbo.org](https://committees.docs.intersectmbo.org/intersect-open-source-committee/about/open-source-office-oso/project-support-services) |
+| Meet other developers | Working Groups or meetups | See Events section |
+| Stay in the loop | Cardano News | [cardano.org/news](https://cardano.org/news/) |
 
+
+## Discord Servers
+
+Discord is where most real-time conversations happen. Here's where to go depending on what you need:
+
+| Server | What It's For | Key Channels |
+|--------|---------------|--------------|
+| **Intersect** <br/>[join intersect](https://intersectmbo.org/membership) | Working groups, governance, developer experience | `#developer-experience` <br/>`#technical-working-groups` <br/>`#open-source-committee` |
+| **IOG Technical** <br/>[iohk.io/community](https://iohk.io/en/community/) | Core infrastructure deep-dives | Node ops, consensus, networking |
+
+## Forums
+
+When you need more than a quick back-and-forth, forums are your friend.
+
+**Cardano Forum** - [forum.cardano.org](https://forum.cardano.org)  
+This is where longer technical discussions happen, along with CIPs (Cardano Improvement Proposals) and project showcases. The Developers section is particularly active.
+
+**Stack Exchange** - [cardano.stackexchange.com](https://cardano.stackexchange.com)  
+The best place for specific technical questions. Pro tip: search before you post—chances are someone's already answered your question. Tag appropriately (plutus, smart-contracts, cli, etc.).
+
+**Reddit**  
+- [r/CardanoDevelopers](https://reddit.com/r/CardanoDevelopers) - Developer-focused news, tutorials, and projects
+- [r/Cardano](https://reddit.com/r/Cardano) - General ecosystem discussions
+
+## Getting Support
+
+**GitHub Discussions**  
+Share feedback, report issues, or suggest improvements:
+- [developer-experience](https://github.com/IntersectMBO/developer-experience/discussions) - Tell us what's working and what's not
+- Core repos also have discussions: [cardano-node](https://github.com/IntersectMBO/cardano-node/discussions), [plutus](https://github.com/IntersectMBO/plutus/discussions), [cardano-cli](https://github.com/IntersectMBO/cardano-cli/discussions)
+
+**Live Support Sessions**
+- **Developer Experience Working Group** - Bi-weekly open forum. Schedule posted in Discord events. Join Intersect to gain access to the server.
+- **Developer Advocate Office Hours** - 1-on-1 sessions. [Developer Advocates Hours](https://github.com/IntersectMBO/developer-experience/blob/main/README.md#developer-advocates)
+
+- **OSO Project Support** - Technical consultations and architecture reviews for more complex projects
+
+## Events and Meetups
+
+| Type | Details |
+|------|---------|
+| **Virtual Events** | **Developer Hours** (weekly, casual) - announced in Discord `#events`<br/>**Technical Working Groups** (bi-weekly) - focused discussions on specific topics |
+| **Local Meetups** | Find groups near you at [cardano.org/events/](https://cardano.org/events/)<br/>Want to host your own? Contact oso@intersectmbo.org for support |
+| **Major Events** | **Cardano Summit** - Annual gathering ([summit.cardano.org](https://summit.cardano.org))<br/>**Hackathons** - Multiple per year with prizes<br/>**Regional Events** - Throughout Africa, Asia, Europe, Americas |
+
+## Staying Updated
+
+**Newsletters**
+- [Cardano Newsletter](https://cardano.org/news/) - Bi-weekly technical updates and tutorials
+- Intersect Updates - Working group progress and OSC news (subscribe via Intersect website)
+
+**YouTube**
+- [IOG Academy](https://youtube.com/@iogacademy) - Plutus tutorials and educational courses
+- [Cardano Foundation](https://youtube.com/@CardanoFoundation) - Technical explainers and event recordings
+
+**Social Media**  
+Twitter: @Cardano_CF | @InputOutputHK | @IntersectMBO | @CardanoDevs  
+Hashtags: #CardanoDev | #BuildOnCardano  
+Telegram: Quick questions and chat (links shared in Discord)
+
+**Blogs**
+- [iohk.io/blog](https://iohk.io/blog) - Technical deep-dives and research
+- [cardanofoundation.org/blog](https://cardanofoundation.org/blog) - Ecosystem updates
+
+---
+
+## Help Improve This Page
+
+Found something missing or outdated? Submit a PR or open an issue at [github.com/IntersectMBO/developer-experience](https://github.com/IntersectMBO/developer-experience).
+
+*Last updated November 2025 by the Intersect Developer Advocates*
 **Status**: Content in development
 
 ---

website/docs/working-group/q1-2025/media/_category_.yml

@@ -0,0 +1 @@
+label: Media

website/docs/working-group/q1-2025/sessions/_category_.yml

@@ -0,0 +1 @@
+label: Sessions

website/src/components/HomepageFeatures/index.tsx

@@ -6,6 +6,7 @@ import styles from './styles.module.css';
 type FeatureItem = {
   title: string;
   description: ReactNode;
+  image: string;
 };
 
 const FeatureList: FeatureItem[] = [
@@ -18,6 +19,7 @@ const FeatureList: FeatureItem[] = [
         to enhance the Cardano Layer 1 developer experience.
       </>
     ),
+    image: '/img/OSC-con.png',
   },
   {
     title: 'Developer Advocate Program',
@@ -28,6 +30,7 @@ const FeatureList: FeatureItem[] = [
         programs within the Cardano ecosystem.
       </>
     ),
+    image: '/img/DA-icon.png',
   },
   {
     title: 'Member-Driven Organization',
@@ -38,14 +41,18 @@ const FeatureList: FeatureItem[] = [
         the Cardano ecosystem through collaborative innovation.
       </>
     ),
+    image: '/img/IntersectMBO.svg',
   },
 ];
 
-function Feature({title, description}: FeatureItem) {
+function Feature({title, description, image}: FeatureItem) {
   return (
     <div className={clsx('col col--4')}>
       <div className={styles.featureCard}>
         <div className={styles.featureContent}>
+          <div className={styles.featureImageContainer}>
+            <img src={image} alt={title} className={styles.featureImage} />
+          </div>
           <Heading as="h3" className={styles.featureTitle}>{title}</Heading>
           <p className={styles.featureDescription}>{description}</p>
         </div>

website/src/components/HomepageFeatures/styles.module.css

@@ -25,29 +25,63 @@
 
 .featureCard {
   background: #ffffff;
-  border: 1px solid rgba(1, 40, 170, 0.1);
+  border: 1px solid rgba(37, 85, 254, 0.1);
   border-radius: 16px;
   padding: 2.5rem 2rem;
   height: 100%;
   transition: all 0.3s ease;
-  box-shadow: 0 2px 8px rgba(1, 40, 170, 0.05);
+  box-shadow: 0 2px 8px rgba(37, 85, 254, 0.05);
 }
 
 .featureCard:hover {
   border-color: var(--ifm-color-primary);
-  box-shadow: 0 8px 32px rgba(1, 40, 170, 0.15);
+  box-shadow: 0 8px 32px rgba(37, 85, 254, 0.15);
   transform: translateY(-4px);
 }
 
 .featureContent {
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+}
+
+.featureImageContainer {
+  width: 120px;
+  height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, rgba(37, 85, 254, 0.05) 0%, rgba(46, 123, 255, 0.05) 100%);
+  border-radius: 20px;
+  padding: 1.5rem;
+  transition: all 0.3s ease;
+}
+
+.featureCard:hover .featureImageContainer {
+  background: linear-gradient(135deg, rgba(37, 85, 254, 0.1) 0%, rgba(46, 123, 255, 0.1) 100%);
+  transform: scale(1.05);
+}
+
+.featureImage {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  filter: drop-shadow(0 4px 12px rgba(37, 85, 254, 0.15));
+  transition: all 0.3s ease;
+}
+
+.featureCard:hover .featureImage {
+  filter: drop-shadow(0 6px 20px rgba(37, 85, 254, 0.25));
+  transform: scale(1.05);
 }
 
 .featureTitle {
   font-size: 1.5rem;
   font-weight: 600;
-  color: var(--ifm-color-primary);
-  margin-bottom: 1.5rem;
+  color: #f55521;
+  margin: 0;
   line-height: 1.3;
 }
 
@@ -65,12 +99,28 @@
 
 [data-theme='dark'] .featureCard {
   background: var(--ifm-background-surface-color);
-  border-color: rgba(77, 102, 209, 0.2);
+  border-color: rgba(46, 123, 255, 0.2);
 }
 
 [data-theme='dark'] .featureCard:hover {
   border-color: var(--ifm-color-primary);
-  box-shadow: 0 8px 32px rgba(77, 102, 209, 0.2);
+  box-shadow: 0 8px 32px rgba(46, 123, 255, 0.2);
+}
+
+[data-theme='dark'] .featureImageContainer {
+  background: linear-gradient(135deg, rgba(46, 123, 255, 0.05) 0%, rgba(46, 123, 255, 0.1) 100%);
+}
+
+[data-theme='dark'] .featureCard:hover .featureImageContainer {
+  background: linear-gradient(135deg, rgba(46, 123, 255, 0.1) 0%, rgba(46, 123, 255, 0.15) 100%);
+}
+
+[data-theme='dark'] .featureImage {
+  filter: drop-shadow(0 4px 12px rgba(46, 123, 255, 0.2));
+}
+
+[data-theme='dark'] .featureCard:hover .featureImage {
+  filter: drop-shadow(0 6px 20px rgba(46, 123, 255, 0.3));
 }
 
 /* Responsive design */