diff --git a/docs/examples/dagre.md b/docs/examples/dagre.md index aa75f09f..39bf7cd0 100644 --- a/docs/examples/dagre.md +++ b/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" /> diff --git a/docs/examples/elk.md b/docs/examples/elk.md index a51e8b7b..8a501a57 100644 --- a/docs/examples/elk.md +++ b/docs/examples/elk.md @@ -39,11 +39,11 @@ See [/tour/elk](/tour/elk/). { name: 'Golang Queue', svgContent: require('@site/static/img/examples/example-golang-queue-elk.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-elk.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="elk" /> diff --git a/docs/examples/tala.md b/docs/examples/tala.md index 7c754c0f..8aa65011 100644 --- a/docs/examples/tala.md +++ b/docs/examples/tala.md @@ -39,12 +39,12 @@ See [/tour/tala](/tour/tala/). { name: 'Golang Queue', svgContent: require('@site/static/img/examples/example-golang-queue-tala.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-tala.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}" }, { name: 'Stripe', diff --git a/docs/tour/api.md b/docs/tour/api.md index 47e92d2e..639d7da8 100644 --- a/docs/tour/api.md +++ b/docs/tour/api.md @@ -7,9 +7,7 @@ pagination_next: tour/man D2 has an API built on top of its AST for **programmatically creating diagrams in Go**. This package is `d2/d2oracle`. -This API is exercised heavily by Terrastruct to implement [bidirectional edits](https://youtu.be/EhxVVkxv2Ns?t=150). We have [comprehensive test coverage](https://github.com/d2lang/d2/blob/master/d2oracle/edit_test.go) of these functions. If there's any confusion from the docs, there's almost certainly a test that answers your question. (We're also happy to help, just file a GitHub issue!) - -For a blog post detailing an example usage (building a SQL table diagram), see [https://terrastruct.com/blog/post/generate-diagrams-programmatically/](https://terrastruct.com/blog/post/generate-diagrams-programmatically/). +D2 has [comprehensive test coverage](https://github.com/d2lang/d2/blob/master/d2oracle/edit_test.go) of these functions. If there's any confusion from the docs, there's almost certainly a test that answers your question. (We're also happy to help, just file a GitHub issue!) :::info No mutations All functions in `d2oracle` are pure: they do not mutate the original graph, they return a new one. If you are chaining calls, don't forget to use the resulting graph from the previous call. diff --git a/docs/tour/cheat-sheet.md b/docs/tour/cheat-sheet.md index a16ba5e7..f197929b 100644 --- a/docs/tour/cheat-sheet.md +++ b/docs/tour/cheat-sheet.md @@ -4,6 +4,6 @@ import WebPImage from '@site/src/components/WebPImage'; Click the preview to download the PDF. - + diff --git a/docs/tour/discord.md b/docs/tour/discord.md deleted file mode 100644 index 62c515e9..00000000 --- a/docs/tour/discord.md +++ /dev/null @@ -1,39 +0,0 @@ -# Discord plugin - -import WebPImage from '@site/src/components/WebPImage'; - - - -### The fastest way to explain what you mean mid-conversation - -Keep your projects moving by connecting Terrastruct and Discord. Compile D2 codeblocks by opening the context menu on a D2 codeblock, going to `Apps` and clicking `Compile D2`. - -Configure your exports by using `/d2` inside Discord. - - - Add to Discord - - - diff --git a/docs/tour/extensions.md b/docs/tour/extensions.md index c9d578a5..0d28beac 100644 --- a/docs/tour/extensions.md +++ b/docs/tour/extensions.md @@ -11,7 +11,6 @@ Officially developed and maintained by the creators of D2. - [VSCode extension](/tour/vscode/) - [Vim plugin](/tour/vim/) - [Obsidian plugin](/tour/obsidian/) -- [Discord plugin](/tour/discord/) ## Community diff --git a/docs/tour/help.md b/docs/tour/help.md index 14126fda..f0b3a036 100644 --- a/docs/tour/help.md +++ b/docs/tour/help.md @@ -10,7 +10,7 @@ things that the core team don't have the bandwidth to do (until D2 reaches 1.0, aggressively prioritizing improvements that make D2 better for the majority of users). Below is a list of features that could use your help. If you're interested in taking the initiative, feel free to just start, or you can comment on a GitHub issue, discuss in -Discord, or email us (alex at terrastruct). +Discord, or email [alex@d2lang.com](mailto:alex@d2lang.com). - [ownCloud Infinite Scale Extension](https://github.com/d2lang/d2/issues/1422) - [IntelliJ plugin](https://github.com/d2lang/d2/issues/747) diff --git a/docs/tour/icons.md b/docs/tour/icons.md index 207b701b..7ca30df7 100644 --- a/docs/tour/icons.md +++ b/docs/tour/icons.md @@ -10,7 +10,7 @@ import IconsImage from '@site/static/d2/icons-image.d2'; :::tip We host a collection of icons commonly found in software architecture diagrams for free to -help you get started: [https://icons.terrastruct.com](https://icons.terrastruct.com). +help you get started: [https://icons.d2lang.com](https://icons.d2lang.com). ::: Icons and images are an essential part of production-ready diagrams. @@ -49,4 +49,3 @@ Icons can be positioned with the `near` keyword [introduced later](/tour/positio
- diff --git a/docs/tour/man.md b/docs/tour/man.md index 1bbf18b0..75c81854 100644 --- a/docs/tour/man.md +++ b/docs/tour/man.md @@ -36,7 +36,7 @@ DESCRIPTION See more docs, the source code and license at https://oss.terrastruct.com/d2. - Hosted icons at https://icons.terrastruct.com. + Hosted icons at https://icons.d2lang.com. Playground runner at https://play.d2lang.com. diff --git a/docs/tour/sketch.md b/docs/tour/sketch.md index 101df1f8..4b230fc1 100644 --- a/docs/tour/sketch.md +++ b/docs/tour/sketch.md @@ -4,8 +4,7 @@ D2 can render diagrams to give the aesthetic of a hand-drawn sketch.
-- In Terrastruct, you can enable this with hand-drawn mode. -- If you're using the CLI, this is enabled by the `--sketch` flag. +- If you're using the CLI, enable this with the `--sketch` flag. - [https://play.d2lang.com](https://play.d2lang.com/?script=qlDQtVOo5AIEAAD__w%3D%3D&sketch=1) supports this as well. diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 1384515e..56e9c6a0 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -38,8 +38,8 @@ const config: Config = { }, author: { "@type": "Organization", - name: "Terrastruct", - url: "https://terrastruct.com", + name: "D2", + url: "https://d2lang.com", }, sameAs: ["https://github.com/d2lang/d2", "https://discord.com/invite/pbUXgvmTpU"], }), @@ -95,7 +95,7 @@ const config: Config = { type: "all", title: "D2 Blog Feed", description: "Stay updated with the latest D2 news and tutorials", - copyright: `Copyright © 2026 Terrastruct, Inc.`, + copyright: `Copyright © 2026 D2 contributors.`, language: "en", }, }, @@ -116,7 +116,7 @@ const config: Config = { }, { name: "author", - content: "Terrastruct", + content: "D2 contributors", }, { property: "og:type", @@ -130,14 +130,6 @@ const config: Config = { name: "twitter:card", content: "summary_large_image", }, - { - name: "twitter:site", - content: "@terrastruct", - }, - { - name: "twitter:creator", - content: "@terrastruct", - }, ], docs: { sidebar: { @@ -212,7 +204,7 @@ const config: Config = { darkTheme: themes.dracula, }, footer: { - copyright: `Copyright © 2026 Terrastruct, Inc.`, + copyright: `Copyright © 2026 D2 contributors.`, }, algolia: { appId: "DWAXJIMTZU", diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/tour/grid-diagrams.md b/i18n/ko/docusaurus-plugin-content-docs/current/tour/grid-diagrams.md index 348ef42d..8628e528 100644 --- a/i18n/ko/docusaurus-plugin-content-docs/current/tour/grid-diagrams.md +++ b/i18n/ko/docusaurus-plugin-content-docs/current/tour/grid-diagrams.md @@ -269,7 +269,7 @@ any docker compatible runtime: { font-color: black stroke-width: 8 } - icon: https://icons.terrastruct.com/dev%2Fdocker.svg + icon: https://icons.d2lang.com/dev%2Fdocker.svg } any ci: { diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/tour/icons.md b/i18n/ko/docusaurus-plugin-content-docs/current/tour/icons.md index 626b75c2..c614ce80 100644 --- a/i18n/ko/docusaurus-plugin-content-docs/current/tour/icons.md +++ b/i18n/ko/docusaurus-plugin-content-docs/current/tour/icons.md @@ -10,7 +10,7 @@ import IconsImage from '@site/static/d2/icons-image.d2'; # 아이콘 :::tip -저희는 여러분들이 이 언어를 좀 더 쉽게 시작할 수 있도록 소프트웨어 아키텍처 다이어그램에서 흔히 볼 수 있는 아이콘 모음을 무료로 호스팅하고 있습니다: [https://icons.terrastruct.com](https://icons.terrastruct.com). +저희는 여러분들이 이 언어를 좀 더 쉽게 시작할 수 있도록 소프트웨어 아키텍처 다이어그램에서 흔히 볼 수 있는 아이콘 모음을 무료로 호스팅하고 있습니다: [https://icons.d2lang.com](https://icons.d2lang.com). ::: 아이콘과 이미지는 개발 시 작성하는 다이어그램의 필수 요소입니다. @@ -19,7 +19,7 @@ import IconsImage from '@site/static/d2/icons-image.d2'; ```d2 my network: { - icon: https://icons.terrastruct.com/infra/019-network.svg + icon: https://icons.d2lang.com/infra/019-network.svg } ``` @@ -39,7 +39,7 @@ D2 CLI를 로컬에서 사용하시나요? `icon: ./my_cat.png`와 같이 로컬 ```d2 vpc: VPC 1 10.1.0.0./16 { - icon: https://icons.terrastruct.com/aws%2F_Group%20Icons%2FVirtual-private-cloud-VPC_light-bg.svg + icon: https://icons.d2lang.com/aws%2F_Group%20Icons%2FVirtual-private-cloud-VPC_light-bg.svg style: { stroke: green @@ -56,7 +56,7 @@ vpc: VPC 1 10.1.0.0./16 { } firewall: Firewall Subnet A { - icon: https://icons.terrastruct.com/aws%2FNetworking%20&%20Content%20Delivery%2FAmazon-Route-53_Hosted-Zone_light-bg.svg + icon: https://icons.d2lang.com/aws%2FNetworking%20&%20Content%20Delivery%2FAmazon-Route-53_Hosted-Zone_light-bg.svg style: { stroke: purple @@ -65,7 +65,7 @@ vpc: VPC 1 10.1.0.0./16 { } ec2: EC2 Instance { - icon: https://icons.terrastruct.com/aws%2FCompute%2F_Instance%2FAmazon-EC2_C4-Instance_light-bg.svg + icon: https://icons.d2lang.com/aws%2FCompute%2F_Instance%2FAmazon-EC2_C4-Instance_light-bg.svg } } } @@ -83,12 +83,12 @@ vpc: VPC 1 10.1.0.0./16 { ```d2 server: { shape: image - icon: https://icons.terrastruct.com/tech/022-server.svg + icon: https://icons.d2lang.com/tech/022-server.svg } github: { shape: image - icon: https://icons.terrastruct.com/dev/github.svg + icon: https://icons.d2lang.com/dev/github.svg } server -> github diff --git a/i18n/zh-cn/docusaurus-plugin-content-docs/current/tour/cheat-sheet.md b/i18n/zh-cn/docusaurus-plugin-content-docs/current/tour/cheat-sheet.md index ac1577cd..661cc665 100644 --- a/i18n/zh-cn/docusaurus-plugin-content-docs/current/tour/cheat-sheet.md +++ b/i18n/zh-cn/docusaurus-plugin-content-docs/current/tour/cheat-sheet.md @@ -4,6 +4,6 @@ import WebPImage from '@site/src/components/WebPImage'; 点击此预览以下载 PDF 文件。 - + diff --git a/sidebars.ts b/sidebars.ts index fdee4af4..3f20c30d 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -141,7 +141,7 @@ const sidebars: SidebarsConfig = { type: "category", label: "Official", link: { type: "doc", id: "tour/vscode" }, - items: ["tour/vscode", "tour/vim", "tour/obsidian", "tour/discord"], + items: ["tour/vscode", "tour/vim", "tour/obsidian"], }, ], }, diff --git a/src/theme/Footer/footer.scss b/src/theme/Footer/footer.scss index aebcec08..92ff519c 100644 --- a/src/theme/Footer/footer.scss +++ b/src/theme/Footer/footer.scss @@ -36,21 +36,21 @@ html[data-theme="dark"] { &__Right { display: flex; - align-items: center; - gap: 1rem; + flex-direction: column; + align-items: flex-end; + gap: 0.5rem; font-size: 1.125rem; - img { - margin: 0 0.3rem; - } - span { - display: flex; - align-items: center; - margin-left: 0.2rem; + margin: 0; } } + &__Links { + display: flex; + gap: 1rem; + } + &--Top { display: grid; grid-template-columns: 1fr 1fr; @@ -143,13 +143,9 @@ html[data-theme="dark"] { } &__Right { + align-items: flex-start; font-size: 0.875rem; gap: 0.5rem; - - img { - width: 6rem; - margin: 0 0.2rem; - } } &__Mobile { diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js index fdd8522d..8685c29a 100644 --- a/src/theme/Footer/index.js +++ b/src/theme/Footer/index.js @@ -26,12 +26,24 @@ function Footer() {
- - - Created by Terrastruct logo - - - |© 2025 Terrastruct, Inc. + + D2 is an independent open-source project fiscally sponsored by{" "} + + Hack Club + + . + +
+ + Donate + + + GitHub + + + Discord + +
diff --git a/static/bespoke-d2/animated.d2 b/static/bespoke-d2/animated.d2 index 7e09ce08..b2a4f897 100644 --- a/static/bespoke-d2/animated.d2 +++ b/static/bespoke-d2/animated.d2 @@ -10,13 +10,13 @@ title: { local: { code: { - icon: https://icons.terrastruct.com/dev/go.svg + icon: https://icons.d2lang.com/dev/go.svg } } local.code -> github.dev: commit github: { - icon: https://icons.terrastruct.com/dev/github.svg + icon: https://icons.d2lang.com/dev/github.svg dev master: { workflows @@ -32,13 +32,13 @@ aws: { ec2 <- s3: pull binaries builders: { - icon: https://icons.terrastruct.com/aws/Developer%20Tools/AWS-CodeBuild_light-bg.svg + icon: https://icons.d2lang.com/aws/Developer%20Tools/AWS-CodeBuild_light-bg.svg } s3: { - icon: https://icons.terrastruct.com/aws/Storage/Amazon-S3-Glacier_light-bg.svg + icon: https://icons.d2lang.com/aws/Storage/Amazon-S3-Glacier_light-bg.svg } ec2: { - icon: https://icons.terrastruct.com/aws/_Group%20Icons/EC2-instance-container_light-bg.svg + icon: https://icons.d2lang.com/aws/_Group%20Icons/EC2-instance-container_light-bg.svg } } diff --git a/static/d2/grid-connected.d2 b/static/d2/grid-connected.d2 index 15bf4bbe..1a01c01e 100644 --- a/static/d2/grid-connected.d2 +++ b/static/d2/grid-connected.d2 @@ -13,11 +13,11 @@ users: "" { Engineers: { shape: circle - icon: https://icons.terrastruct.com/essentials%2F365-user.svg + icon: https://icons.d2lang.com/essentials%2F365-user.svg } Machines: { shape: circle - icon: https://icons.terrastruct.com/aws%2FCompute%2FCompute.svg + icon: https://icons.d2lang.com/aws%2FCompute%2FCompute.svg } } @@ -40,31 +40,31 @@ teleport: Teleport { width: 300 } - Audit Log.icon: https://icons.terrastruct.com/tech%2Flaptop.svg - Cert Authority.icon: https://icons.terrastruct.com/azure%2FWeb%20Service%20Color%2FApp%20Service%20Certificates.svg + Audit Log.icon: https://icons.d2lang.com/tech%2Flaptop.svg + Cert Authority.icon: https://icons.d2lang.com/azure%2FWeb%20Service%20Color%2FApp%20Service%20Certificates.svg } jita: "Just-in-time Access via" { grid-rows: 1 - Slack.icon: https://icons.terrastruct.com/dev%2Fslack.svg + Slack.icon: https://icons.d2lang.com/dev%2Fslack.svg Mattermost Jira Pagerduty - Email.icon: https://icons.terrastruct.com/aws%2F_General%2FAWS-Email_light-bg.svg + Email.icon: https://icons.d2lang.com/aws%2F_General%2FAWS-Email_light-bg.svg } infra: Infrastructure { grid-rows: 2 - ssh.icon: https://icons.terrastruct.com/essentials%2F112-server.svg - Kubernetes.icon: https://icons.terrastruct.com/azure%2F_Companies%2FKubernetes.svg - My SQL.icon: https://icons.terrastruct.com/dev%2Fmysql.svg - MongoDB.icon: https://icons.terrastruct.com/dev%2Fmongodb.svg - PSQL.icon: https://icons.terrastruct.com/dev%2Fpostgresql.svg - Windows.icon: https://icons.terrastruct.com/dev%2Fwindows.svg + ssh.icon: https://icons.d2lang.com/essentials%2F112-server.svg + Kubernetes.icon: https://icons.d2lang.com/azure%2F_Companies%2FKubernetes.svg + My SQL.icon: https://icons.d2lang.com/dev%2Fmysql.svg + MongoDB.icon: https://icons.d2lang.com/dev%2Fmongodb.svg + PSQL.icon: https://icons.d2lang.com/dev%2Fpostgresql.svg + Windows.icon: https://icons.d2lang.com/dev%2Fwindows.svg } identity provider: Identity Provider { - icon: https://icons.terrastruct.com/azure%2FIdentity%20Service%20Color%2FIdentity%20governance.svg + icon: https://icons.d2lang.com/azure%2FIdentity%20Service%20Color%2FIdentity%20governance.svg } diff --git a/static/d2/grid.d2 b/static/d2/grid.d2 index 9a62fb6d..a35e7508 100644 --- a/static/d2/grid.d2 +++ b/static/d2/grid.d2 @@ -51,7 +51,7 @@ any docker compatible runtime: { font-color: black stroke-width: 8 } - icon: https://icons.terrastruct.com/dev%2Fdocker.svg + icon: https://icons.d2lang.com/dev%2Fdocker.svg } any ci: { diff --git a/static/d2/icon-placement.d2 b/static/d2/icon-placement.d2 index 8408ceb0..a653f2ef 100644 --- a/static/d2/icon-placement.d2 +++ b/static/d2/icon-placement.d2 @@ -1,5 +1,5 @@ vpc: VPC 1 10.1.0.0./16 { - icon: https://icons.terrastruct.com/aws%2F_Group%20Icons%2FVirtual-private-cloud-VPC_light-bg.svg + icon: https://icons.d2lang.com/aws%2F_Group%20Icons%2FVirtual-private-cloud-VPC_light-bg.svg style: { stroke: green font-color: green @@ -13,14 +13,14 @@ vpc: VPC 1 10.1.0.0./16 { fill: white } firewall: Firewall Subnet A { - icon: https://icons.terrastruct.com/aws%2FNetworking%20&%20Content%20Delivery%2FAmazon-Route-53_Hosted-Zone_light-bg.svg + icon: https://icons.d2lang.com/aws%2FNetworking%20&%20Content%20Delivery%2FAmazon-Route-53_Hosted-Zone_light-bg.svg style: { stroke: purple font-color: purple fill: "#e1d5e7" } ec2: EC2 Instance { - icon: https://icons.terrastruct.com/aws%2FCompute%2F_Instance%2FAmazon-EC2_C4-Instance_light-bg.svg + icon: https://icons.d2lang.com/aws%2FCompute%2F_Instance%2FAmazon-EC2_C4-Instance_light-bg.svg } } } diff --git a/static/d2/icons-1.d2 b/static/d2/icons-1.d2 index b4138dab..817a0ed9 100644 --- a/static/d2/icons-1.d2 +++ b/static/d2/icons-1.d2 @@ -1,11 +1,11 @@ deploy: { - icon: https://icons.terrastruct.com/aws%2FDeveloper%20Tools%2FAWS-CodeDeploy.svg + icon: https://icons.d2lang.com/aws%2FDeveloper%20Tools%2FAWS-CodeDeploy.svg } backup: { - icon: https://icons.terrastruct.com/aws%2FStorage%2FAWS-Backup.svg + icon: https://icons.d2lang.com/aws%2FStorage%2FAWS-Backup.svg } deploy -> backup: { - icon: https://icons.terrastruct.com/infra%2F002-backup.svg + icon: https://icons.d2lang.com/infra%2F002-backup.svg } diff --git a/static/d2/icons-image.d2 b/static/d2/icons-image.d2 index ac80bbf9..a8d74fb2 100644 --- a/static/d2/icons-image.d2 +++ b/static/d2/icons-image.d2 @@ -1,12 +1,12 @@ direction: right server: { shape: image - icon: https://icons.terrastruct.com/tech/022-server.svg + icon: https://icons.d2lang.com/tech/022-server.svg } github: { shape: image - icon: https://icons.terrastruct.com/dev/github.svg + icon: https://icons.d2lang.com/dev/github.svg } server -> github diff --git a/static/d2/models.d2 b/static/d2/models.d2 index 538be200..8e77bef0 100644 --- a/static/d2/models.d2 +++ b/static/d2/models.d2 @@ -1,6 +1,6 @@ postgres: { shape: cylinder - icon: https://icons.terrastruct.com/dev%2Fpostgresql.svg + icon: https://icons.d2lang.com/dev%2Fpostgresql.svg icon.near: bottom-center } it: IT Guy { diff --git a/static/d2/near-label-icon.d2 b/static/d2/near-label-icon.d2 index c8fc6534..5594a4b2 100644 --- a/static/d2/near-label-icon.d2 +++ b/static/d2/near-label-icon.d2 @@ -3,12 +3,12 @@ x -> y x: worker { label.near: top-center - icon: https://icons.terrastruct.com/essentials%2F005-programmer.svg + icon: https://icons.d2lang.com/essentials%2F005-programmer.svg icon.near: outside-top-right } y: profits { label.near: bottom-right - icon: https://icons.terrastruct.com/essentials%2Fprofits.svg + icon: https://icons.d2lang.com/essentials%2Fprofits.svg icon.near: outside-top-left } diff --git a/static/documents/d2_cheat_sheet.pdf b/static/documents/d2_cheat_sheet.pdf new file mode 100644 index 00000000..01302eb2 Binary files /dev/null and b/static/documents/d2_cheat_sheet.pdf differ diff --git a/static/img/d2_discord.png b/static/img/d2_discord.png deleted file mode 100644 index 24004a93..00000000 Binary files a/static/img/d2_discord.png and /dev/null differ diff --git a/static/img/d2_discord.webp b/static/img/d2_discord.webp deleted file mode 100644 index ffa59fa9..00000000 Binary files a/static/img/d2_discord.webp and /dev/null differ diff --git a/static/img/screenshots/discord.mp4 b/static/img/screenshots/discord.mp4 deleted file mode 100644 index d2bddd76..00000000 Binary files a/static/img/screenshots/discord.mp4 and /dev/null differ diff --git a/static/img/terrastruct_logo.svg b/static/img/terrastruct_logo.svg deleted file mode 100644 index ab1c5e32..00000000 --- a/static/img/terrastruct_logo.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - - -