pnmlinux.github.io/index.html at main · pnmlinux/pnmlinux.github.io · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>GNU/Linux PNM OS - Modern Linux Distribution</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="background-effects"></div>

    <header id="header">
        <div class="container">
            <nav>                <a href="#" class="logo">
                    <img src="assets/pnm_logo.png" alt="PNM OS" class="nav-logo">
                    PNM OS
                </a><ul class="nav-links">
                    <li><a href="#home">Home</a></li>
                    <li><a href="#features">Features</a></li>
                    <li><a href="#download">Download</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>    <section id="home" class="hero">
        <div class="container">
            <div class="hero-content">                <div class="hero-logo">
                    <img src="assets/pnm_logo.png" alt="PNM OS Logo" class="main-logo">
                </div><h1>Welcome to GNU/Linux PNM OS</h1>
                <p>GNU/Linux PNM OS is a modern, lightweight Linux distribution designed for simplicity, security, and performance. Built by passionate developers and maintained by an active community, PNM OS provides the perfect balance between functionality and elegance. Whether you're a developer, security professional, or everyday user, PNM OS delivers an exceptional Linux experience.</p>
                <div class="cta-buttons">
                    <a href="#download" class="btn btn-primary">
                        <i class="fas fa-download"></i>
                        Download Now
                    </a>
                    <a href="#features" class="btn btn-secondary">
                        <i class="fas fa-info-circle"></i>
                        Learn More
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section id="features" class="section">
        <div class="container">
            <h2 class="section-title scroll-animate">Why Choose PNM OS?</h2>
            <div class="features-grid">
                <div class="feature-card glass scroll-animate">
                    <div class="feature-icon">
                        <i class="fas fa-feather-alt"></i>
                    </div>
                    <h3>Lightweight & Fast</h3>
                    <p>Only 1.6GB in size with optimized performance. Experience lightning-fast boot times and smooth operation even on older hardware.</p>
                </div>
                <div class="feature-card glass scroll-animate">
                    <div class="feature-icon">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h3>Enhanced Security</h3>
                    <p>Built-in security tools and hardened configuration. Perfect for cybersecurity professionals and penetration testing.</p>
                </div>
                <div class="feature-card glass scroll-animate">
                    <div class="feature-icon">
                        <i class="fas fa-palette"></i>
                    </div>
                    <h3>Beautiful Design</h3>
                    <p>Modern, elegant interface with customizable themes. Enjoy a polished desktop experience that's both functional and beautiful.</p>
                </div>
                <div class="feature-card glass scroll-animate">
                    <div class="feature-icon">
                        <i class="fas fa-tools"></i>
                    </div>
                    <h3>Developer Ready</h3>
                    <p>Pre-installed development tools and environments. Start coding immediately with support for multiple programming languages.</p>
                </div>
                <div class="feature-card glass scroll-animate">
                    <div class="feature-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <h3>Community Driven</h3>
                    <p>Active community support and regular updates. Join thousands of users who contribute to making PNM OS better every day.</p>
                </div>
                <div class="feature-card glass scroll-animate">
                    <div class="feature-icon">
                        <i class="fab fa-osi"></i>
                    </div>
                    <h3>Open Source</h3>
                    <p>Fully open source under GPL license. Transparent, secure, and free forever with complete access to source code.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="download" class="section">
        <div class="container">
            <div class="download-section glass scroll-animate">
                <h2 class="section-title">Download PNM OS</h2>
                <p style="color: rgba(255,255,255,0.9); font-size: 1.1rem; margin-bottom: 40px;">Choose the perfect version for your needs</p>                <div class="download-cards">                    <div class="download-card">
                        <div class="card-image">
                            <img src="assets/ss1.png" alt="PNM OS Light Screenshot" class="screenshot">
                            <button class="zoom-btn" onclick="openImageModal('https://pnmlinux.github.io/ss1.png', 'PNM OS Light Screenshot')">
                                <i class="fas fa-search-plus"></i>
                            </button>
                        </div>
                        <div class="card-content">
                            <div class="version-badge">Recommended</div>
                            <h3>PNM OS Light</h3>
                            <p>Perfect for everyday users who want a fast, lightweight Linux experience. Includes essential applications and customizations for a smooth desktop experience.</p>
                            <div style="font-size: 1rem; color: rgba(255,255,255,0.8); margin-bottom: 20px; display: flex; align-items: center; gap: 10px;">
                                <i class="fas fa-hdd"></i> Size: 1.6GB
                                <i class="fas fa-bolt" style="margin-left: 15px;"></i> Fast & Lightweight
                            </div>
                            <a href="https://sourceforge.net/projects/pnmlinux/files/latest/download" class="btn btn-primary">
                                <i class="fas fa-download"></i>
                                Download Light Version
                            </a>
                        </div>
                    </div>
                      <div class="download-card">
                        <div class="card-image">
                            <img src="assets/ss2.png" alt="White Hat PNM OS Screenshot" class="screenshot">
                            <button class="zoom-btn" onclick="openImageModal('https://pnmlinux.github.io/ss2.png', 'White Hat PNM OS Screenshot')">
                                <i class="fas fa-search-plus"></i>
                            </button>
                        </div>
                        <div class="card-content">
                            <div class="version-badge">For Security</div>
                            <h3>White Hat PNM OS</h3>
                            <p>Specialized version for cybersecurity professionals. Includes penetration testing tools, security utilities, and hardened configuration for ethical hacking and security testing.</p>
                            <div style="font-size: 1rem; color: rgba(255,255,255,0.8); margin-bottom: 20px; display: flex; align-items: center; gap: 10px;">
                                <i class="fas fa-shield-alt"></i> Security Tools
                                <i class="fas fa-clock" style="margin-left: 15px;"></i> Coming Soon
                            </div>
                            <a href="#" class="btn btn-secondary" style="opacity: 0.7; cursor: not-allowed;">
                                <i class="fas fa-clock"></i>
                                Coming Soon
                            </a>
                        </div>
                    </div>
                      <div class="download-card">
                        <div class="card-image">
                            <img src="assets/ss3.png" alt="PNM OS Full Screenshot" class="screenshot">
                            <button class="zoom-btn" onclick="openImageModal('https://pnmlinux.github.io/ss3.png', 'PNM OS Full Screenshot')">
                                <i class="fas fa-search-plus"></i>
                            </button>
                        </div>
                        <div class="card-content">
                            <div class="version-badge">Advanced</div>
                            <h3>PNM OS Full</h3>
                            <p>Complete version with all development tools, multimedia codecs, and additional software packages for power users and developers who need everything.</p>                            <div style="font-size: 1rem; color: rgba(255,255,255,0.8); margin-bottom: 20px; display: flex; align-items: center; gap: 10px;">
                                <i class="fas fa-hdd"></i> Size: ~4GB
                                <i class="fas fa-code" style="margin-left: 15px;"></i> Dev Tools
                            </div>
                            <a href="https://sourceforge.net/projects/pnmlinux/" class="btn btn-primary">
                                <i class="fas fa-download"></i>
                                Download Full Version
                            </a>
                        </div>
                    </div>
                </div>
            </div>        </div>
    </section>

    <!-- Image Modal -->
    <div id="imageModal" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeImageModal()">&times;</span>
            <img id="modalImage" class="modal-image" src="" alt="">
            <div class="modal-caption" id="modalCaption"></div>
        </div>
    </div>

    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul>
                        <li><a href="https://sourceforge.net/projects/pnmlinux/">Download</a></li>
                        <li><a href="#contact">Contact</a></li>
                        <li><a href="donate.html">Donate</a></li>
                        <li><a href="learnmore.html">Learn More</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Community</h3>
                    <ul>
                        <li><a href="https://discord.gg/yfVgfQggJk">Discord</a></li>
                        <li><a href="https://github.com/pnmlinux">GitHub</a></li>
                        <li><a href="https://t.me/joinchat/Ed9s1w5rU6nIFPWY">Telegram</a></li>
                        <li><a href="https://www.linkedin.com/company/gnu-linux-pnm-os/">LinkedIn</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Contributors</h3>
                    <ul>
                        <li><a href="https://github.com/suleymanfatih">Suleyman Fatih</a></li>
                        <li><a href="https://github.com/efectn">Efe</a></li>
                        <li><a href="https://gitlab.com/sulincix">Ali Rıza</a></li>
                        <li><a href="https://github.com/lazypwny751">Ahmet Taha</a></li>
                        <li><a href="https://github.com/ilsqr">İlker Sezer</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Connect With Us</h3>
                    <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">Follow us on social media for updates</p>
                    <div class="social-links">
                        <a href="https://github.com/pnmlinux"><i class="fab fa-github"></i></a>
                        <a href="https://discord.gg/yfVgfQggJk"><i class="fab fa-discord"></i></a>
                        <a href="https://t.me/joinchat/Ed9s1w5rU6nIFPWY"><i class="fab fa-telegram"></i></a>
                        <a href="https://www.linkedin.com/company/gnu-linux-pnm-os/"><i class="fab fa-linkedin"></i></a>
                        <a href="https://linktr.ee/suleymanfatih"><i class="fas fa-link"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2021-2025 GNU/Linux PNM OS. Licensed under GPL. All rights reserved.</p>
            </div>
        </div>
    </footer>    <script src="script.js"></script>
</body>
</html>