Merge pull request #311 from d2lang/agent/wave1-rebrand

docs: rebrand public D2 site

Author: alixander

docs/examples/dagre.md

@@ -39,11 +39,11 @@ See [/tour/dagre](/tour/dagre/).
   {
     name: 'Golang Queue',
     svgContent: require('@site/static/img/examples/example-golang-queue-dagre.svg2'),
-    code: "direction: right\n\nclasses: {\n  base: {\n    style: {\n      bold: true\n      font-size: 28\n    }\n  }\n\n  person: {\n    shape: person\n  }\n\n  animated: {\n    style: {\n      animated: true\n    }\n  }\n\n  multiple: {\n    style: {\n      multiple: true\n    }\n  }\n\n  enqueue: {\n    label: Enqueue Task\n  }\n\n  dispatch: {\n    label: Dispatch Task\n  }\n\n  library: {\n    style: {\n      bold: true\n      font-size: 32\n      fill: PapayaWhip\n      fill-pattern: grain\n      border-radius: 8\n      font: mono\n    }\n  }\n\n  task: {\n    style: {\n      bold: true\n      font-size: 32\n    }\n  }\n}\n\nuser01: {\n  label: User01\n  class: [base; person; multiple]\n}\n\nuser02: {\n  label: User02\n  class: [base; person; multiple]\n}\n\nuser03: {\n  label: User03\n  class: [base; person; multiple]\n}\n\nuser01 -> container.task01: {\n  label: Create Task\n  class: [base; animated]\n}\nuser02 -> container.task02: {\n  label: Create Task\n  class: [base; animated]\n}\nuser03 -> container.task03: {\n  label: Create Task\n  class: [base; animated]\n}\n\ncontainer: Application {\n  direction: right\n  style: {\n    bold: true\n    font-size: 28\n  }\n  icon: https://icons.terrastruct.com/dev%2Fgo.svg\n\n  task01: {\n    icon: https://icons.terrastruct.com/essentials%2F092-graph%20bar.svg\n    class: [task; multiple]\n  }\n\n  task02: {\n    icon: https://icons.terrastruct.com/essentials%2F095-download.svg\n    class: [task; multiple]\n  }\n\n  task03: {\n    icon: https://icons.terrastruct.com/essentials%2F195-attachment.svg\n    class: [task; multiple]\n  }\n\n  queue: {\n    label: Queue Library\n    icon: https://icons.terrastruct.com/dev%2Fgo.svg\n    style: {\n      bold: true\n      font-size: 32\n      fill: honeydew\n    }\n\n    producer: {\n      label: Producer\n      class: library\n    }\n\n    consumer: {\n      label: Consumer\n      class: library\n    }\n\n    database: {\n      label: Ring\\nBuffer\n      shape: cylinder\n      style: {\n        bold: true\n        font-size: 32\n        fill-pattern: lines\n        font: mono\n      }\n    }\n\n    producer -> database\n    database -> consumer\n  }\n\n  worker01: {\n    icon: https://icons.terrastruct.com/essentials%2F092-graph%20bar.svg\n    class: [task]\n  }\n\n  worker02: {\n    icon: https://icons.terrastruct.com/essentials%2F095-download.svg\n    class: [task]\n  }\n\n  worker03: {\n    icon: https://icons.terrastruct.com/essentials%2F092-graph%20bar.svg\n    class: [task]\n  }\n\n  worker04: {\n    icon: https://icons.terrastruct.com/essentials%2F195-attachment.svg\n    class: [task]\n  }\n\n  task01 -> queue.producer: {\n    class: [base; enqueue]\n  }\n  task02 -> queue.producer: {\n    class: [base; enqueue]\n  }\n  task03 -> queue.producer: {\n    class: [base; enqueue]\n  }\n  queue.consumer -> worker01: {\n    class: [base; dispatch]\n  }\n  queue.consumer -> worker02: {\n    class: [base; dispatch]\n  }\n  queue.consumer -> worker03: {\n    class: [base; dispatch]\n  }\n  queue.consumer -> worker04: {\n    class: [base; dispatch]\n  }\n}"
+    code: "direction: right\n\nclasses: {\n  base: {\n    style: {\n      bold: true\n      font-size: 28\n    }\n  }\n\n  person: {\n    shape: person\n  }\n\n  animated: {\n    style: {\n      animated: true\n    }\n  }\n\n  multiple: {\n    style: {\n      multiple: true\n    }\n  }\n\n  enqueue: {\n    label: Enqueue Task\n  }\n\n  dispatch: {\n    label: Dispatch Task\n  }\n\n  library: {\n    style: {\n      bold: true\n      font-size: 32\n      fill: PapayaWhip\n      fill-pattern: grain\n      border-radius: 8\n      font: mono\n    }\n  }\n\n  task: {\n    style: {\n      bold: true\n      font-size: 32\n    }\n  }\n}\n\nuser01: {\n  label: User01\n  class: [base; person; multiple]\n}\n\nuser02: {\n  label: User02\n  class: [base; person; multiple]\n}\n\nuser03: {\n  label: User03\n  class: [base; person; multiple]\n}\n\nuser01 -> container.task01: {\n  label: Create Task\n  class: [base; animated]\n}\nuser02 -> container.task02: {\n  label: Create Task\n  class: [base; animated]\n}\nuser03 -> container.task03: {\n  label: Create Task\n  class: [base; animated]\n}\n\ncontainer: Application {\n  direction: right\n  style: {\n    bold: true\n    font-size: 28\n  }\n  icon: https://icons.d2lang.com/dev%2Fgo.svg\n\n  task01: {\n    icon: https://icons.d2lang.com/essentials%2F092-graph%20bar.svg\n    class: [task; multiple]\n  }\n\n  task02: {\n    icon: https://icons.d2lang.com/essentials%2F095-download.svg\n    class: [task; multiple]\n  }\n\n  task03: {\n    icon: https://icons.d2lang.com/essentials%2F195-attachment.svg\n    class: [task; multiple]\n  }\n\n  queue: {\n    label: Queue Library\n    icon: https://icons.d2lang.com/dev%2Fgo.svg\n    style: {\n      bold: true\n      font-size: 32\n      fill: honeydew\n    }\n\n    producer: {\n      label: Producer\n      class: library\n    }\n\n    consumer: {\n      label: Consumer\n      class: library\n    }\n\n    database: {\n      label: Ring\\nBuffer\n      shape: cylinder\n      style: {\n        bold: true\n        font-size: 32\n        fill-pattern: lines\n        font: mono\n      }\n    }\n\n    producer -> database\n    database -> consumer\n  }\n\n  worker01: {\n    icon: https://icons.d2lang.com/essentials%2F092-graph%20bar.svg\n    class: [task]\n  }\n\n  worker02: {\n    icon: https://icons.d2lang.com/essentials%2F095-download.svg\n    class: [task]\n  }\n\n  worker03: {\n    icon: https://icons.d2lang.com/essentials%2F092-graph%20bar.svg\n    class: [task]\n  }\n\n  worker04: {\n    icon: https://icons.d2lang.com/essentials%2F195-attachment.svg\n    class: [task]\n  }\n\n  task01 -> queue.producer: {\n    class: [base; enqueue]\n  }\n  task02 -> queue.producer: {\n    class: [base; enqueue]\n  }\n  task03 -> queue.producer: {\n    class: [base; enqueue]\n  }\n  queue.consumer -> worker01: {\n    class: [base; dispatch]\n  }\n  queue.consumer -> worker02: {\n    class: [base; dispatch]\n  }\n  queue.consumer -> worker03: {\n    class: [base; dispatch]\n  }\n  queue.consumer -> worker04: {\n    class: [base; dispatch]\n  }\n}"
   },
   {
     name: 'Lambda Infra',
     svgContent: require('@site/static/img/examples/example-lambda-infra-dagre.svg2'),
-    code: "direction: right\n\ngithub: GitHub {\n  shape: image\n  icon: https://icons.terrastruct.com/dev%2Fgithub.svg\n  style: {\n    font-color: green\n    font-size: 30\n  }\n}\n\ngithub_actions: GitHub Actions {\n  lambda_action: Lambda Action {\n    icon: https://icons.terrastruct.com/dev%2Fgithub.svg\n    style.multiple: true\n  }\n  style: {\n    stroke: blue\n    font-color: purple\n    stroke-dash: 3\n    fill: white\n  }\n}\n\naws: AWS Cloud VPC {\n  style: {\n    font-color: purple\n    fill: white\n    opacity: 0.5\n  }\n  lambda01: Lambda01 {\n    icon: https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg\n    shape: parallelogram\n    style.fill: \"#B6DDF6\"\n  }\n  lambda02: Lambda02 {\n    icon: https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg\n    shape: parallelogram\n    style.fill: \"#B6DDF6\"\n  }\n  lambda03: Lambda03 {\n    icon: https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg\n    shape: parallelogram\n    style.fill: \"#B6DDF6\"\n  }\n}\n\ngithub -> github_actions: GitHub Action Flow {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\ngithub_actions -> aws.lambda01: Update Lambda {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\ngithub_actions -> aws.lambda02: Update Lambda {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\ngithub_actions -> aws.lambda03: Update Lambda {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\n\nexplanation: |md\n  ```yaml\n  deploy_source:\n    name: deploy lambda from source\n    runs-on: ubuntu-latest\n    steps:\n      - name: checkout source code\n        uses: actions/checkout@v3\n      - name: default deploy\n        uses: appleboy/lambda-action@v0.1.7\n        with:\n          aws_access_key_id: ${{ secrets.AWS_ACCESS_KEY_ID }}\n          aws_secret_access_key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}\n          aws_region: ${{ secrets.AWS_REGION }}\n          function_name: gorush\n          source: example/index.js\n  ```\n| {near: bottom-center}"
+    code: "direction: right\n\ngithub: GitHub {\n  shape: image\n  icon: https://icons.d2lang.com/dev%2Fgithub.svg\n  style: {\n    font-color: green\n    font-size: 30\n  }\n}\n\ngithub_actions: GitHub Actions {\n  lambda_action: Lambda Action {\n    icon: https://icons.d2lang.com/dev%2Fgithub.svg\n    style.multiple: true\n  }\n  style: {\n    stroke: blue\n    font-color: purple\n    stroke-dash: 3\n    fill: white\n  }\n}\n\naws: AWS Cloud VPC {\n  style: {\n    font-color: purple\n    fill: white\n    opacity: 0.5\n  }\n  lambda01: Lambda01 {\n    icon: https://icons.d2lang.com/aws%2FCompute%2FAWS-Lambda.svg\n    shape: parallelogram\n    style.fill: \"#B6DDF6\"\n  }\n  lambda02: Lambda02 {\n    icon: https://icons.d2lang.com/aws%2FCompute%2FAWS-Lambda.svg\n    shape: parallelogram\n    style.fill: \"#B6DDF6\"\n  }\n  lambda03: Lambda03 {\n    icon: https://icons.d2lang.com/aws%2FCompute%2FAWS-Lambda.svg\n    shape: parallelogram\n    style.fill: \"#B6DDF6\"\n  }\n}\n\ngithub -> github_actions: GitHub Action Flow {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\ngithub_actions -> aws.lambda01: Update Lambda {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\ngithub_actions -> aws.lambda02: Update Lambda {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\ngithub_actions -> aws.lambda03: Update Lambda {\n  style: {\n    animated: true\n    font-size: 20\n  }\n}\n\nexplanation: |md\n  ```yaml\n  deploy_source:\n    name: deploy lambda from source\n    runs-on: ubuntu-latest\n    steps:\n      - name: checkout source code\n        uses: actions/checkout@v3\n      - name: default deploy\n        uses: appleboy/lambda-action@v0.1.7\n        with:\n          aws_access_key_id: ${{ secrets.AWS_ACCESS_KEY_ID }}\n          aws_secret_access_key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}\n          aws_region: ${{ secrets.AWS_REGION }}\n          function_name: gorush\n          source: example/index.js\n  ```\n| {near: bottom-center}"
   },
 ]} layout="dagre" />