Skip to content

Commit b6067ac

Browse files
CalmhostAcctCalmhostAcct
authored
Revise index.html for MOFH community updates
Updated the HTML structure and content to reflect changes for the MOFH community, including new project details and improved accessibility.
1 parent 4fd3a62 commit b6067ac

File tree

1 file changed

+113
-74
lines changed

1 file changed

+113
-74
lines changed

‎index.html‎

Lines changed: 113 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -2,103 +2,140 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Libre Networks – Open Source for a Freer Web</title>
7-
<link rel="stylesheet" href="assets/styles.css" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
<title>Libre Networks – Open source for the MOFH community.</title>
7+
8+
<!-- Bootstrap -->
9+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
10+
811
<link rel="icon" type="image/png" href="assets/logo.png" />
9-
<meta name="description" content="Libre Networks – A community-driven open source group building tools for privacy, freedom, and resilient media access." />
12+
<meta name="description" content="Libre Networks – Open-source tools for the MyOwnFreeHost ecosystem." />
13+
14+
<style>
15+
body {
16+
background: #ffffff;
17+
}
18+
.logo {
19+
width: 90px;
20+
}
21+
.hero {
22+
padding: 60px 0;
23+
}
24+
footer {
25+
margin-top: 60px;
26+
padding: 30px 0;
27+
border-top: 1px solid #e5e5e5;
28+
text-align: center;
29+
}
30+
</style>
1031
</head>
32+
1133
<body>
1234

13-
<header class="hero">
14-
<img src="assets/logo.png" alt="Libre Networks Logo" class="logo" />
15-
<h1>Libre Networks</h1>
16-
<p class="tagline">Open Source. Open Web. Open Future.</p>
35+
<!-- HERO -->
36+
<header class="hero text-center">
37+
<img src="assets/logo.png" alt="Libre Networks Logo" class="logo mb-3">
38+
<h1 class="fw-bold">Libre Networks</h1>
39+
<p class="lead">Open Source Tools for the MOFH Ecosystem</p>
1740
</header>
1841

1942
<!-- ABOUT -->
20-
<section class="mission">
21-
<h2>Who We Are</h2>
43+
<section class="container py-4">
44+
<h2 class="mb-3">Who We Are</h2>
2245
<p>
23-
Libre Networks is a volunteer-driven open source group focused on building tools,
24-
standards, and infrastructure that promote an open and free internet.<br><br>
25-
We believe technology should empower individuals—not restrict them. Our work spans
26-
media servers, networking tools, privacy-focused utilities, and documentation that
27-
helps people understand and control their digital environments.
46+
Libre Networks is a volunteer-driven open-source group building tools and libraries
47+
designed to improve and extend the capabilities of the MyOwnFreeHost (MOFH) platform.
48+
Our projects support developers by offering clean abstractions, API wrappers,
49+
modules, and utilities for both backend and frontend integration.
2850
</p>
2951
</section>
3052

31-
<!-- PROJECTS -->
32-
<section class="projects">
33-
<h2>Featured Project: Amps</h2>
34-
<p>
35-
<strong>Amps</strong> is our flagship open-source streaming tool: a modular, FFmpeg-powered
36-
server that dynamically generates M3U playlists, relays or transcodes content, and exposes
37-
everything through a clean Flask API.
38-
</p>
53+
<!-- FEATURED PROJECT -->
54+
<section class="container py-4">
55+
<h2 class="mb-3">Featured Project</h2>
56+
57+
<div class="card shadow-sm">
58+
<div class="card-body">
59+
<h3 class="h5">mofh-fossbilling-module</h3>
60+
<p class="mb-2">
61+
An unofficial FOSSBilling module that seamlessly integrates MyOwnFreeHost account
62+
provisioning, domain management, and automation directly into FOSSBilling.
63+
</p>
3964

40-
<ul>
41-
<li><strong>Dynamic M3U Playlists</strong> with metadata, groups, and channel details.</li>
42-
<li><strong>FFmpeg Engine</strong> for relay or transcoding.</li>
43-
<li><strong>HLS, LL-HLS & DASH outputs</strong> served automatically.</li>
44-
<li><strong>yt-dlp integration</strong> for complex streaming sources.</li>
45-
<li><strong>REST API</strong> for managing streams on the fly.</li>
46-
<li><strong>Adaptive bitrates</strong> for mobile + low-bandwidth clients.</li>
47-
<li><strong>Region filtering</strong> for flexible access control.</li>
48-
<li><strong>Docker support</strong> for easy deployment.</li>
49-
<li><strong>Apache 2.0 licensed</strong> and fully open source.</li>
50-
</ul>
51-
52-
<div style="margin-top: 15px;">
53-
<a href="https://librenetworks.github.io/amps" class="button">Amps Website</a>
54-
<a href="https://github.com/LibreNetworks/amps" class="button">View on GitHub</a>
65+
<ul>
66+
<li>Fully open-source (Apache 2.0)</li>
67+
<li>Automated account creation for MOFH</li>
68+
<li>API-driven integration</li>
69+
<li>Simple to install and extend</li>
70+
</ul>
71+
72+
<a href="https://github.com/LibreNetworks/mofh-fossbilling-module" class="btn btn-dark mt-2">View on GitHub</a>
73+
</div>
5574
</div>
5675
</section>
5776

