@@ -244,7 +218,8 @@ const DependencyGraph = ({ data }: DependencyGraphProps) => {
- Only AWS resources are currently supported on the explorer.
+ Only AWS and Civo resources are currently supported on the
+ explorer.
)}
diff --git a/dashboard/components/explorer/config.ts b/dashboard/components/explorer/config.ts
index df3dd13ec..5b4635235 100644
--- a/dashboard/components/explorer/config.ts
+++ b/dashboard/components/explorer/config.ts
@@ -64,10 +64,16 @@ export const nodeStyeConfig = {
'text-opacity': 1,
'font-size': 17,
'background-color': 'white',
- 'background-image': node =>
- node.data('provider') === 'AWS'
- ? '/assets/img/dependency-graph/aws-node.svg'
- : '',
+ 'background-image': node => {
+ switch (node.data('provider')) {
+ case 'AWS':
+ return '/assets/img/dependency-graph/aws-node.svg';
+ case 'Civo':
+ return '/assets/img/dependency-graph/civo-node.svg';
+ default:
+ return '';
+ }
+ },
'background-height': 20,
'background-width': 20,
'border-color': '#EDEBEE',
diff --git a/dashboard/public/assets/img/dependency-graph/civo-node.svg b/dashboard/public/assets/img/dependency-graph/civo-node.svg
new file mode 100644
index 000000000..3444c5daa
--- /dev/null
+++ b/dashboard/public/assets/img/dependency-graph/civo-node.svg
@@ -0,0 +1,9 @@
+
diff --git a/docs/images/hacktoberfest-badge.svg b/docs/images/hacktoberfest-badge.svg
new file mode 100644
index 000000000..747bbbb20
--- /dev/null
+++ b/docs/images/hacktoberfest-badge.svg
@@ -0,0 +1,3819 @@
+