Merge branch 'applications'

Author: ocots

applications/index.md

@@ -101,6 +101,10 @@ custom_js:
 <p class="subtitle">A collection of optimal control applications built with the control-toolbox ecosystem.</p>
 </div>
 
+<div class="apps-cta">
+<p>Want to add your application? <a href="https://github.com/orgs/control-toolbox/discussions/65" target="_blank">Follow the guide</a>.</p>
+</div>
+
 <div class="view-toggle-bar">
 <button id="btn-detailed" class="view-btn active" title="Vue détaillée"><i class="fa-solid fa-list"></i></button>
 <button id="btn-compact" class="view-btn" title="Vue compacte"><i class="fa-solid fa-table-cells"></i></button>

assets/css/applications.css

@@ -197,6 +197,10 @@
         display: none;
     }
 
+    .apps-cta {
+        display: none;
+    }
+
     .view-toggle-bar {
         margin-bottom: 1rem;
     }
@@ -365,6 +369,10 @@
         display: none;
     }
 
+    .apps-cta {
+        display: none;
+    }
+
     .app-grid {
         gap: 0.75rem;
         margin: 1rem 0;
@@ -510,6 +518,32 @@
     margin-top: 0;
 }
 
+/* CTA for adding applications */
+.apps-cta {
+    background: var(--color-canvas-subtle, #f6f8fa);
+    border: 1px solid var(--color-border-muted, #d1d5da);
+    border-radius: 8px;
+    padding: 0.75rem 1rem;
+    margin-bottom: 1.5rem;
+    text-align: center;
+}
+
+.apps-cta p {
+    margin: 0;
+    font-size: 0.85rem;
+    color: var(--color-text-secondary, #586069);
+}
+
+.apps-cta a {
+    color: var(--color-accent-fg, #0969da);
+    text-decoration: none;
+    font-weight: 500;
+}
+
+.apps-cta a:hover {
+    text-decoration: underline;
+}
+
 /* View Toggle */
 .view-toggle-bar {
     display: flex;