Skip to content

Create LLMNetOps multi-page static website for GitHub Pages #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
rizalespe merged 4 commits into from
Dec 2, 2025
Merged

Create LLMNetOps multi-page static website for GitHub Pages #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4a45a55
Initial plan
Copilot Dec 2, 2025
fb7a5da
Create LLMNetOps project website with responsive design
Copilot Dec 2, 2025
31b0d1a
Update website with detailed project context for IDREN
Copilot Dec 2, 2025
d0e24b1
Convert to multi-page static website structure for GitHub Pages
Copilot Dec 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added .nojekyll
View file
Open in desktop
Empty file.
89 changes: 88 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,88 @@
# llmnetops.github.io
# LLMNetOps

**Strengthening Network Operations Knowledge-Base through Locally-Hosted Generative AI**

## 🌐 Live Website

Visit: [https://llmnetops.github.io](https://llmnetops.github.io)

## About

LLMNetOps is an ISIF Asia 2025 project by Universitas Brawijaya aimed at addressing the AI-literacy gap among network operations professionals in IDREN (Indonesia Research and Education Network) member institutions.

Many IDREN member institutions struggle to adopt AI-supported network management due to limited staff, uneven expertise, and reliance on undocumented knowledge. Generative AI offers potential for improving documentation and troubleshooting, but most administrators lack training, confidence, and tools that respect data privacy—creating an AI-literacy gap.

## Project Goals

- **Privacy-First AI Adoption** - Promote locally-hosted open-source LLM models as practical solutions for institutions concerned about data privacy and institutional autonomy
- **Contextual AI for Infrastructure** - Introduce generative AI specifically to support technical teams in managing, understanding, and documenting their own infrastructure
- **Bridging the AI Literacy Gap** - Empower network and IT staff with the knowledge and confidence to use AI in their daily tasks
- **Knowledge-Sharing Community** - Build a culture of learning and shared problem-solving through workshops and peer collaboration
- **Secure LLM Integration** - Investigate how locally-hosted LLMs can be safely integrated into network operations while ensuring security of sensitive data
- **Tailored Solutions** - Empower IDREN members to confidently assess and adopt AI solutions that align with their specific requirements

## Website Structure

```
llmnetops.github.io/
├── index.html # Home page
├── about.html # About the project
├── deliverables.html # Project deliverables
├── workshops.html # Workshop information
├── resources.html # Learning resources
├── contact.html # Contact page
├── css/
│ ├── style.css # Main styles
│ ├── responsive.css # Responsive styles
│ └── components.css # Component styles
├── js/
│ ├── main.js # Main JavaScript
│ ├── navigation.js # Navigation functionality
│ └── animations.js # Animation scripts
├── data/
│ ├── deliverables.json
│ ├── workshops.json
│ └── resources.json
├── assets/
│ ├── images/
│ ├── icons/
│ └── documents/
├── .nojekyll # Disable Jekyll processing
└── README.md # This file
```

## Project Information

- **Funding:** APNIC Foundation / ISIF Asia 2025
- **Implementation:** Universitas Brawijaya, Indonesia
- **Budget:** $30,000 USD
- **Target:** 20+ network operations professionals from IDREN institutions

## Key Deliverables

1. **Curriculum Development** ($10,000) - Training modules on locally-hosted LLMs
2. **Workshop Delivery** ($18,000) - 2 hands-on workshop sessions
3. **Survey and Analysis** ($1,000) - Research outputs and case studies
4. **Reporting** ($1,000) - Project documentation and dissemination

## Contributing

We welcome contributions from IDREN member institutions! Please feel free to:
- Submit issues for bugs or feature requests
- Contribute case studies from your institution
- Provide feedback on workshop materials

## Links

- [APNIC Foundation](https://foundation.apnic.net)
- [ISIF Asia](https://isif.asia)
- [IDREN](https://idren.id)
- [Universitas Brawijaya](https://ub.ac.id)

## License

This project is open source.

---

© 2024 LLMNetOps. Funded by ISIF Asia 2025.
220 changes: 220 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,220 @@
<!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="About LLMNetOps - Learn about our mission to strengthen network operations through privacy-first AI solutions.">
<title>About - LLMNetOps</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">LLMNetOps</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">Home</a></li>
<li><a href="about.html" class="active">About</a></li>
<li><a href="deliverables.html">Deliverables</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>

<!-- Page Header -->
<section class="page-header">
<div class="breadcrumb">
<a href="index.html">Home</a>
<span>/</span>
<span>About</span>
</div>
<h1>About LLMNetOps</h1>
<p>Strengthening Network Operations Knowledge-Base through Locally-Hosted Generative AI</p>
</section>

<!-- Mission Section -->
<section class="about">
<div class="container">
<h2 class="section-title">Our Mission</h2>
<div class="about-content">
<p>LLMNetOps is an ISIF Asia 2025 project by Universitas Brawijaya aimed at addressing the AI-literacy gap among network operations professionals in IDREN (Indonesia Research and Education Network) member institutions.</p>
<br>
<p>Many IDREN member institutions struggle to adopt AI-supported network management due to limited staff, uneven expertise, and reliance on undocumented knowledge. Generative AI offers potential for improving documentation and troubleshooting, but most administrators lack training, confidence, and tools that respect data privacy—creating an AI-literacy gap.</p>
<br>
<p>This project aims to address this gap by building foundational AI knowledge, fostering peer collaboration, and promoting locally-hosted open-source LLM models as privacy-aware solutions tailored to institutional needs in network operations.</p>
</div>
</div>
</section>

<!-- Problem Statement -->
<section>
<div class="container">
<h2 class="section-title">The Challenge</h2>
<p class="section-subtitle">Understanding the AI adoption barriers in network operations</p>
<div class="card-grid">
<div class="card">
<div class="card-icon">👥</div>
<h3>Limited Staff</h3>
<p>Many institutions operate with small IT teams who lack bandwidth to explore and implement new technologies like AI.</p>
</div>
<div class="card">
<div class="card-icon">📊</div>
<h3>Uneven Expertise</h3>
<p>Technical knowledge varies significantly across institutions, creating disparities in AI adoption readiness.</p>
</div>
<div class="card">
<div class="card-icon">📝</div>
<h3>Undocumented Knowledge</h3>
<p>Critical operational knowledge often exists only in the minds of experienced staff, making AI-assisted documentation crucial.</p>
</div>
<div class="card">
<div class="card-icon">🔐</div>
<h3>Privacy Concerns</h3>
<p>Institutions are rightly concerned about sending sensitive network data to cloud-based AI services.</p>
</div>
<div class="card">
<div class="card-icon">🎯</div>
<h3>Lack of Training</h3>
<p>Most administrators have not received formal training on AI technologies and their practical applications.</p>
</div>
<div class="card">
<div class="card-icon">💭</div>
<h3>Low Confidence</h3>
<p>Without hands-on experience, staff lack confidence to evaluate and adopt AI solutions.</p>
</div>
</div>
</div>
</section>

<!-- Strategic Alignment -->
<section class="about">
<div class="container">
<h2 class="section-title">Strategic Alignment</h2>
<p class="section-subtitle">How LLMNetOps aligns with ISIF Asia's strategic themes</p>
<div class="card-grid">
<div class="card pillar-card">
<div class="pillar-icon">🎓</div>
<h3>Building Capabilities</h3>
<p>Training and empowering network professionals with AI literacy and practical skills for implementing privacy-aware LLM solutions.</p>
</div>
<div class="card pillar-card">
<div class="pillar-icon">💡</div>
<h3>Driving Digital Innovation</h3>
<p>Introducing contextual AI applications for infrastructure operations—moving beyond general productivity to specialized technical support.</p>
</div>
<div class="card pillar-card">
<div class="pillar-icon">🚀</div>
<h3>Supporting Digital Transformation</h3>
<p>Enabling institutional transformation through privacy-first AI adoption that respects data sovereignty and institutional autonomy.</p>
</div>
</div>
</div>
</section>

<!-- Project Themes -->
<section>
<div class="container">
<h2 class="section-title">Project Themes</h2>
<p class="section-subtitle">Four key themes driving our approach</p>
<div class="card-grid">
<div class="card">
<div class="card-icon">🔒</div>
<h3>Privacy-First AI Adoption</h3>
<p>We promote locally-hosted open-source LLM models as a practical solution for institutions concerned about data privacy and institutional autonomy—an issue often overlooked in AI adoption discussions.</p>
</div>
<div class="card">
<div class="card-icon">🖥️</div>
<h3>Contextual AI for Infrastructure</h3>
<p>We introduce the use of generative AI not for general productivity, but specifically to support technical teams in managing, understanding, and documenting their own infrastructure.</p>
</div>
<div class="card">
<div class="card-icon">📚</div>
<h3>Bridging the AI Literacy Gap</h3>
<p>We focus on empowering network and IT staff with the knowledge and confidence to use AI in their daily tasks, addressing the training and tool gaps that prevent AI adoption.</p>
</div>
<div class="card">
<div class="card-icon">🤝</div>
<h3>Building a Knowledge-Sharing Community</h3>
<p>Through workshops and peer collaboration, we encourage a culture of learning and shared problem-solving, rather than one-off training sessions.</p>
</div>
</div>
</div>
</section>

<!-- Funding & Partners -->
<section class="about">
<div class="container">
<h2 class="section-title">Funding & Partners</h2>
<p class="section-subtitle">Supported by leading organizations in the Asia-Pacific region</p>
<div class="about-content">
<p>LLMNetOps is funded by the <strong>APNIC Foundation</strong> through the <strong>ISIF Asia 2025</strong> grant program. The project is implemented by <strong>Universitas Brawijaya</strong>, Indonesia, in collaboration with IDREN member institutions.</p>
<br>
<div class="alert alert-info">
<span class="alert-icon">ℹ️</span>
<div>
<strong>About ISIF Asia</strong><br>
The Information Society Innovation Fund (ISIF Asia) supports projects that develop solutions to ICT-related issues in the Asia Pacific region, with a focus on innovation, capacity building, and community development.
</div>
</div>
</div>
</div>
</section>

<!-- CTA Section -->
<section class="contact">
<h2 class="section-title">Get Involved</h2>
<p class="section-subtitle">Join us in building privacy-first AI capabilities for network operations</p>
<div class="btn-group">
<a href="workshops.html" class="btn btn-primary">View Workshops</a>
<a href="contact.html" class="btn btn-secondary">Contact Us</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>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="deliverables.html">Deliverables</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Funded By</h4>
<p>APNIC Foundation<br>ISIF Asia 2025</p>
</div>
<div class="footer-section">
<h4>Implemented By</h4>
<p>Universitas Brawijaya<br>Indonesia</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; <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>
</body>
</html>
Loading