5877
<!-- OTHER PROJECTS -->
59-
<section class="other-projects">
60-
<h2>Other Open Source Work Coming Soon</h2>
61-
<ul>
62-
<li><strong>Libre Utils:</strong> Tiny command-line tools for encryption, networking, and diagnostics.</li>
63-
<li><strong>Open Mesh Docs:</strong> Guides for building resilient peer-to-peer mesh networks.</li>
64-
<li><strong>Libre API:</strong> In-progress lightweight toolkit for self-hosted applications.</li>
65-
</ul>
78+
<section class="container py-5">
79+
<h2 class="mb-3">Other MOFH Open Source Projects</h2>
80+
81+
<div class="row g-4">
82+
83+
<!-- Project Card -->
84+
<div class="col-md-6">
85+
<div class="card h-100 shadow-sm">
86+
<div class="card-body">
87+
<h5 class="card-title">mofh-vp-api-wrapper</h5>
88+
<p>PHP client for interacting with MOFH's VistaPanel API.</p>
89+
<a href="https://github.com/LibreNetworks/mofh-vp-api-wrapper" class="btn btn-outline-dark btn-sm">GitHub</a>
90+
</div>
91+
</div>
92+
</div>
93+
94+
<div class="col-md-6">
95+
<div class="card h-100 shadow-sm">
96+
<div class="card-body">
97+
<h5 class="card-title">mofh-javascript</h5>
98+
<p>Lightweight JavaScript library for VistaPanel-based integrations.</p>
99+
<a href="https://github.com/LibreNetworks/mofh-javascript" class="btn btn-outline-dark btn-sm">GitHub</a>
100+
</div>
101+
</div>
102+
</div>
103+
104+
<div class="col-md-6">
105+
<div class="card h-100 shadow-sm">
106+
<div class="card-body">
107+
<h5 class="card-title">mofh-api-simu</h5>
108+
<p>Python-based simulation of the MOFH API for testing and development.</p>
109+
<a href="https://github.com/LibreNetworks/mofh-api-simu" class="btn btn-outline-dark btn-sm">GitHub</a>
110+
</div>
111+
</div>
112+
</div>
113+
114+
<div class="col-md-6">
115+
<div class="card h-100 shadow-sm">
116+
<div class="card-body">
117+
<h5 class="card-title">mofh-cli</h5>
118+
<p>A lightweight Python CLI tool for interacting with MyOwnFreeHost systems.</p>
119+
<a href="https://github.com/LibreNetworks/mofh-cli" class="btn btn-outline-dark btn-sm">GitHub</a>
120+
</div>
121+
</div>
122+
</div>
123+
124+
</div>
66125
</section>
67126

68127
<!-- GET INVOLVED -->
69-
<section class="get-involved">
70-
<h2>Get Involved</h2>
71-
<p>Libre Networks is completely open source and community-driven.</p>
72-
<ul>
73-
<li>Contribute to our GitHub repositories.</li>
74-
<li>Help improve documentation or write tutorials.</li>
75-
<li>Translate our projects into other languages.</li>
76-
<li>Join discussions, propose features, or build your own tools on top of ours.</li>
77-
</ul>
78-
79-
<p style="margin-top: 10px;">
80-
Visit our GitHub organization:<br>
81-
<a href="https://github.com/librenetworks" class="button">Libre Networks GitHub</a>
128+
<section class="container py-5">
129+
<h2 class="mb-3">Get Involved</h2>
130+
<p>
131+
All of our work is fully open source. Developers of any experience level are welcome.
132+
You can contribute code, write documentation, file issues, or help test tools.
82133
</p>
83-
</section>
84134

85-
<!-- FAQ -->
86-
<section class="faq">
87-
<h2>FAQ</h2>
88-
<details>
89-
<summary>Is everything you make open source?</summary>
90-
<p>Yes. All our tools—including Amps—are licensed under open source licenses such as Apache-2.0.</p>
91-
</details>
92-
<details>
93-
<summary>Can I contribute even if I’m new?</summary>
94-
<p>Absolutely. Many issues are beginner-friendly, and documentation help is always welcome.</p>
95-
</details>
96-
<details>
97-
<summary>How do I start contributing?</summary>
98-
<p>Check the GitHub issues page for “good-first-issue” tags or join our discussions.</p>
99-
</details>
135+
<a href="https://github.com/LibreNetworks" class="btn btn-dark">Libre Networks on GitHub</a>
100136
</section>
101137

138+
<!-- FOOTER -->
102139
<footer>
103140
<p>© <span id="year"></span> Libre Networks · Open Source for Everyone</p>
104141
</footer>
@@ -107,5 +144,7 @@ <h2>FAQ</h2>
107144
document.getElementById('year').textContent = new Date().getFullYear();
108145
</script>
109146

147+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
148+
110149
</body>
111150
</html>

0 commit comments

Comments
 (0)