vendors.c4
1 model { 2 vendors = context "Vendors" { 3 icon: https://www.svgrepo.com/show/474375/cloud-server2.svg 4 style { 5 color: pink-600 6 opacity: 10% 7 shape: browser 8 } 9 10 microvisor-systems = brand "Microvisor Systems" { 11 link https://openws.org "Website" 12 link https://github.com/microvisor-systems "GitHub" 13 14 icon: @/microvisor-systems-logo.png 15 style { 16 color: purple-500 17 shape: browser 18 } 19 -> microvisor "maintains" 20 } 21 22 23 software-development = container { 24 title: "Software Development" 25 icon: https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/archlinux/archlinux-original.svg 26 style { 27 color: red 28 shape: browser 29 opacity: 10% 30 } 31 32 pulumi = brand "Pulumi Cloud" { 33 icon https://www.pulumi.com/logos/brand/avatar-on-black.png 34 link https://pulumi.com "Website" 35 style { 36 color stone-500 37 shape browser 38 } 39 40 iac = brand "Pulumi IAC" { 41 icon https://www.pulumi.com/logos/brand/avatar-on-black.png 42 link https://www.pulumi.com/docs/iac/ "Website" 43 style { 44 color: stone-500 45 shape: browser 46 } 47 48 -> oci.virtual-machines { 49 style { 50 line solid 51 tail crow 52 } 53 link https://www.pulumi.com/registry/packages/oci/ 54 } 55 56 -> cloudflare.dns { 57 style { 58 line solid 59 tail crow 60 } 61 link https://www.pulumi.com/registry/packages/cloudflare/ 62 } 63 -> tailscale { 64 style { 65 line solid 66 tail crow 67 } 68 link https://www.pulumi.com/registry/packages/tailscale/ 69 } 70 -> digitalocean.droplets { 71 style { 72 line solid 73 tail crow 74 } 75 link https://www.pulumi.com/registry/packages/digitalocean/ 76 } 77 } 78 79 esc = brand "Pulumi ESC" { 80 icon https://www.pulumi.com/logos/brand/avatar-on-black.png 81 link https://www.pulumi.com/docs/esc/ "Website" 82 style { 83 color: stone-500 84 shape: browser 85 } 86 } 87 } 88 89 coderabbit = brand { 90 title: "CodeRabbit" 91 icon: https://avatars.githubusercontent.com/u/132028505?s=200&v=4 92 description: "AI Code Review Agent" 93 link: https://coderabbit.ai 94 style { 95 color: sky 96 shape: browser 97 } 98 } 99 100 component github { 101 title: "GitHub" 102 icon: tech:github 103 link: https://github.com "Website" 104 style { 105 color: stone-500 106 shape: browser 107 } 108 } 109 110 netdata = component "Netdata" { 111 icon: https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/netdata.svg 112 link: https://www.netdata.cloud "Website" 113 style { 114 color: stone-500 115 shape: browser 116 } 117 } 118 119 cloudflare = component "Cloudflare" { 120 icon: tech:cloudflare 121 link : https://cloudflare.com "Website" 122 description "DNS + Tunnels" 123 style { 124 color: amber 125 opacity: 50% 126 shape: browser 127 } 128 129 dns = component "Cloudflare DNS" { 130 icon: https://www.cloudflare.com/cdn-cgi/image/format=auto/https://cf-assets.www.cloudflare.com/v2/image/uuovcseq994vtceh1408d2sb2t/icon_tile_reliability-dns-resolver.png 131 link : https://www.cloudflare.com/en-ca/application-services/products/dns/ "Website" 132 style { 133 color amber 134 shape storage 135 } 136 } 137 138 tunnels = component "Cloudflare Tunnels" { 139 icon: https://www.cloudflare.com/cdn-cgi/image/format=auto/https://cf-assets.www.cloudflare.com/v2/image/opv9ib42kh2bretj86cm5tf761/icon_tile_performance-accelerationg-bolt.png 140 link : https://developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-tunnel/ "Docs" 141 style { 142 color amber 143 shape queue 144 } 145 } 146 } 147 148 tailscale = component "Tailscale" { 149 icon: @/tailscale-symbol.png 150 link : https://tailscale.com "Website" 151 style { 152 color: gray-800 153 shape: browser 154 } 155 } 156 157 oci = component "Oracle Cloud Infrastructure" { 158 icon: tech:oracle 159 link : https://cloud.oracle.com "Website" 160 style { 161 color: amber 162 shape: browser 163 opacity 40% 164 } 165 166 virtual-machines = container "Virtual Machines" { 167 icon: tech:oracle 168 link : https://www.oracle.com/ca-en/cloud/compute/virtual-machines/ "Website" 169 style { 170 shape: browser 171 } 172 } 173 } 174 175 digitalocean = component "Digitalocean" { 176 icon: tech:digital-ocean 177 link : https://digitalocean.com "Website" 178 style { 179 color: yellow-800 180 shape: browser 181 opacity 40% 182 } 183 184 droplets = container "Droplets" { 185 icon https://docs.digitalocean.com/images/icons/images.2b76d83101f7fbbc4bec6312c3cc7e2ee4c5d1d7032e44f5373bbb5542dd5825.svg 186 style { 187 color: yellow-800 188 shape browser 189 } 190 } 191 } 192 193 } 194 195 google = brand "Google" { 196 link : https://workspace.google.com 197 style { 198 color: orange-100 199 icon: https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/google/google-original.svg 200 shape: cylinder 201 multiple: true 202 opacity: 10% 203 } 204 205 gmail = brand "Gmail" { 206 link : https://mail.google.com 207 icon: https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Gmail_icon_%282020%29.svg/2560px-Gmail_icon_%282020%29.svg.png 208 style { 209 color: green 210 shape: browser 211 } 212 } 213 214 cloud = brand "Cloud" { 215 link : https://cloud.google.com "Website" 216 icon: tech:google-cloud 217 style { 218 color: indigo 219 shape: browser 220 } 221 222 auth-platform = brand "Auth Platform" { 223 link https://support.google.com/cloud/answer/15544987?hl=en "Docs" 224 icon: gcp:identity-and-access-management 225 style { 226 color: slate 227 shape: browser 228 } 229 } 230 } 231 232 } 233 234 marketing-and-communication = container { 235 title: "Marketing & 236 Communication" 237 icon: gcp:cloud-for-marketing 238 style { 239 color: slate-800 240 shape: mobile 241 opacity: 10% 242 } 243 244 linkedin = brand { 245 title: "LinkedIn" 246 icon: tech:linkedin 247 link: https://www.linkedin.com/company/108875552 248 style { 249 color: sky-700 250 shape: browser 251 } 252 } 253 } 254 255 ui-ux-design = container { 256 title: "UI/UX Design" 257 icon: ../assets/emoji-icons/nail-polish.svg 258 style { 259 color: teal-700 260 shape: browser 261 opacity: 10% 262 } 263 264 penpot = brand "Penpot" { 265 icon: https://avatars.githubusercontent.com/u/30179644?s=48&v=4.svg 266 description: "Open Source Design Tool" 267 link: https://penpot.app "Website" 268 269 style { 270 color: green 271 shape: browser 272 } 273 } 274 } 275 276 } 277 coderabbit -> github { 278 title: "provides reviews on" 279 } 280 }