-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfeatures.html
More file actions
266 lines (247 loc) · 21.9 KB
/
Copy pathfeatures.html
File metadata and controls
266 lines (247 loc) · 21.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="msvalidate.01" content="8738943710B70112309DBE6476B55A91" >
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="strict-origin-when-cross-origin">
<meta name="keywords" content="AcreetionOS features, Cinnamon desktop tweaks, Arch Linux features, open source software alternatives, privacy tools">
<title>Features – AcreetionOS: Cinnamon Desktop, Tools & Software</title>
<meta name="description" content="Explore AcreetionOS features: customized Cinnamon desktop, pre-installed privacy tools, Arch Linux stability, and open-source alternatives to Windows software.">
<link rel="canonical" href="https://acreetionos.org/features.html">
<link rel="alternate" type="application/atom+xml" title="AcreetionOS News" href="https://acreetionos.org/feed.xml" >
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": ["WebPage", "CollectionPage"],
"@id": "https://acreetionos.org/features.html",
"name": "Features – AcreetionOS: Cinnamon Desktop, Privacy Tools & Software",
"description": "Explore AcreetionOS features: customized Cinnamon desktop, pre-installed privacy tools, Arch Linux stability, and open-source alternatives to Windows software.",
"url": "https://acreetionos.org/features.html",
"isPartOf": { "@id": "https://acreetionos.org/#website" },
"inLanguage": "en",
"publisher": { "@id": "https://acreetionos.org/#organization" },
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://acreetionos.org/" },
{ "@type": "ListItem", "position": 2, "name": "Features", "item": "https://acreetionos.org/features.html" }
]
}
}
</script>
<meta property="og:type" content="website">
<meta property="og:url" content="https://acreetionos.org/features.html">
<meta property="og:title" content="Features – AcreetionOS Linux">
<meta property="og:description" content="Explore AcreetionOS features: customized Cinnamon desktop, privacy tools, Arch stability, and open-source app alternatives.">
<meta property="og:image" content="https://acreetionos.org/og-image.png">
<meta property="og:site_name" content="AcreetionOS">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Features – AcreetionOS Linux">
<meta name="twitter:description" content="See what makes AcreetionOS different.">
<meta name="twitter:image" content="https://acreetionos.org/og-image.png">
<link rel="icon" type="image/webp" href="acreetionoslogo.webp">
<link rel="stylesheet" href="sidebar.css?v=20260825" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="sidebar.css?v=20260825"></noscript>
<link rel="preload" href="vendor/icons/icons-subset.woff2?v=2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="vendor/icons/icons-subset.css?v=20260825" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="vendor/icons/icons-subset.css?v=20260825"></noscript>
<style>
#hamburger{position:absolute;top:6px;right:14px;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;width:36px;height:36px;padding:4px}#hamburger span{display:block;width:22px;height:2px;background:var(--acreetion-text-bright,#e5e5e5);border-radius:2px}#sidebar{position:fixed;visibility:hidden}#sidebar-overlay{position:fixed;display:none}.main-nav{display:none}:root{--green:#2ecc71;--bg:#121212;--panel:#1a1a1a;--border:#333;--text:#b2b2b2;--text-bright:#e5e5e5;--font-sans:'Roboto',sans-serif;--font-mono:'Fira Code',monospace}
html{touch-action:manipulation}input,textarea,select{font-size:16px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-sans);background:var(--bg);color:var(--text-bright);line-height:1.6}
.wrap{max-width:900px;margin:2rem auto;padding:0 1.5rem}
.hero{text-align:center;padding:2.5rem 1rem 1.5rem}
.hero h1{font-size:2rem;font-weight:800;margin-bottom:.5rem}
.hero h1 span{color:var(--green)}
.hero p{color:var(--text);font-size:1rem;max-width:600px;margin:0 auto;line-height:1.7}
/* Before/After Slider */
.slider-wrap{position:relative;width:100%;max-width:700px;margin:2rem auto;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--panel);aspect-ratio:16/10;user-select:none}
.slider-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.slider-after{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;clip-path:inset(0 50% 0 0)}
.slider-after .slider-img{object-fit:cover}
.slider-handle{position:absolute;top:0;left:50%;width:3px;height:100%;background:var(--green);cursor:ew-resize;z-index:10;transform:translateX(-1.5px)}
.slider-handle::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.slider-label{position:absolute;bottom:12px;padding:4px 12px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem;font-weight:600;z-index:5;pointer-events:none}
.slider-label.before{left:12px}
.slider-label.after{right:12px}
/* Tab system */
.tab-bar{display:flex;gap:0;margin:1.5rem 0;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;flex-wrap:wrap}
.tab-btn{flex:1;padding:.8rem 1rem;background:transparent;border:none;color:var(--text);font-weight:600;font-size:.85rem;cursor:pointer;transition:all.15s;text-align:center;min-width:80px;border-bottom:2px solid transparent;white-space:nowrap}
.tab-btn:hover{color:var(--text-bright)}
.tab-btn.active{color:var(--green);border-bottom-color:var(--green);background:rgba(46,204,113,.05)}
.tab-panel{display:none;animation:fadeIn.3s ease}
.tab-panel.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* App mapping */
.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;margin:1rem 0}
.app-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;transition:border-color.2s}
.app-card:hover{border-color:var(--green)}
.app-card .windows{color:#e74c3c;font-size:.8rem;margin-bottom:.25rem;font-weight:600}
.app-card .arrow{color:var(--green);font-size:.9rem;margin:.15rem 0}
.app-card .linux{color:var(--green);font-size:.88rem;font-weight:700}
.app-card .note{color:var(--text);font-size:.78rem;margin-top:.25rem;line-height:1.4}
/* Feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}
.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:border-color.2s}
.feature-card:hover{border-color:var(--green)}
.feature-card .icon{font-size:2rem;color:var(--green);margin-bottom:.5rem}
.feature-card h3{color:var(--text-bright);font-size:1rem;margin-bottom:.35rem}
.feature-card p{color:var(--text);font-size:.85rem;line-height:1.5;margin:0}
.footer{text-align:center;padding:2rem;margin-top:3rem;border-top:1px solid var(--border);color:#999;font-size:.85rem}
.footer a{color:var(--green)}
@media(max-width:600px){.hero h1{font-size:1.5rem}.tab-bar{flex-direction:column}.tab-btn{border-bottom:1px solid var(--border)}.tab-btn.active{border-bottom-color:var(--green)}}
</style>
</head>
<body>
<div id="page-wrap">
<div id="page-scale">
<header class="page-header">
<div class="header-content">
<a href="index.html" class="logo">
<img src="logo.webp" alt="AcreetionOS" class="logo-img" width="40" height="40">
<span class="logo-text">Acreetion <span>OS</span></span>
</a>
<nav class="main-nav">
<a href="index.html">Home</a>
<a href="flash.html">Downloads</a>
<a href="https://wiki.acreetionos.org/">Wiki</a>
</nav>
</div>
</header>
<div class="wrap">
<div class="hero">
<h1>What You Get with <span>AcreetionOS</span></h1>
<p>A curated Arch Linux experience with the Cinnamon desktop, privacy tools, and a complete set of open-source alternatives to proprietary software — all ready out of the box.</p>
</div>
<!-- Before / After Slider -->
<h2 style="text-align:center;font-size:1.2rem;color:var(--green);margin-bottom:.5rem">Stock Desktop vs. AcreetionOS Tweaked</h2>
<p style="text-align:center;color:var(--text);font-size:.85rem;margin-bottom:1rem">Drag the slider to compare a default Cinnamon desktop with our curated layout</p>
<div class="slider-wrap" id="slider">
<div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--panel);color:#555;font-size:.9rem;font-family:var(--font-mono);flex-direction:column;gap:.5rem;text-align:center;padding:1rem">
<i class="bi bi-image" style="font-size:2rem;color:#444"></i>
<span>Screenshot placeholder — replace with actual desktop screenshots</span>
<span style="font-size:.75rem;color:#444">Upload stock Cinnamon screenshot + AcreetionOS tweaked screenshot</span>
</div>
<div class="slider-handle" id="slider-handle" style="display:none"></div>
<div class="slider-label before">Before</div>
<div class="slider-label after">After</div>
</div>
<!-- Interactive App Tabs -->
<h2 style="font-size:1.3rem;color:var(--text-bright);margin:3rem 0 1rem">Explore AcreetionOS Features</h2>
<div class="tab-bar">
<button class="tab-btn active" data-tab="apps">Apps & Software</button>
<button class="tab-btn" data-tab="desktop">Desktop Customization</button>
<button class="tab-btn" data-tab="tools">Privacy & Security</button>
<button class="tab-btn" data-tab="system">System Tools</button>
</div>
<div class="tab-panel active" id="tab-apps">
<p style="color:var(--text);margin-bottom:1rem">AcreetionOS ships with a curated set of privacy-respecting alternatives to popular proprietary software. Here's what replaces the apps you already know:</p>
<div class="app-grid">
<div class="app-card"><div class="windows">Microsoft Office</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">LibreOffice + OnlyOffice</div><div class="note">Full document compatibility, no subscriptions</div></div>
<div class="app-card"><div class="windows">Adobe Photoshop</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">GIMP + Krita</div><div class="note">Professional image editing & digital painting</div></div>
<div class="app-card"><div class="windows">Microsoft Edge / Chrome</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">Firefox + Ungoogled Chromium</div><div class="note">Privacy-first browsing, no telemetry</div></div>
<div class="app-card"><div class="windows">Windows Media Player</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">Celluloid + VLC + Strawberry</div><div class="note">Plays anything, no codec hunting</div></div>
<div class="app-card"><div class="windows">Outlook / Mail</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">Thunderbird + Geary</div><div class="note">Email, calendar, and contacts</div></div>
<div class="app-card"><div class="windows">Windows Terminal</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">GNOME Terminal + Alacritty</div><div class="note">GPU-accelerated terminal emulators</div></div>
<div class="app-card"><div class="windows">OneDrive / Google Drive</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">Nextcloud Client</div><div class="note">Self-hosted or provider-hosted sync</div></div>
<div class="app-card"><div class="windows">7-Zip / WinRAR</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">File Roller + p7zip</div><div class="note">All archive formats supported</div></div>
<div class="app-card"><div class="windows">Task Manager</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">System Monitor + btop</div><div class="note">Beautiful terminal and GUI monitors</div></div>
<div class="app-card"><div class="windows">Notepad++</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">Xed + VSCodium + Neovim</div><div class="note">From simple editor to full IDE</div></div>
<div class="app-card"><div class="windows">Snip & Sketch</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">GNOME Screenshot + Flameshot</div><div class="note">Powerful annotation tools included</div></div>
<div class="app-card"><div class="windows">PowerToys</div><div class="arrow"><i class="bi bi-arrow-right"></i></div><div class="linux">AcreetionOS Tweak Utility</div><div class="note">Built-in tool for system tuning, mirror management & Nvidia driver toggles</div></div>
</div>
</div>
<div class="tab-panel" id="tab-desktop">
<div class="feature-grid">
<div class="feature-card"><div class="icon"><i class="bi bi-palette"></i></div><h3>Curated Cinnamon Theme</h3><p>Custom panel layout, accent colors, and window decorations. Familiar but polished — looks great from first boot.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-grid-3x3-gap"></i></div><h3>Smart Panel Layout</h3><p>Application menu, workspace switcher, system tray, and notification area pre-configured for productivity.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-window-stack"></i></div><h3>Workspace Overview</h3><p>Customizable hot corners and workspace switching. Expose-style overview for managing open windows.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-sliders"></i></div><h3>Tweak Utility</h3><p>One-click theme switching, font settings, panel configuration, and desktop effects — no terminal needed.</p></div>
</div>
</div>
<div class="tab-panel" id="tab-tools">
<div class="feature-grid">
<div class="feature-card"><div class="icon"><i class="bi bi-shield-check"></i></div><h3>Zero Telemetry</h3><p>No data collection, no usage reporting, no background phone-homes. Your machine is yours.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-incognito"></i></div><h3>Firefox Hardened</h3><p>Pre-configured Firefox with privacy extensions, tracking protection, and search set to DuckDuckGo.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-key"></i></div><h3>Full Disk Encryption</h3><p>Calamares installer offers LUKS encryption out of the box. Your data is safe if your device is lost.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-shield-lock"></i></div><h3>Firewall Enabled</h3><p>Uncomplicated Firewall (UFW) pre-installed with sensible defaults. No open ports by default.</p></div>
</div>
</div>
<div class="tab-panel" id="tab-system">
<div class="feature-grid">
<div class="feature-card"><div class="icon"><i class="bi bi-arrow-repeat"></i></div><h3>Rolling Release</h3><p>Install once, update forever. No version upgrades, no end-of-life deadlines. One install, continuous updates for life.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-clock-history"></i></div><h3>One-Week Stability Buffer</h3><p>We hold upstream packages for 7 days of testing before pushing to users. Cutting edge, without the breakage.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-box-seam"></i></div><h3>Pamac + AUR</h3><p>Graphical package manager with AUR, Flatpak, and Snap support. Thousands of apps, one-click install.</p></div>
<div class="feature-card"><div class="icon"><i class="bi bi-hdd-stack"></i></div><h3>Curated Repositories</h3><p>Our own package repos for AcreetionOS-specific software, tested before release. Repository sovereignty.</p></div>
</div>
</div>
<!-- FastFetch Config -->
<div style="margin:3rem 0;padding:1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:12px">
<h2 style="color:var(--green);font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem"><i class="bi bi-terminal"></i> Show Off Your AcreetionOS Setup</h2>
<p style="color:var(--text);font-size:.88rem;margin-bottom:1rem;line-height:1.6">Download the official FastFetch config to display your system info with the AcreetionOS logo and green accent theme. Take a screenshot and share it on <a href="https://reddit.com/r/unixporn" style="color:var(--green)">r/unixporn</a> or <a href="https://reddit.com/r/linux" style="color:var(--green)">r/linux</a>!</p>
<div style="background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-family:var(--font-mono);font-size:.82rem;color:var(--text);line-height:1.7;overflow-x:auto;margin-bottom:1rem">
<span style="color:#777"># One command to download, install, and run:</span><br>
<span style="color:var(--green)">curl -sL</span> https://acreetionos.org/acreetionos-fastfetch.jsonc <span style="color:var(--green)">-o</span> ~/.config/fastfetch/config.jsonc <span style="color:#777">&&</span><br>
sudo pacman -S --noconfirm fastfetch <span style="color:#777">&&</span><br>
<span style="color:var(--green)">fastfetch</span>
</div>
<div style="display:flex;gap:.75rem;flex-wrap:wrap;align-items:center">
<a href="acreetionos-fastfetch.jsonc" download class="btn" style="background:var(--green);color:#000;padding:.6rem 1.2rem;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem"><i class="bi bi-download"></i> Download Config</a>
<button class="copy-cmd-btn" onclick="copyFastFetchCmd()" style="padding:.6rem 1.2rem;background:transparent;border:1px solid var(--green);color:var(--green);border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem;font-family:var(--font-sans)"><i class="bi bi-clipboard"></i> Copy Install Command</button>
<span style="color:#777;font-size:.78rem">Requires <code style="background:rgba(46,204,113,.1);padding:.15em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.8rem">fastfetch</code> (install via pacman)</span>
</div>
</div>
<div style="text-align:center;padding:2rem 0;margin-top:2rem">
<h2 style="color:var(--green);font-size:1.2rem;margin-bottom:.75rem">Ready to Try It?</h2>
<p style="color:var(--text);margin-bottom:1.5rem;max-width:500px;margin:0 auto 1.5rem">Download the Cinnamon Edition ISO and experience Arch Linux the way it should be — powerful, private, and approachable.</p>
<a href="flash.html" class="btn" style="background:var(--green);color:#000;padding:.9rem 2rem;border-radius:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem"><i class="bi bi-download"></i> Download AcreetionOS</a>
</div>
</div>
<script>
function copyFastFetchCmd() {
var text = 'curl -sL https://acreetionos.org/acreetionos-fastfetch.jsonc -o ~/.config/fastfetch/config.jsonc && sudo pacman -S --noconfirm fastfetch && fastfetch';
navigator.clipboard.writeText(text).then(function() {
var btn = document.querySelector('.copy-cmd-btn');
btn.innerHTML = '<i class="bi bi-check"></i> Copied!';
setTimeout(function() { btn.innerHTML = '<i class="bi bi-clipboard"></i> Copy Install Command'; }, 2500);
});
}
</script>
<script src="scale-page.js?v=20260824" defer></script>
<script src="sidebar.js?v=20260825" defer></script>
</div>
</div>
<script>
// Tab switching
document.querySelectorAll('.tab-btn').forEach(function(btn) {
btn.addEventListener('click', function() {
document.querySelectorAll('.tab-btn').forEach(function(b){b.classList.remove('active')});
document.querySelectorAll('.tab-panel').forEach(function(p){p.classList.remove('active')});
this.classList.add('active');
document.getElementById('tab-' + this.getAttribute('data-tab')).classList.add('active');
});
});
// Before/After slider drag
var slider = document.getElementById('slider');
var after = document.getElementById('slider-after');
var handle = document.getElementById('slider-handle');
var isDragging = false;
function setSlider(x) {
var rect = slider.getBoundingClientRect();
var pct = Math.max(0, Math.min(100, ((x - rect.left) / rect.width) * 100));
after.style.clipPath = 'inset(0 ' + (100 - pct) + '% 0 0)';
handle.style.left = pct + '%';
}
handle.addEventListener('mousedown', function(e) { isDragging = true; e.preventDefault(); });
document.addEventListener('mousemove', function(e) { if (isDragging) setSlider(e.clientX); });
document.addEventListener('mouseup', function() { isDragging = false; });
handle.addEventListener('touchstart', function(e) { isDragging = true; e.preventDefault(); });
document.addEventListener('touchmove', function(e) { if (isDragging) setSlider(e.touches[0].clientX); });
document.addEventListener('touchend', function() { isDragging = false; });
</script>
<script src="footer.js?v=20260825" defer></script>
<script src="vendor/instantpage.min.js?v=20260825" type="module" defer></script>
<script src="tor-badge.js?v=20260825" defer></script>
</body>
</html>