website/index.html at main · clbsoldev/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Collaboration Solution Development</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,600;1,300&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="assets/style.css" />
  <script src="assets/components.js" defer></script>
</head>
<body>

<!-- NAV -->
<site-nav active=""></site-nav>

<!-- HERO -->
<section id="home">
  <div class="eyebrow fade-up">Lab Environment</div>
  <h1 class="fade-up delay-1">
    Collaboration<br/>
    <span class="accent">Solution</span> Development
  </h1>
  <p class="hero-desc fade-up delay-2">
    A private lab environment for developing, evaluating and documenting
    Cisco Collaboration &amp; Webex solutions. Focus areas: Webex Hybrid Services,
    Cloud Calling, CPaaS integrations and automation with Python, Ansible and n8n.
  </p>
  <div class="badge-row fade-up delay-3">
    <span class="badge hi">Webex</span>
    <span class="badge hi">Hybrid Services</span>
    <span class="badge hi">Cloud Calling</span>
    <span class="badge">Python</span>
    <span class="badge">Ansible</span>
    <span class="badge">n8n</span>
    <span class="badge">Proxmox</span>
    <span class="badge">2N Lab</span>
    <span class="badge">Nagios</span>
    <span class="badge">Netbox</span>
  </div>
  <div class="btn-row fade-up delay-4">
    <a class="btn" href="https://github.com/clbsoldev" target="_blank" rel="noopener">GitHub Organisation ↗</a>
    <a class="btn ghost" href="network.html">Network Architecture →</a>
  </div>
</section>

<!-- ABOUT -->
<section id="about">
  <div class="section-inner">
    <div class="content-box">
      <div class="section-label">Purpose &amp; Goals</div>
      <h2>What is this lab for?</h2>
      <p class="section-lead">
        A real-world test platform close to actual customer scenarios —
        completely separate from any production systems.
      </p>
      <div class="card-grid">
        <div class="card">
          <div class="card-icon">🔬</div>
          <h3>Webex Feature Evaluation</h3>
          <p>New Webex features, APIs and beta functionality are tested here before rolling them out in customer projects — especially Hybrid Services (Calendar, Directory, Media) and Cloud Calling.</p>
        </div>
        <div class="card">
          <div class="card-icon">🐍</div>
          <h3>Python, n8n &amp; API Automation</h3>
          <p>Python scripts for Webex APIs: bot frameworks, webhook handlers and provisioning workflows. n8n for event-driven no-code integrations and Webex automations.</p>
        </div>
        <div class="card">
          <div class="card-icon">📞</div>
          <h3>Telephony &amp; Interop Testing</h3>
          <p>SIP interoperability tests between Cisco IP Phones, 2N Intercom/Access Manager and Webex Cloud Calling. PSTN gateway scenarios and trunk configurations.</p>
        </div>
        <div class="card">
          <div class="card-icon">📡</div>
          <h3>Monitoring &amp; Operations</h3>
          <p>Nagios-based monitoring across the entire infrastructure. Passive checks, heartbeats and alerting for all lab components via cron-job.org.</p>
        </div>
        <div class="card">
          <div class="card-icon">🏗️</div>
          <h3>Infrastructure as Code</h3>
          <p>Ansible (Control Node on RasPi) for reproducible deployments and configuration management. Docker Stacks on Synology NAS. Proxmox cluster as the virtualization backbone.</p>
        </div>
        <div class="card">
          <div class="card-icon">📚</div>
          <h3>Documentation &amp; PoC</h3>
          <p>Reproducible proof-of-concept scenarios and technical documentation for partner and customer projects based on real lab configurations.</p>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- IMPRESSUM (German – legally required) -->
<section id="impressum">
  <div class="section-inner">
    <div class="content-box">
      <div class="section-label">Legal Notice</div>
      <h2>Impressum</h2>
      <p class="section-lead">
        Angaben gemäß § 5 TMG / § 55 RStV. Required by German law.
      </p>
      <site-impressum></site-impressum>
    </div>
  </div>
</section>

<!-- FOOTER -->
<site-footer></site-footer>

</body>
</html>