%%{init: {'theme': 'dark', 'themeVariables': {'primaryColor': '#1a0633'}}}%%
flowchart TD
%% Стили компонентов
classDef core fill:#8A2BE2,stroke:#00f7ff,stroke-width:3px,stroke-dasharray:5
classDef backend fill:#1a0633,stroke:#00f7ff,stroke-width:2px
classDef frontend fill:#1a0633,stroke:#ff00aa,stroke-width:2px
classDef devops fill:#1a0633,stroke:#00ffaa,stroke-width:2px
classDef database fill:#1a0633,stroke:#ff5500,stroke-width:2px,stroke-dasharray:3 3
classDef tools fill:#1a0633,stroke:#ffcc00,stroke-width:2px
%% Центральное ядро
C(("🌌 Core<br>Skills")):::core
%% Backend Galaxy
subgraph "Backend Galaxy"
B1["Java"]:::backend
B2["Spring"]:::backend
B3["Hibernate"]:::backend
end
%% Frontend Nebula
subgraph "Frontend Nebula"
F1["HTML5"]:::frontend
F2["CSS3"]:::frontend
F3["JavaScript"]:::frontend
end
%% DevOps Wormhole
subgraph "DevOps Wormhole"
D1["Docker"]:::devops
D2["Kubernetes"]:::devops
D3["AWS"]:::devops
end
%% Database Cluster
DB1["PostgreSQL"]:::database
DB2["MongoDB"]:::database
DB3["Redis"]:::database
%% Tools Comet Tail
T1["IntelliJ"]:::tools
T2["Git"]:::tools
T3["Maven"]:::tools
%% Двунаправленные связи
C <--> B1 & B2 & B3
C <-.-> F1 & F2 & F3
C <==> D1 & D2 & D3
C o--o DB1 & DB2 & DB3
C -.- T1 & T2 & T3
%% Связи между компонентами
B1 <-.-> DB1
B2 <--> D1
F3 -.- DB2
D3 <==> T3

%%{init: {'theme':'dark', 'themeVariables': {'primaryColor':'#1a0633', 'edgeLabelBackground':'#2a0a45', 'tertiaryColor':'#00f7ff'}, 'themeCSS': 'circle {filter: drop-shadow(0 0 5px #8A2BE2)}'}}%%
graph TD
A(["🌌 Alina's Network"])
A -->|Code| B(("GitHub"))
A -->|Stream| C(("YouTube"))
A -->|Network| D(("LinkedIn"))
A -->|Chat| E(("Telegram"))
A -->|Social| F(("VK"))
A -->|Contact| G(("Email"))
A -->|Portal| H(("Resume"))
style A fill:#1a0633,stroke:#00f7ff,stroke-width:3px,stroke-dasharray:5
style B fill:#181717,stroke:#fff
style C fill:#FF0000,stroke:#fff
style D fill:#0077B5,stroke:#fff
style E fill:#2CA5E0,stroke:#fff
style F fill:#0077FF,stroke:#fff
style G fill:#D14836,stroke:#fff
style H fill:#8A2BE2,stroke:#fff