[Docs] Add Developers page featuring community links, ambassador program, contributing links, etc #2103

docs/assets/stylesheets/extra.css

@@ -1276,19 +1276,19 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
         display: none;
     }
 
-    .md-tabs__item:nth-child(7) {
+    .md-tabs__item:nth-child(8) {
         margin-left: auto;
         padding-right: 1.2rem;
     }
 
-    .md-tabs__item:nth-child(n+7) .md-tabs__link {
+    .md-tabs__item:nth-child(n+8) .md-tabs__link {
         visibility: hidden;
         width: 35px;
         display: inline-block;
         margin-top: 10px;
     }
 
-    .md-tabs__item:nth-child(n+7) .md-tabs__link:before {
+    .md-tabs__item:nth-child(n+8) .md-tabs__link:before {
         width: 38px;
         height: 38px;
         margin-top: 4px;
@@ -1311,7 +1311,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
         margin-right: -7px;
     }
 
-    .md-tabs__item:nth-child(7) .md-tabs__link:before {
+    .md-tabs__item:nth-child(8) .md-tabs__link:before {
         position: relative;
         content: '';
         width: 40px;

docs/assets/stylesheets/landing.css

@@ -295,7 +295,7 @@
     border-color: black !important;
 }
 
-.providers a.feature-cell:hover h3:after {
+.providers a.feature-cell/*:hover*/ h3:after {
     content: url('data:image/svg+xml,<svg fill="rgba(0, 0, 0, 0.87)" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 16 16"><polygon points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31" data-v-e1bdab2c=""></polygon></svg>');
     margin-left: 5px;
     position: relative;
@@ -397,7 +397,7 @@
 
 .providers.tx-landing__highlights_grid .feature-cell h3 {
     align-content: center;
-    font-size: 17.5px;
+    font-size: 1.1em;
     font-weight: 600;
     padding-bottom: 0.05em;
     line-height: 25px;
@@ -440,6 +440,10 @@
     }
 }
 
+.tx-landing__highlights_grid .feature-cell {
+    background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.005), rgba(0, 42, 255, 0.005), rgba(225, 101, 254, 0.01));
+}
+
 .tx-landing__highlights_grid .feature-cell:hover {
     background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.03), rgba(0, 42, 255, 0.03), rgba(225, 101, 254, 0.05));
 }
@@ -529,7 +533,7 @@
 }
 
 .tx-landing__highlights_grid h3 {
-    font-size: 1.1em;
+    font-size: 1.15em;
     font-weight: 700;
     border-bottom: none;
     padding-bottom: 0.3em;

docs/developers.md

@@ -0,0 +1,75 @@
+---
+title: AI container orchestration for everyone
+hide:
+   - navigation
+#   - toc
+   - footer
+---
+
+<style>
+.md-main .md-main__inner.md-grid {
+    flex-direction: row-reverse;
+}
+</style>
+
+## User community
+
+Connect with the `dstack` team and community through Discord or share feedback on GitHub.
+
+<div class="providers tx-landing__highlights_grid featured">
+    <a href="https://discord.gg/u8SmfwPpMd" class="feature-cell" target="_blank">
+        <img width="40" src="/assets/images/discord-logo.svg">
+        <h3>
+            Join Discord
+        </h3>
+    </a>
+
+    <a href="https://github.com/dstackai/dstack/issues" class="feature-cell" target="_blank">
+        <img width="40" src="/assets/images/github-logo.svg">
+        <h3>
+            Explore issues
+        </h3>
+    </a>
+</div>
+
+## Ambassador program
+
+Love AI infrastructure and open-source? Become a `dstack` ambassador!
+
+As an ambassador, you’ll play a key role in growing our community by:
+
+* Sharing your expertise through blogs, talks, and tutorials
+* Organizing meetups and community events
+* Advocating for open-source AI container orchestration
+
+<a href="#" target="_blank"
+   class="md-button md-button--primary sky small" 
+    data-tally-open="3jGzb9"
+    data-tally-overlay="1">
+    Get involved
+</a>
+
+> We support ambassadors with recognition, wider exposure, and cloud GPU credits.
+
+## For contributors
+
+Join the development of `dstack` by contributing bug fixes, new features, and cloud integrations.
+
+<div class="providers tx-landing__highlights_grid featured">
+    <a href="https://github.com/dstackai/dstack/blob/master/CONTRIBUTING.md" class="feature-cell" target="_blank">
+       <h3>
+           Contributing
+       </h3>
+       <p>
+            Learn about the codebase and how to contribute.
+        </p>
+    </a>
+    <a href="https://github.com/dstackai/dstack/blob/master/contributing/BACKENDS.md" class="feature-cell" target="_blank">
+       <h3>
+           Backends
+       </h3>
+       <p>
+            Learn how to integrate <code>dstack</code> with cloud providers.
+        </p>
+    </a>
+</div>

docs/overrides/main.html

@@ -108,20 +108,21 @@
                 <div class="tx-footer__section">
                     <div class="tx-footer__section-title">Resources</div>
                     <a href="/docs" class="tx-footer__section-link">Documentation</a>
-                    <a href="https://github.com/dstackai/dstack/releases" target="_blank" class="tx-footer__section-link external">Changelog</a>
                     <a href="/blog" class="tx-footer__section-link">Blog</a>
+                    <a href="https://github.com/dstackai/dstack/releases" target="_blank" class="tx-footer__section-link external">Releases</a>
                 </div>
 
                 <div class="tx-footer__section">
-                    <div class="tx-footer__section-title">Community</div>
-                    <a href="https://discord.gg/u8SmfwPpMd" class="tx-footer__section-link external">Discord</a>
-                    <a href="https://github.com/dstackai/dstack/blob/master/CONTRIBUTING.md" class="tx-footer__section-link external">Contributing</a>
-                    <a href="/partners" class="tx-footer__section-link">Partners</a>
+                    <div class="tx-footer__section-title">Developers</div>
+                    <a href="/developers#user-community" class="tx-footer__section-link">User community</a>
+                    <a href="/developers#ambassador-program" class="tx-footer__section-link">Ambassador program</a>
+                    <a href="/developers#for-contributors" class="tx-footer__section-link">For contributors</a>
                 </div>
 
                 <div class="tx-footer__section">
                     <div class="tx-footer__section-title">Company</div>
                     <a href="https://calendly.com/dstackai/discovery-call" target="_blank" class="tx-footer__section-link external">Talk to us</a>
+                    <a href="/partners" class="tx-footer__section-link">Partners</a>
                     <a href="/terms" class="tx-footer__section-link">Terms</a>
                     <a href="/privacy" class="tx-footer__section-link">Privacy</a>
                     <!--<a href="https://dstackai.notion.site/Jobs-at-dstack-ff01a450c3174904b70c36124f2d8f4b" target="_blank" class="tx-footer__section-link external">Careers</a>-->

mkdocs.yml

@@ -187,10 +187,10 @@ extra:
     provider: google
     property: G-JX21114P7B
   social:
-    - icon: /fontawesome/brands/github
-      link: https://github.com/dstackai/dstack
-    - icon: /fontawesome/brands/discord
-      link: https://discord.gg/u8SmfwPpMd
+#    - icon: /fontawesome/brands/github
+#      link: https://github.com/dstackai/dstack
+#    - icon: /fontawesome/brands/discord
+#      link: https://discord.gg/u8SmfwPpMd
     - icon: /simple/x
       link: https://twitter.com/dstackai
 #    - icon: /fontawesome/brands/python
@@ -251,6 +251,7 @@ nav:
         - Llama 3.2: examples/llms/llama32/index.md
     - Misc:
         - Docker Compose: examples/misc/docker-compose/index.md
+  - Developers: developers.md
   - Partners: partners.md
   - Blog:
       - blog/index.md