Add start pages

dotenv-org · Jul 10, 2023 · 3752817 · 3752817
1 parent d54200c
commit 3752817
Show file tree

Hide file tree

Showing 3 changed files with 272 additions and 1 deletion.
diff --git a/_includes/icons/php.html b/_includes/icons/php.html
@@ -1 +1 @@
-<svg fill="{{include.color}}" height="{{include.width}}" width="{{include.width}}" role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314c.272-.21.455-.559.55-1.049c.092-.47.05-.802-.124-.995c-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.575.438-.917.551c-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628c.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651c-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628c.366.417.477 1.001.331 1.751zm-2.595-1.382h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314c.272-.21.455-.559.551-1.049c.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z"/></svg>
+<svg fill="{{include.color}}" height="{{include.width}}" width="{{include.width}}" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314c.272-.21.455-.559.55-1.049c.092-.47.05-.802-.124-.995c-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.575.438-.917.551c-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628c.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651c-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628c.366.417.477 1.001.331 1.751zm-2.595-1.382h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314c.272-.21.455-.559.551-1.049c.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z"/></svg>
diff --git a/start/index.md b/start/index.md
@@ -0,0 +1,77 @@
+---
+layout: default
+title: "Get Started on Dotenv"
+description: Master the basics of dotenv and dotenv-vault.
+---
+
+<div class="container">
+  <div class="row text-center">
+    <div class="col">
+      <img src="/assets/img/dotenv.svg" alt="dotenv" width="50" height="50" class="rounded mt-5">
+      <h1 class="fw-extrabold mt-2 lh-1">Get Started on Dotenv</h1>
+      <div class="row">
+        <div class="col-lg-10 offset-lg-1">
+          <p class="lead text-body-tertiary mt-2 mb-4">Master the basics of dotenv and dotenv-vault.</p>
+          <span class="text-body-tertiary"><hr class=""/></span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container mb-5">
+  <div class="row">
+    <div class="col-lg-10 offset-lg-1">
+      <div class="row">
+        <div class="col-3 my-5 text-center">
+          {% include icons/nodejs.html width="70" color="#979797" %}
+          <div class="mt-3">
+            <a href="/start/nodejs" class="btn btn-warning btn-lg">
+              Node.js
+            </a>
+          </div>
+        </div>
+        <div class="col-3 my-5 text-center">
+          {% include icons/ruby.html width="70" color="#979797" %}
+          <div class="mt-3">
+            <a href="" class="btn btn-warning btn-lg">
+              Ruby
+            </a>
+          </div>
+        </div>
+        <div class="col-3 my-5 text-center">
+          {% include icons/python.html width="70" color="#979797" %}
+          <div class="mt-3">
+            <a href="" class="btn btn-warning btn-lg">
+              Python
+            </a>
+          </div>
+        </div>
+        <div class="col-3 my-5 text-center">
+          {% include icons/php.html width="70" color="#979797" %}
+          <div class="mt-3">
+            <a href="" class="btn btn-warning btn-lg">
+              PHP
+            </a>
+          </div>
+        </div>
+        <div class="col-3 my-5 text-center">
+          {% include icons/go.html width="70" color="#979797" %}
+          <div class="mt-3">
+            <a href="" class="btn btn-warning btn-lg">
+              GO
+            </a>
+          </div>
+        </div>
+        <div class="col-3 my-5 text-center">
+          {% include icons/kotlin.html width="70" color="#979797" %}
+          <div class="mt-3">
+            <a href="" class="btn btn-warning btn-lg">
+              Kotlin
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/start/nodejs.md b/start/nodejs.md
@@ -0,0 +1,194 @@
+---
+layout: default
+title: "Getting Started on Dotenv with Node.js"
+description: Copy-and-paste guides for mastering the basics of dotenv and dotenv-vault.
+---
+
+<div class="container">
+  <div class="row text-center">
+    <div class="col">
+      {% include icons/nodejs.html width="50" color="#339933" %}
+      <h1 class="fw-extrabold mt-2 lh-1">Get Started on Dotenv with node.js</h1>
+      <div class="row">
+        <div class="col-lg-10 offset-lg-1">
+          <p class="lead text-body-tertiary mt-2 mb-4">Learn how to use dotenv and dotenv-vault in Node.js.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container mb-5">
+  <div class="row">
+    <div class="col-lg-10 offset-lg-1">
+      <div class="row">
+        <div class="col col-auto d-flex align-items-center">
+          <h5 class="fw-extrabold">Platforms</h5>
+        </div>
+        <div class="col">
+          <div class="text-body-tertiary">
+            <hr/>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="digital-ocean" url="/docs/languages/nodejs/digital-ocean" name="Digital Ocean" color="#0080FF" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="fly" url="/docs/languages/nodejs/fly" name="Fly.io" color="#7B3BE2" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="heroku" url="/docs/languages/nodejs/heroku" name="Heroku" color="#430098" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="netlify" url="/docs/languages/nodejs/netlify" name="Netlify" color="#00C7B7" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="railway" url="/docs/languages/nodejs/railway" name="Railway" color="#0B0D0E" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="render" url="/docs/languages/nodejs/render" name="Render" color="#46E3B7" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="vercel" url="/docs/languages/nodejs/vercel" name="Vercel" color="#000000" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="google-cloud" url="/docs/integrations/google-cloud/nodejs" name="Google Cloud" color="#4285F4" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="aws" url="/docs/integrations/aws-lambda/nodejs" name="AWS Lambda" color="#FF9900" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="northflank" url="/docs/integrations/northflank/nodejs" name="Northflank" color="#01E3C5" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="cloud66" url="/docs/integrations/cloud66/nodejs" name="Cloud66" color="#3C72B9" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="edgio" url="/docs/integrations/edgio/nuxtjs" name="Edgio" color="#000000" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="supabase" url="/docs/integrations/supabase/nodejs" name="Supabase" color="#3ECF8E" %}
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col col-auto d-flex align-items-center">
+          <h5 class="fw-extrabold">CI/CD</h5>
+        </div>
+        <div class="col">
+          <div class="text-body-tertiary">
+            <hr/>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="github" url="/docs/languages/nodejs/github-actions" name="GitHub Actions" color="#181717" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="gitlab" url="/docs/integrations/gitlab/ci-quickstart" name="GitLab CI/CD" color="#FC6D26" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="jenkins" url="/docs/integrations/jenkins/nodejs" name="Jenkins" color="#D24939" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="aws" url="/docs/integrations/aws-beanstalk/express" name="AWS Beanstalk" color="#2A6A35" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="circleci" url="/docs/integrations/circleci/rails" name="CircleCI" color="#343434" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="travis-ci" url="/docs/integrations/travis-ci/nodejs" name="Travis CI" color="#3EAAAF" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="buddy" url="/docs/integrations/buddy/nodejs" name="Buddy" color="#1A86FD" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="dagger" url="/docs/integrations/dagger/nodejs" name="Dagger" color="#343434" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="bitbucket" url="/docs/integrations/bitbucket/nodejs" name="Bitbucket" color="#0052CC" %}
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col col-auto d-flex align-items-center">
+          <h5 class="fw-extrabold">Infrastructure as Code</h5>
+        </div>
+        <div class="col">
+          <div class="text-body-tertiary">
+            <hr/>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="docker" url="/docs/languages/nodejs/docker" name="Docker" color="#2496ED" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="docker" url="/docs/integrations/docker-compose/express" name="Docker Compose" color="#2496ED" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="pulumi" url="/docs/integrations/pulumi/nodejs" name="Pulumi" color="#8A3391" %}
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col col-auto d-flex align-items-center">
+          <h5 class="fw-extrabold">Frameworks</h5>
+        </div>
+        <div class="col">
+          <div class="text-body-tertiary">
+            <hr/>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="gatsby" url="/docs/integrations/gatsby/nodejs" name="Gatsby" color="#663399" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="serverless" url="/docs/integrations/serverless-express" name="Serverless" color="#FD5750" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="express" url="/docs/integrations/vercel/express" name="Express" color="#000000" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="nextjs" url="/docs/integrations/github/actions-nextjs" name="Next" color="#000000" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="nuxt" url="/docs/integrations/vercel/nuxtjs" name="Nuxt" color="#00DC82" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="remix" url="/docs/integrations/github/actions-remix" name="Remix" color="#000000" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="vite" url="/docs/integrations/vercel/vite" name="Vite" color="#646CFF" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="astro" url="/docs/integrations/netlify/astro" name="Astro" color="#FF5D01" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="angular" url="/docs/integrations/vercel/angular" name="Angular" color="#DD0031" %}
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col col-auto d-flex align-items-center">
+          <h5 class="fw-extrabold">Miscellaneous</h5>
+        </div>
+        <div class="col">
+          <div class="text-body-tertiary">
+            <hr/>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="pnpm" url="/docs/integrations/vercel/pnpm" name="pnpm" color="#F69220" %}
+        </div>
+        <div class="col-6 col-lg-3 d-flex align-items-center">
+          {% include helpers/integration2.html icon="openai" url="/docs/integrations/openai/nodejs" name="OpenAI" color="#412991" %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>