Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
285 lines (276 loc) · 16.6 KB
/
Copy pathindex.html
File metadata and controls
285 lines (276 loc) · 16.6 KB
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="LLMNetOps - Strengthening Network Operations Knowledge-Base through Locally-Hosted Generative AI. An ISIF Asia 2025 project by Universitas Brawijaya.">
<meta name="keywords" content="LLM, network operations, AI, privacy, IDREN, Indonesia, locally-hosted AI, generative AI, network management">
<meta name="author" content="Universitas Brawijaya">
<meta property="og:title" content="LLMNetOps - Privacy-First AI for Network Operations">
<meta property="og:description" content="Building foundational AI knowledge through locally-hosted open-source LLMs for IDREN member institutions.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://llmnetops.github.io">
<title>LLMNetOps - Privacy-First AI for Network Operations</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/components.css">
</head>
<body>
<!-- Navigation -->
<nav>
<div class="nav-container">
<a href="index.html" class="logo">
<img src="images/llmnetops-logo-formal.png" alt="LLMNetOps Logo">
</a>
<button class="mobile-menu-btn" aria-label="Toggle navigation menu">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-links">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="activities.html">Activities</a></li>
<li class="has-dropdown">
<a href="workshops.html">Workshops
<svg class="nav-dropdown-caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
</a>
<ul class="nav-dropdown">
<li><a href="workshops.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
Overview
</a></li>
<li><a href="pilot-test.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v11m0 0H5a2 2 0 0 1-2-2V9m6 5h10a2 2 0 0 0 2-2V9m-6 9v3m0 0H9m3 0h3"/></svg>
Pilot Test
</a></li>
<li><a href="resources.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
Resources
</a></li>
<li><a href="register.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
Registration
</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
</ul>
<a href="https://github.com/LLMNetOps" class="nav-github" target="_blank" rel="noopener noreferrer" aria-label="LLMNetOps on GitHub" title="LLMNetOps on GitHub">
<svg viewBox="0 0 16 16" width="22" height="22" aria-hidden="true" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
</a>
</div>
</nav>
<!-- Hero Section -->
<section class="hero hero-home">
<div class="hero-content">
<h1>Strengthening Network Operations with Privacy-First AI</h1>
<p>Building foundational AI knowledge through locally-hosted open-source LLMs, fostering peer collaboration, and empowering IDREN member institutions with privacy-aware solutions for network operations.</p>
<div class="btn-group">
<a href="activities.html" class="btn btn-secondary">Project Activities</a>
<a href="register.html" class="btn btn-register">Join Workshop</a>
</div>
</div>
</section>
<!-- Latest News Ticker -->
<section class="news-ticker-section" id="latest-news">
<div class="container home-section-head">
<div>
<h2>Latest News</h2>
<p>Project updates and media coverage about LLMNetOps</p>
</div>
<div class="home-head-links">
<a href="news.html">All news →</a>
<a href="news.html#media">In the media →</a>
</div>
</div>
<div class="container">
<div class="news-ticker" id="news-ticker" aria-label="Latest news">
<div class="news-ticker-track" id="news-ticker-track"></div>
</div>
</div>
<noscript><p class="news-ticker-more"><a href="news.html">See all news</a></p></noscript>
</section>
<!-- About Preview Section -->
<section id="about-preview" class="home-about">
<div class="container home-about-grid">
<div class="home-about-text">
<span class="home-kicker">About LLMNetOps</span>
<h2>Bridging the AI literacy gap in network operations</h2>
<p>Many IDREN member institutions struggle to adopt AI-supported network management due to limited staff, uneven expertise, and reliance on undocumented knowledge. Most administrators also lack training, confidence, and tools that respect data privacy.</p>
<p>LLMNetOps addresses this gap by building foundational AI knowledge, fostering peer collaboration, and promoting locally-hosted open-source LLMs as privacy-aware solutions tailored to institutional needs.</p>
<a href="about.html" class="btn btn-outline">Read More About Our Mission</a>
</div>
<aside class="home-glance" aria-label="Project at a glance">
<h3>Project at a glance</h3>
<dl>
<div><dt>Funded by</dt><dd>APNIC Foundation, ISIF Asia 2025 grant</dd></div>
<div><dt>Implemented by</dt><dd>Universitas Brawijaya, Indonesia</dd></div>
<div><dt>In collaboration with</dt><dd>IDREN member institutions</dd></div>
<div><dt>Focus</dt><dd>Locally-hosted open-source LLMs for network operations</dd></div>
</dl>
<div class="home-glance-logos">
<img src="images/APNIC-Foundation-and-ISIF-Logo-white-stacked-01.svg" alt="APNIC Foundation and ISIF Asia">
<img src="images/Logo_Universitas_Brawijaya.png" alt="Universitas Brawijaya">
<img src="images/logo-idren.png" alt="IDREN">
</div>
</aside>
</div>
</section>
<!-- Project Goals Section -->
<section id="goals" class="home-goals">
<div class="container">
<div class="home-section-head home-section-head-center">
<div>
<h2>Project Goals</h2>
<p>Empowering institutions with privacy-first AI solutions</p>
</div>
</div>
<div class="goal-grid">
<div class="goal">
<span class="goal-num">01</span>
<h3>Privacy-First AI Adoption</h3>
<p>Promote locally-hosted open-source LLMs as a practical solution for institutions concerned about data privacy and autonomy.</p>
</div>
<div class="goal">
<span class="goal-num">02</span>
<h3>Contextual AI for Infrastructure</h3>
<p>Use generative AI to help technical teams manage, understand, and document their own infrastructure.</p>
</div>
<div class="goal">
<span class="goal-num">03</span>
<h3>Bridging the AI Literacy Gap</h3>
<p>Give network and IT staff the knowledge and confidence to use AI in their daily tasks.</p>
</div>
<div class="goal">
<span class="goal-num">04</span>
<h3>Knowledge-Sharing Community</h3>
<p>Build a culture of learning and shared problem-solving through workshops and peer collaboration.</p>
</div>
<div class="goal">
<span class="goal-num">05</span>
<h3>Secure LLM Integration</h3>
<p>Investigate how locally-hosted LLMs can be safely integrated into network operations.</p>
</div>
<div class="goal">
<span class="goal-num">06</span>
<h3>Tailored Solutions</h3>
<p>Help IDREN members assess and adopt AI solutions that fit their specific requirements.</p>
</div>
</div>
</div>
</section>
<!-- SDG Alignment -->
<section class="home-sdg">
<div class="container">
<h2 class="home-sdg-title">Aligned with UN Sustainable Development Goals</h2>
<div class="home-sdg-grid">
<div class="home-sdg-item">
<img src="images/E_SDG_PRINT-04.jpg" alt="SDG 4: Quality Education">
<div>
<h3>Quality Education</h3>
<p>Training and capacity building that gives network professionals equitable access to AI literacy and skills.</p>
</div>
</div>
<div class="home-sdg-item">
<img src="images/E_SDG_PRINT-09.jpg" alt="SDG 9: Industry, Innovation and Infrastructure">
<div>
<h3>Industry, Innovation & Infrastructure</h3>
<p>Open-source, locally-hosted LLMs that build resilient digital infrastructure in the Asia-Pacific.</p>
</div>
</div>
<div class="home-sdg-item">
<img src="images/E_SDG_PRINT-10.jpg" alt="SDG 10: Reduced Inequalities">
<div>
<h3>Reduced Inequalities</h3>
<p>Bringing privacy-first AI tools and knowledge to underserved institutions.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Explore -->
<section class="home-explore">
<div class="container home-explore-grid">
<a href="activities.html" class="explore-link"><strong>Activities</strong><span>Progress across four deliverable areas</span></a>
<a href="workshops.html" class="explore-link"><strong>Workshops</strong><span>Hands-on training on privacy-aware LLMs</span></a>
<a href="pilot-test.html" class="explore-link"><strong>Pilot Test</strong><span>Slides and hands-on module</span></a>
<a href="resources.html" class="explore-link"><strong>Resources</strong><span>Modules, case studies and documentation</span></a>
<a href="register.html" class="explore-link explore-link-highlight"><strong>Join Workshop</strong><span>Sign up for the Nov 2026 workshop</span></a>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<div class="footer-section">
<h4>LLMNetOps</h4>
<p>Strengthening Network Operations Knowledge-Base through Locally-Hosted Generative AI</p>
<p><a href="https://apnic.foundation/projects/llmnetops/" target="_blank">View Project on APNIC Foundation</a></p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="activities.html">Activities</a></li>
<li class="has-dropdown">
<a href="workshops.html">Workshops
<svg class="nav-dropdown-caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
</a>
<ul class="nav-dropdown">
<li><a href="workshops.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
Overview
</a></li>
<li><a href="pilot-test.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v11m0 0H5a2 2 0 0 1-2-2V9m6 5h10a2 2 0 0 0 2-2V9m-6 9v3m0 0H9m3 0h3"/></svg>
Pilot Test
</a></li>
<li><a href="resources.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
Resources
</a></li>
<li><a href="register.html">
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
Registration
</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Contact</h4>
<ul>
<li><a href="mailto:llmnetops@ub.ac.id">llmnetops@ub.ac.id</a></li>
<li>Universitas Brawijaya</li>
<li>Malang, East Java, Indonesia</li>
<li><a href="https://ub.ac.id" target="_blank" rel="noopener noreferrer">ub.ac.id</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Funded By</h4>
<div class="partner-logos">
<img src="images/APNIC-Foundation-and-ISIF-Logo-white-stacked-01.svg" alt="APNIC Foundation and ISIF Asia">
</div>
</div>
<div class="footer-section">
<h4>Implemented By</h4>
<div class="partner-logos">
<img src="images/Logo_Universitas_Brawijaya.png" alt="Universitas Brawijaya">
<img src="images/logo-idren.png" alt="IDREN">
</div>
</div>
</div>
<div class="footer-bottom">
<p>© <span class="current-year">2024</span> LLMNetOps. All rights reserved.</p>
</div>
</footer>
<!-- Back to Top Button -->
<button class="back-to-top" aria-label="Back to top">↑</button>
<!-- Scripts -->
<script src="js/navigation.js"></script>
<script src="js/animations.js"></script>
<script src="js/main.js"></script>
<script src="js/home-news.js"></script>
</body>
</html>