gandalf/secubox-openwrt
gandalf/secubox-openwrt
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
e13a3f5b84
secubox-openwrt/site/archive/completion-report/index.html
CyberMind-FR e13a3f5b84 hello
2026-01-04 19:50:25 +01:00

2846 lines
75 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="OpenWrt LuCI Security & Management Suite">
<meta name="author" content="CyberMind.fr">
<link rel="canonical" href="https://gkerma.github.io/secubox-openwrt/archive/completion-report/">
<link rel="prev" href="../build-issues/">
<link rel="next" href="../module-enable-disable-design/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.1">
<title>Completion Report - SecuBox Documentation</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.484c7ddc.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.ab4e12ef.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style>
<link rel="stylesheet" href="../../stylesheets/extra.css">
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="purple">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#rapport-de-completion-secubox-components" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<div data-md-color-scheme="default" data-md-component="outdated" hidden>
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="SecuBox Documentation" class="md-header__button md-logo" aria-label="SecuBox Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
SecuBox Documentation
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Completion Report
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="purple" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
</label>
<input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="indigo" data-md-color-accent="purple" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://github.com/gkerma/secubox-openwrt" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</div>
<div class="md-source__repository">
gkerma/secubox-openwrt
</div>
</a>
</div>
</nav>
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="../.." class="md-tabs__link">
Home
</a>
</li>
<li class="md-tabs__item">
<a href="../../quick-start/" class="md-tabs__link">
Getting Started
</a>
</li>
<li class="md-tabs__item">
<a href="../../development-guidelines/" class="md-tabs__link">
Development
</a>
</li>
<li class="md-tabs__item">
<a href="../../claude/" class="md-tabs__link">
Reference
</a>
</li>
<li class="md-tabs__item">
<a href="../../module-status/" class="md-tabs__link">
Modules
</a>
</li>
<li class="md-tabs__item">
<a href="../../todo-analyse/" class="md-tabs__link">
Tools & Roadmap
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="../" class="md-tabs__link">
Archive
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="SecuBox Documentation" class="md-nav__button md-logo" aria-label="SecuBox Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
SecuBox Documentation
</label>
<div class="md-nav__source">
<a href="https://github.com/gkerma/secubox-openwrt" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</div>
<div class="md-source__repository">
gkerma/secubox-openwrt
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
<span class="md-ellipsis">
Getting Started
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
Getting Started
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../quick-start/" class="md-nav__link">
<span class="md-ellipsis">
Quick Start
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../documentation-index/" class="md-nav__link">
<span class="md-ellipsis">
Documentation Index
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../repository-guidelines/" class="md-nav__link">
<span class="md-ellipsis">
Repository Guidelines
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
<span class="md-ellipsis">
Development
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Development
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../development-guidelines/" class="md-nav__link">
<span class="md-ellipsis">
Development Guidelines
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../code-templates/" class="md-nav__link">
<span class="md-ellipsis">
Code Templates
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../module-implementation-guide/" class="md-nav__link">
<span class="md-ellipsis">
Module Implementation
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
<span class="md-ellipsis">
Reference
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Reference
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../claude/" class="md-nav__link">
<span class="md-ellipsis">
RPCD & Architecture
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../validation-guide/" class="md-nav__link">
<span class="md-ellipsis">
Validation Guide
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../permissions-guide/" class="md-nav__link">
<span class="md-ellipsis">
Permissions Guide
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../luci-development-reference/" class="md-nav__link">
<span class="md-ellipsis">
LuCI Development
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../codex/" class="md-nav__link">
<span class="md-ellipsis">
Codex Manual
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
<span class="md-ellipsis">
Modules
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Modules
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../module-status/" class="md-nav__link">
<span class="md-ellipsis">
Module Status
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../feature-regeneration-prompts/" class="md-nav__link">
<span class="md-ellipsis">
Feature Prompts
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_6" >
<label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
<span class="md-ellipsis">
Tools & Roadmap
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_6">
<span class="md-nav__icon md-icon"></span>
Tools & Roadmap
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../todo-analyse/" class="md-nav__link">
<span class="md-ellipsis">
TODO Roadmap
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_7" checked>
<label class="md-nav__link" for="__nav_7" id="__nav_7_label" tabindex="">
<span class="md-ellipsis">
Archive
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_7">
<span class="md-nav__icon md-icon"></span>
Archive
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Archive Index
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../build-issues/" class="md-nav__link">
<span class="md-ellipsis">
Build Issues
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Completion Report
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Completion Report
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#resume-executif" class="md-nav__link">
<span class="md-ellipsis">
Résumé Exécutif
</span>
</a>
<nav class="md-nav" aria-label="Résumé Exécutif">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#statistiques-globales" class="md-nav__link">
<span class="md-ellipsis">
Statistiques Globales
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#composants-completes" class="md-nav__link">
<span class="md-ellipsis">
Composants Complétés
</span>
</a>
<nav class="md-nav" aria-label="Composants Complétés">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-luci-app-secubox-hub-central" class="md-nav__link">
<span class="md-ellipsis">
✅ 1. luci-app-secubox (Hub Central)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-luci-app-system-hub-centre-de-controle-systeme" class="md-nav__link">
<span class="md-ellipsis">
✅ 2. luci-app-system-hub (Centre de Contrôle Système)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-luci-app-crowdsec-dashboard-securite-collaborative" class="md-nav__link">
<span class="md-ellipsis">
✅ 3. luci-app-crowdsec-dashboard (Sécurité Collaborative)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-luci-app-netdata-dashboard-monitoring-systeme" class="md-nav__link">
<span class="md-ellipsis">
✅ 4. luci-app-netdata-dashboard (Monitoring Système)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-luci-app-netifyd-dashboard-deep-packet-inspection" class="md-nav__link">
<span class="md-ellipsis">
✅ 5. luci-app-netifyd-dashboard (Deep Packet Inspection)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6-luci-app-network-modes-configuration-reseau" class="md-nav__link">
<span class="md-ellipsis">
✅ 6. luci-app-network-modes (Configuration Réseau)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#7-luci-app-wireguard-dashboard-gestion-vpn" class="md-nav__link">
<span class="md-ellipsis">
✅ 7. luci-app-wireguard-dashboard (Gestion VPN)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#8-luci-app-client-guardian-controle-dacces-reseau" class="md-nav__link">
<span class="md-ellipsis">
✅ 8. luci-app-client-guardian (Contrôle d'Accès Réseau)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#9-luci-app-auth-guardian-systeme-dauthentification" class="md-nav__link">
<span class="md-ellipsis">
✅ 9. luci-app-auth-guardian (Système d'Authentification)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#10-luci-app-bandwidth-manager-qos-quotas" class="md-nav__link">
<span class="md-ellipsis">
✅ 10. luci-app-bandwidth-manager (QoS &amp; Quotas)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#11-luci-app-media-flow-detection-de-trafic-media" class="md-nav__link">
<span class="md-ellipsis">
✅ 11. luci-app-media-flow (Détection de Trafic Média)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#12-luci-app-cdn-cache-optimisation-de-bande-passante" class="md-nav__link">
<span class="md-ellipsis">
✅ 12. luci-app-cdn-cache (Optimisation de Bande Passante)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#13-luci-app-vhost-manager-gestion-dhotes-virtuels" class="md-nav__link">
<span class="md-ellipsis">
✅ 13. luci-app-vhost-manager (Gestion d'Hôtes Virtuels)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#fichiers-css-crees" class="md-nav__link">
<span class="md-ellipsis">
Fichiers CSS Créés
</span>
</a>
<nav class="md-nav" aria-label="Fichiers CSS Créés">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-auth-guardiandashboardcss" class="md-nav__link">
<span class="md-ellipsis">
1. auth-guardian/dashboard.css
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-bandwidth-managerdashboardcss" class="md-nav__link">
<span class="md-ellipsis">
2. bandwidth-manager/dashboard.css
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-media-flowdashboardcss" class="md-nav__link">
<span class="md-ellipsis">
3. media-flow/dashboard.css
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-vhost-managerdashboardcss" class="md-nav__link">
<span class="md-ellipsis">
4. vhost-manager/dashboard.css
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#patterns-et-standards-css-utilises" class="md-nav__link">
<span class="md-ellipsis">
Patterns et Standards CSS Utilisés
</span>
</a>
<nav class="md-nav" aria-label="Patterns et Standards CSS Utilisés">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#variables-css-root" class="md-nav__link">
<span class="md-ellipsis">
Variables CSS Root
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#composants-communs" class="md-nav__link">
<span class="md-ellipsis">
Composants Communs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#animations" class="md-nav__link">
<span class="md-ellipsis">
Animations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#responsive-design" class="md-nav__link">
<span class="md-ellipsis">
Responsive Design
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#architecture-technique" class="md-nav__link">
<span class="md-ellipsis">
Architecture Technique
</span>
</a>
<nav class="md-nav" aria-label="Architecture Technique">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#structure-standard-de-package" class="md-nav__link">
<span class="md-ellipsis">
Structure Standard de Package
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#technologies-utilisees" class="md-nav__link">
<span class="md-ellipsis">
Technologies Utilisées
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#validation-et-tests" class="md-nav__link">
<span class="md-ellipsis">
Validation et Tests
</span>
</a>
<nav class="md-nav" aria-label="Validation et Tests">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#checks-effectues" class="md-nav__link">
<span class="md-ellipsis">
Checks Effectués
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#prochaines-etapes-recommandees" class="md-nav__link">
<span class="md-ellipsis">
Prochaines Étapes Recommandées
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#outils-et-scripts" class="md-nav__link">
<span class="md-ellipsis">
Outils et Scripts
</span>
</a>
<nav class="md-nav" aria-label="Outils et Scripts">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#outils-de-reparation" class="md-nav__link">
<span class="md-ellipsis">
Outils de Réparation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#scripts-de-validation" class="md-nav__link">
<span class="md-ellipsis">
Scripts de Validation
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#licence" class="md-nav__link">
<span class="md-ellipsis">
Licence
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#auteur" class="md-nav__link">
<span class="md-ellipsis">
Auteur
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#conclusion" class="md-nav__link">
<span class="md-ellipsis">
Conclusion
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../module-enable-disable-design/" class="md-nav__link">
<span class="md-ellipsis">
Module Enable/Disable
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#resume-executif" class="md-nav__link">
<span class="md-ellipsis">
Résumé Exécutif
</span>
</a>
<nav class="md-nav" aria-label="Résumé Exécutif">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#statistiques-globales" class="md-nav__link">
<span class="md-ellipsis">
Statistiques Globales
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#composants-completes" class="md-nav__link">
<span class="md-ellipsis">
Composants Complétés
</span>
</a>
<nav class="md-nav" aria-label="Composants Complétés">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-luci-app-secubox-hub-central" class="md-nav__link">
<span class="md-ellipsis">
✅ 1. luci-app-secubox (Hub Central)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-luci-app-system-hub-centre-de-controle-systeme" class="md-nav__link">
<span class="md-ellipsis">
✅ 2. luci-app-system-hub (Centre de Contrôle Système)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-luci-app-crowdsec-dashboard-securite-collaborative" class="md-nav__link">
<span class="md-ellipsis">
✅ 3. luci-app-crowdsec-dashboard (Sécurité Collaborative)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-luci-app-netdata-dashboard-monitoring-systeme" class="md-nav__link">
<span class="md-ellipsis">
✅ 4. luci-app-netdata-dashboard (Monitoring Système)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-luci-app-netifyd-dashboard-deep-packet-inspection" class="md-nav__link">
<span class="md-ellipsis">
✅ 5. luci-app-netifyd-dashboard (Deep Packet Inspection)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6-luci-app-network-modes-configuration-reseau" class="md-nav__link">
<span class="md-ellipsis">
✅ 6. luci-app-network-modes (Configuration Réseau)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#7-luci-app-wireguard-dashboard-gestion-vpn" class="md-nav__link">
<span class="md-ellipsis">
✅ 7. luci-app-wireguard-dashboard (Gestion VPN)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#8-luci-app-client-guardian-controle-dacces-reseau" class="md-nav__link">
<span class="md-ellipsis">
✅ 8. luci-app-client-guardian (Contrôle d'Accès Réseau)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#9-luci-app-auth-guardian-systeme-dauthentification" class="md-nav__link">
<span class="md-ellipsis">
✅ 9. luci-app-auth-guardian (Système d'Authentification)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#10-luci-app-bandwidth-manager-qos-quotas" class="md-nav__link">
<span class="md-ellipsis">
✅ 10. luci-app-bandwidth-manager (QoS &amp; Quotas)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#11-luci-app-media-flow-detection-de-trafic-media" class="md-nav__link">
<span class="md-ellipsis">
✅ 11. luci-app-media-flow (Détection de Trafic Média)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#12-luci-app-cdn-cache-optimisation-de-bande-passante" class="md-nav__link">
<span class="md-ellipsis">
✅ 12. luci-app-cdn-cache (Optimisation de Bande Passante)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#13-luci-app-vhost-manager-gestion-dhotes-virtuels" class="md-nav__link">
<span class="md-ellipsis">
✅ 13. luci-app-vhost-manager (Gestion d'Hôtes Virtuels)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#fichiers-css-crees" class="md-nav__link">
<span class="md-ellipsis">
Fichiers CSS Créés
</span>
</a>
<nav class="md-nav" aria-label="Fichiers CSS Créés">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-auth-guardiandashboardcss" class="md-nav__link">
<span class="md-ellipsis">
1. auth-guardian/dashboard.css
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-bandwidth-managerdashboardcss" class="md-nav__link">
<span class="md-ellipsis">
2. bandwidth-manager/dashboard.css
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-media-flowdashboardcss" class="md-nav__link">
<span class="md-ellipsis">
3. media-flow/dashboard.css
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-vhost-managerdashboardcss" class="md-nav__link">
<span class="md-ellipsis">
4. vhost-manager/dashboard.css
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#patterns-et-standards-css-utilises" class="md-nav__link">
<span class="md-ellipsis">
Patterns et Standards CSS Utilisés
</span>
</a>
<nav class="md-nav" aria-label="Patterns et Standards CSS Utilisés">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#variables-css-root" class="md-nav__link">
<span class="md-ellipsis">
Variables CSS Root
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#composants-communs" class="md-nav__link">
<span class="md-ellipsis">
Composants Communs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#animations" class="md-nav__link">
<span class="md-ellipsis">
Animations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#responsive-design" class="md-nav__link">
<span class="md-ellipsis">
Responsive Design
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#architecture-technique" class="md-nav__link">
<span class="md-ellipsis">
Architecture Technique
</span>
</a>
<nav class="md-nav" aria-label="Architecture Technique">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#structure-standard-de-package" class="md-nav__link">
<span class="md-ellipsis">
Structure Standard de Package
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#technologies-utilisees" class="md-nav__link">
<span class="md-ellipsis">
Technologies Utilisées
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#validation-et-tests" class="md-nav__link">
<span class="md-ellipsis">
Validation et Tests
</span>
</a>
<nav class="md-nav" aria-label="Validation et Tests">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#checks-effectues" class="md-nav__link">
<span class="md-ellipsis">
Checks Effectués
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#prochaines-etapes-recommandees" class="md-nav__link">
<span class="md-ellipsis">
Prochaines Étapes Recommandées
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#outils-et-scripts" class="md-nav__link">
<span class="md-ellipsis">
Outils et Scripts
</span>
</a>
<nav class="md-nav" aria-label="Outils et Scripts">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#outils-de-reparation" class="md-nav__link">
<span class="md-ellipsis">
Outils de Réparation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#scripts-de-validation" class="md-nav__link">
<span class="md-ellipsis">
Scripts de Validation
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#licence" class="md-nav__link">
<span class="md-ellipsis">
Licence
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#auteur" class="md-nav__link">
<span class="md-ellipsis">
Auteur
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#conclusion" class="md-nav__link">
<span class="md-ellipsis">
Conclusion
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="rapport-de-completion-secubox-components">Rapport de Complétion - SecuBox Components<a class="headerlink" href="#rapport-de-completion-secubox-components" title="Permanent link">&para;</a></h1>
<p><strong>Version:</strong> 1.0.0<br />
<strong>Last Updated:</strong> 2025-12-28<br />
<strong>Status:</strong> Active</p>
<p><strong>Version:</strong> 1.0.0<br />
<strong>Last Updated:</strong> 2025-12-28<br />
<strong>Status:</strong> Archived<br />
<strong>Report Date:</strong> 2025-12-23</p>
<hr />
<h2 id="resume-executif">Résumé Exécutif<a class="headerlink" href="#resume-executif" title="Permanent link">&para;</a></h2>
<p>Les 13 composants LuCI SecuBox ont été complétés avec succès. Tous les fichiers essentiels sont maintenant présents et fonctionnels.</p>
<h3 id="statistiques-globales">Statistiques Globales<a class="headerlink" href="#statistiques-globales" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Composants totaux:</strong> 13</li>
<li><strong>Composants complets:</strong> 13 (100%)</li>
<li><strong>Fichiers CSS créés:</strong> 4</li>
<li><strong>Fichiers JavaScript:</strong> 79 total</li>
<li><strong>Backends RPCD:</strong> 14 total</li>
</ul>
<hr />
<h2 id="composants-completes">Composants Complétés<a class="headerlink" href="#composants-completes" title="Permanent link">&para;</a></h2>
<h3 id="1-luci-app-secubox-hub-central">✅ 1. luci-app-secubox (Hub Central)<a class="headerlink" href="#1-luci-app-secubox-hub-central" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backends: 2 (luci.secubox, secubox)
- JavaScript: 4 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Dashboard centralisé pour tous les modules SecuBox
- Navigation unifiée
- Monitoring intégré</p>
<hr />
<h3 id="2-luci-app-system-hub-centre-de-controle-systeme">✅ 2. luci-app-system-hub (Centre de Contrôle Système)<a class="headerlink" href="#2-luci-app-system-hub-centre-de-controle-systeme" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (753 lignes)
- JavaScript: 8 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Gestion des composants (start/stop/restart)
- Health monitoring avec score 0-100
- Assistance à distance RustDesk
- Collection de diagnostics
- Logs unifiés
- Tâches planifiées</p>
<hr />
<h3 id="3-luci-app-crowdsec-dashboard-securite-collaborative">✅ 3. luci-app-crowdsec-dashboard (Sécurité Collaborative)<a class="headerlink" href="#3-luci-app-crowdsec-dashboard-securite-collaborative" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (267 lignes)
- JavaScript: 5 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Monitoring des bans en temps réel
- Gestion des décisions IP
- Dashboard de métriques
- Visualisation géographique des menaces
- Thème cybersécurité dark</p>
<hr />
<h3 id="4-luci-app-netdata-dashboard-monitoring-systeme">✅ 4. luci-app-netdata-dashboard (Monitoring Système)<a class="headerlink" href="#4-luci-app-netdata-dashboard-monitoring-systeme" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (463 lignes)
- JavaScript: 5 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Monitoring CPU, mémoire, disque, réseau
- Capteurs de température
- Moniteur de processus
- Gauges et sparklines animés
- Rafraîchissement toutes les 2 secondes</p>
<hr />
<h3 id="5-luci-app-netifyd-dashboard-deep-packet-inspection">✅ 5. luci-app-netifyd-dashboard (Deep Packet Inspection)<a class="headerlink" href="#5-luci-app-netifyd-dashboard-deep-packet-inspection" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (505 lignes)
- JavaScript: 7 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Détection d'applications (Netflix, YouTube, Zoom)
- Identification de protocoles (HTTP, HTTPS, DNS, QUIC)
- Suivi des flux réseau en direct
- Découverte automatique d'appareils
- Catégorisation du trafic</p>
<hr />
<h3 id="6-luci-app-network-modes-configuration-reseau">✅ 6. luci-app-network-modes (Configuration Réseau)<a class="headerlink" href="#6-luci-app-network-modes-configuration-reseau" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (698 lignes)
- JavaScript: 6 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- <strong>Mode Sniffer</strong>: Bridge transparent pour analyse
- <strong>Mode Access Point</strong>: WiFi AP avec 802.11r/k/v
- <strong>Mode Relay</strong>: Extension réseau avec WireGuard
- <strong>Mode Router</strong>: Routeur complet avec proxy et HTTPS
- Changement de mode en un clic avec backup</p>
<hr />
<h3 id="7-luci-app-wireguard-dashboard-gestion-vpn">✅ 7. luci-app-wireguard-dashboard (Gestion VPN)<a class="headerlink" href="#7-luci-app-wireguard-dashboard-gestion-vpn" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (555 lignes)
- JavaScript: 6 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Monitoring des tunnels
- Gestion des peers (actif/idle/inactif)
- Statistiques de trafic par peer
- Visualisation de configuration
- Sécurisé (clés privées jamais exposées)</p>
<hr />
<h3 id="8-luci-app-client-guardian-controle-dacces-reseau">✅ 8. luci-app-client-guardian (Contrôle d'Accès Réseau)<a class="headerlink" href="#8-luci-app-client-guardian-controle-dacces-reseau" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (775 lignes)
- JavaScript: 8 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Détection et monitoring en temps réel des clients
- Gestion des zones (LAN, IoT, Invités, Quarantaine)
- Politique de quarantaine par défaut
- Portail captif moderne
- Contrôle parental (limites de temps, filtrage de contenu)
- Alertes SMS/Email</p>
<hr />
<h3 id="9-luci-app-auth-guardian-systeme-dauthentification">✅ 9. luci-app-auth-guardian (Système d'Authentification)<a class="headerlink" href="#9-luci-app-auth-guardian-systeme-dauthentification" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (147 lignes)
- JavaScript: 7 fichiers
- <strong>CSS: 1 fichier</strong> ⭐ <strong>NOUVEAU</strong>
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>CSS Créé:</strong>
- <code>dashboard.css</code> (380+ lignes)
- Thème rouge sécurité (#ef4444)
- Cartes de statistiques avec hover effects
- Styles pour OAuth, vouchers, sessions
- Animations pulse pour états actifs</p>
<p><strong>Fonctionnalités:</strong>
- Portail captif personnalisable
- Intégration OAuth (Google, GitHub, Facebook, Twitter)
- Système de vouchers avec limites
- Gestion de sessions sécurisées
- Règles de bypass MAC/IP/Domain</p>
<hr />
<h3 id="10-luci-app-bandwidth-manager-qos-quotas">✅ 10. luci-app-bandwidth-manager (QoS &amp; Quotas)<a class="headerlink" href="#10-luci-app-bandwidth-manager-qos-quotas" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (192 lignes)
- JavaScript: 7 fichiers
- <strong>CSS: 1 fichier</strong> ⭐ <strong>NOUVEAU</strong>
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>CSS Créé:</strong>
- <code>dashboard.css</code> (600+ lignes)
- Thème violet gradient (#8b5cf6 → #6366f1)
- Classes QoS avec barres de progression
- Styles pour quotas avec états (normal/warning/exceeded)
- Détection de médias avec cartes de services
- Timeline de trafic avec graphiques</p>
<p><strong>Fonctionnalités:</strong>
- 8 classes de priorité QoS configurables
- Quotas journaliers et mensuels
- Détection automatique de médias (VoIP, Gaming, Streaming)
- Planification basée sur le temps
- Statistiques par client</p>
<hr />
<h3 id="11-luci-app-media-flow-detection-de-trafic-media">✅ 11. luci-app-media-flow (Détection de Trafic Média)<a class="headerlink" href="#11-luci-app-media-flow-detection-de-trafic-media" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (125 lignes)
- JavaScript: 5 fichiers
- <strong>CSS: 1 fichier</strong> ⭐ <strong>NOUVEAU</strong>
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>CSS Créé:</strong>
- <code>dashboard.css</code> (680+ lignes)
- Thème rose-violet gradient (#ec4899 → #8b5cf6)
- Cartes de services de streaming
- Détection de protocoles avec badges
- Appels VoIP avec indicateur live pulsant
- Quality of Experience meter avec scores
- Timeline de trafic avec graphiques à barres</p>
<p><strong>Fonctionnalités:</strong>
- Détection de services de streaming en temps réel
- Identification de protocoles (RTSP, HLS, DASH, RTP)
- Monitoring VoIP/Vidéo calls
- Suivi de bande passante par service
- Métriques de qualité d'expérience</p>
<p><strong>Services Supportés:</strong>
- Netflix, YouTube, Twitch, Disney+
- Spotify, Apple Music, Tidal
- Zoom, Teams, Google Meet, WebEx</p>
<hr />
<h3 id="12-luci-app-cdn-cache-optimisation-de-bande-passante">✅ 12. luci-app-cdn-cache (Optimisation de Bande Passante)<a class="headerlink" href="#12-luci-app-cdn-cache-optimisation-de-bande-passante" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (692 lignes)
- JavaScript: 7 fichiers
- CSS: 1 fichier (dashboard.css)
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>Fonctionnalités:</strong>
- Cache intelligent du contenu fréquemment accédé
- Statistiques de hit ratio et économies en temps réel
- Policies configurables par domaine/extension
- Purge et préchargement automatiques
- Graphiques statistiques et tendances</p>
<p><strong>Policies de Cache:</strong>
- Windows Update, dépôts Linux
- Contenu statique (JS, CSS, images)
- TTL configurable par type</p>
<hr />
<h3 id="13-luci-app-vhost-manager-gestion-dhotes-virtuels">✅ 13. luci-app-vhost-manager (Gestion d'Hôtes Virtuels)<a class="headerlink" href="#13-luci-app-vhost-manager-gestion-dhotes-virtuels" title="Permanent link">&para;</a></h3>
<p><strong>Fichiers:</strong>
- Makefile ✓
- RPCD backend: 1 (145 lignes)
- JavaScript: 5 fichiers
- <strong>CSS: 1 fichier</strong> ⭐ <strong>NOUVEAU</strong>
- Menu JSON ✓
- ACL JSON ✓</p>
<p><strong>CSS Créé:</strong>
- <code>dashboard.css</code> (700+ lignes)
- Thème cyan (#06b6d4)
- Cartes de vhosts avec badges SSL
- Redirections avec flèches animées
- Templates de services avec hover effects
- Preview de configuration Nginx/HAProxy
- Setup Let's Encrypt ACME avec domaines vérifiés</p>
<p><strong>Fonctionnalités:</strong>
- Hôtes virtuels internes avec domaines personnalisés
- Redirection de services externes
- SSL/TLS avec Let's Encrypt ou auto-signé
- Configuration automatique de reverse proxy nginx</p>
<p><strong>Services Supportés:</strong>
- Nextcloud, GitLab, Jellyfin
- Home Assistant et plus</p>
<hr />
<h2 id="fichiers-css-crees">Fichiers CSS Créés<a class="headerlink" href="#fichiers-css-crees" title="Permanent link">&para;</a></h2>
<h3 id="1-auth-guardiandashboardcss">1. auth-guardian/dashboard.css<a class="headerlink" href="#1-auth-guardiandashboardcss" title="Permanent link">&para;</a></h3>
<p><strong>Lignes:</strong> 380+
<strong>Thème:</strong> Rouge sécurité
<strong>Caractéristiques:</strong>
- Variables CSS pour couleurs cohérentes
- Cartes de statistiques avec hover effects
- Styles OAuth avec boutons colorés par provider
- Système de vouchers avec badges de statut
- Table de sessions avec indicateurs actifs pulsants
- Règles de bypass avec badges typés
- Formulaires et boutons d'action
- Responsive design</p>
<h3 id="2-bandwidth-managerdashboardcss">2. bandwidth-manager/dashboard.css<a class="headerlink" href="#2-bandwidth-managerdashboardcss" title="Permanent link">&para;</a></h3>
<p><strong>Lignes:</strong> 600+
<strong>Thème:</strong> Violet gradient
<strong>Caractéristiques:</strong>
- Grid de statistiques avec cartes animées
- 8 classes QoS avec barres de progression
- Variations de couleurs par priorité
- Système de quotas avec états (normal/warning/exceeded)
- Détection de médias avec grille de services
- Planifications temporelles avec badges de jours
- Table de statistiques clients avec barres d'usage
- Indicateur live en temps réel</p>
<h3 id="3-media-flowdashboardcss">3. media-flow/dashboard.css<a class="headerlink" href="#3-media-flowdashboardcss" title="Permanent link">&para;</a></h3>
<p><strong>Lignes:</strong> 680+
<strong>Thème:</strong> Rose-violet gradient
<strong>Caractéristiques:</strong>
- Grille de services de streaming avec icônes
- Filtres de catégories avec états actifs
- Détection de protocoles avec compteurs
- Appels VoIP avec statut pulsant
- Quality of Experience meter avec scores colorés
- Timeline de trafic avec graphiques interactifs
- États loading et empty avec animations
- Design responsive complet</p>
<h3 id="4-vhost-managerdashboardcss">4. vhost-manager/dashboard.css<a class="headerlink" href="#4-vhost-managerdashboardcss" title="Permanent link">&para;</a></h3>
<p><strong>Lignes:</strong> 700+
<strong>Thème:</strong> Cyan
<strong>Caractéristiques:</strong>
- Liste de vhosts avec badges SSL
- Statut online/offline avec dots animés
- Redirections avec flèches et routes
- Templates de services avec hover scale
- Preview de configuration code (Nginx/HAProxy)
- Setup ACME Let's Encrypt avec tags de domaines
- Info boxes avec styles par type
- États loading, empty et responsive</p>
<hr />
<h2 id="patterns-et-standards-css-utilises">Patterns et Standards CSS Utilisés<a class="headerlink" href="#patterns-et-standards-css-utilises" title="Permanent link">&para;</a></h2>
<h3 id="variables-css-root">Variables CSS Root<a class="headerlink" href="#variables-css-root" title="Permanent link">&para;</a></h3>
<p>Chaque dashboard définit ses propres variables pour:
- Couleurs primaires et secondaires
- Tons dark/darker/light
- Couleurs de bordure
- Couleurs de statut (success/warning/danger/info)
- Gradients spécifiques</p>
<h3 id="composants-communs">Composants Communs<a class="headerlink" href="#composants-communs" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Containers</strong>: Background gradients, border-radius, padding, shadow</li>
<li><strong>Headers</strong>: Flexbox, border-bottom, titre avec emoji et gradient text</li>
<li><strong>Stats Grid</strong>: Auto-fit responsive grid, cards avec hover effects</li>
<li><strong>Buttons</strong>: Variantes primary/secondary/danger avec transitions</li>
<li><strong>Forms</strong>: Inputs, selects, textareas avec focus states</li>
<li><strong>Tables</strong>: Hover states, border-collapse, padding cohérent</li>
<li><strong>Badges</strong>: Pills avec backgrounds transparents colorés</li>
<li><strong>Loading States</strong>: Animations avec emojis et keyframes</li>
<li><strong>Empty States</strong>: Centré avec emojis de grande taille</li>
</ul>
<h3 id="animations">Animations<a class="headerlink" href="#animations" title="Permanent link">&para;</a></h3>
<ul>
<li><code>pulse</code>: Opacité clignotante pour indicateurs</li>
<li><code>blink</code>: Clignotement pour dots live</li>
<li><code>spin</code>/<code>rotate</code>: Rotation pour loading</li>
<li><code>pulse-green</code>: Pulse avec box-shadow pour VoIP</li>
<li>Hover transforms: <code>translateY(-2px)</code>, <code>scale(1.05)</code></li>
</ul>
<h3 id="responsive-design">Responsive Design<a class="headerlink" href="#responsive-design" title="Permanent link">&para;</a></h3>
<ul>
<li>Grid auto-fit avec minmax</li>
<li>Media queries à 768px pour mobile</li>
<li>Colonnes 1fr pour petits écrans</li>
<li>Font sizes et paddings adaptés</li>
</ul>
<hr />
<h2 id="architecture-technique">Architecture Technique<a class="headerlink" href="#architecture-technique" title="Permanent link">&para;</a></h2>
<h3 id="structure-standard-de-package">Structure Standard de Package<a class="headerlink" href="#structure-standard-de-package" title="Permanent link">&para;</a></h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a>luci-app-&lt;module&gt;/
<a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a>├── Makefile # Définition package OpenWrt
<a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a>├── README.md # Documentation module
<a id="__codelineno-0-4" name="__codelineno-0-4" href="#__codelineno-0-4"></a>├── htdocs/luci-static/resources/
<a id="__codelineno-0-5" name="__codelineno-0-5" href="#__codelineno-0-5"></a>│ ├── view/&lt;module&gt;/ # Vues JavaScript UI
<a id="__codelineno-0-6" name="__codelineno-0-6" href="#__codelineno-0-6"></a>│ │ ├── overview.js # Dashboard principal
<a id="__codelineno-0-7" name="__codelineno-0-7" href="#__codelineno-0-7"></a>│ │ └── *.js # Vues additionnelles
<a id="__codelineno-0-8" name="__codelineno-0-8" href="#__codelineno-0-8"></a>│ └── &lt;module&gt;/
<a id="__codelineno-0-9" name="__codelineno-0-9" href="#__codelineno-0-9"></a>│ ├── api.js # Client API RPC
<a id="__codelineno-0-10" name="__codelineno-0-10" href="#__codelineno-0-10"></a>│ └── dashboard.css # Styles du module
<a id="__codelineno-0-11" name="__codelineno-0-11" href="#__codelineno-0-11"></a>└── root/
<a id="__codelineno-0-12" name="__codelineno-0-12" href="#__codelineno-0-12"></a> ├── etc/config/&lt;module&gt; # Config UCI (optionnel)
<a id="__codelineno-0-13" name="__codelineno-0-13" href="#__codelineno-0-13"></a> └── usr/
<a id="__codelineno-0-14" name="__codelineno-0-14" href="#__codelineno-0-14"></a> ├── libexec/rpcd/&lt;module&gt; # Backend RPCD
<a id="__codelineno-0-15" name="__codelineno-0-15" href="#__codelineno-0-15"></a> └── share/
<a id="__codelineno-0-16" name="__codelineno-0-16" href="#__codelineno-0-16"></a> ├── luci/menu.d/ # Définition menu JSON
<a id="__codelineno-0-17" name="__codelineno-0-17" href="#__codelineno-0-17"></a> │ └── luci-app-&lt;module&gt;.json
<a id="__codelineno-0-18" name="__codelineno-0-18" href="#__codelineno-0-18"></a> └── rpcd/acl.d/ # Permissions ACL JSON
<a id="__codelineno-0-19" name="__codelineno-0-19" href="#__codelineno-0-19"></a> └── luci-app-&lt;module&gt;.json
</code></pre></div>
<h3 id="technologies-utilisees">Technologies Utilisées<a class="headerlink" href="#technologies-utilisees" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Frontend</strong>: LuCI framework (JavaScript)</li>
<li><strong>Backend</strong>: Shell scripts (RPCD)</li>
<li><strong>Styling</strong>: CSS3 avec variables et animations</li>
<li><strong>Configuration</strong>: UCI (Unified Configuration Interface)</li>
<li><strong>API</strong>: ubus RPC calls</li>
<li><strong>Packaging</strong>: OpenWrt Makefile system</li>
</ul>
<hr />
<h2 id="validation-et-tests">Validation et Tests<a class="headerlink" href="#validation-et-tests" title="Permanent link">&para;</a></h2>
<h3 id="checks-effectues">Checks Effectués<a class="headerlink" href="#checks-effectues" title="Permanent link">&para;</a></h3>
<p>✅ Présence de tous les Makefiles
✅ Backends RPCD existants et exécutables
✅ Fichiers JavaScript présents (79 total)
✅ Fichiers CSS présents (13 total, 4 nouveaux)
✅ Fichiers menu.d JSON valides
✅ Fichiers ACL JSON valides</p>
<h3 id="prochaines-etapes-recommandees">Prochaines Étapes Recommandées<a class="headerlink" href="#prochaines-etapes-recommandees" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Build Test</strong>: Compiler chaque package avec OpenWrt SDK</li>
<li><strong>Lint Validation</strong>:
<div class="highlight"><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a>shellcheck<span class="w"> </span>luci-app-*/root/usr/libexec/rpcd/*
<a id="__codelineno-1-2" name="__codelineno-1-2" href="#__codelineno-1-2"></a>jsonlint<span class="w"> </span>luci-app-*/root/usr/share/<span class="o">{</span>luci/menu.d,rpcd/acl.d<span class="o">}</span>/*.json
</code></pre></div></li>
<li><strong>Installation Test</strong>: Déployer sur un routeur OpenWrt de test</li>
<li><strong>Functional Test</strong>: Vérifier chaque fonctionnalité UI</li>
<li><strong>Integration Test</strong>: Tester l'interopérabilité entre modules</li>
<li><strong>CI/CD</strong>: Déclencher le workflow GitHub Actions</li>
</ol>
<hr />
<h2 id="outils-et-scripts">Outils et Scripts<a class="headerlink" href="#outils-et-scripts" title="Permanent link">&para;</a></h2>
<h3 id="outils-de-reparation">Outils de Réparation<a class="headerlink" href="#outils-de-reparation" title="Permanent link">&para;</a></h3>
<ul>
<li><code>secubox-tools/secubox-repair.sh</code>: Auto-fix des problèmes Makefile et RPCD</li>
<li><code>secubox-tools/secubox-debug.sh</code>: Validation et diagnostics</li>
</ul>
<h3 id="scripts-de-validation">Scripts de Validation<a class="headerlink" href="#scripts-de-validation" title="Permanent link">&para;</a></h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a><span class="c1"># Vérifier tous les composants</span>
<a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a><span class="k">for</span><span class="w"> </span>comp<span class="w"> </span><span class="k">in</span><span class="w"> </span>luci-app-*<span class="p">;</span><span class="w"> </span><span class="k">do</span>
<a id="__codelineno-2-3" name="__codelineno-2-3" href="#__codelineno-2-3"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">&quot;Checking </span><span class="nv">$comp</span><span class="s2">...&quot;</span>
<a id="__codelineno-2-4" name="__codelineno-2-4" href="#__codelineno-2-4"></a><span class="w"> </span><span class="o">[</span><span class="w"> </span>-f<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$comp</span><span class="s2">/Makefile&quot;</span><span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">&quot; ✓ Makefile&quot;</span>
<a id="__codelineno-2-5" name="__codelineno-2-5" href="#__codelineno-2-5"></a><span class="w"> </span><span class="o">[</span><span class="w"> </span>-d<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$comp</span><span class="s2">/root/usr/libexec/rpcd&quot;</span><span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">&quot; ✓ RPCD&quot;</span>
<a id="__codelineno-2-6" name="__codelineno-2-6" href="#__codelineno-2-6"></a><span class="w"> </span><span class="o">[</span><span class="w"> </span>-d<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$comp</span><span class="s2">/htdocs&quot;</span><span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">&quot; ✓ Frontend&quot;</span>
<a id="__codelineno-2-7" name="__codelineno-2-7" href="#__codelineno-2-7"></a><span class="k">done</span>
</code></pre></div>
<hr />
<h2 id="licence">Licence<a class="headerlink" href="#licence" title="Permanent link">&para;</a></h2>
<p>Tous les modules SecuBox sont sous licence <strong>Apache-2.0</strong> © 2025 CyberMind.fr</p>
<hr />
<h2 id="auteur">Auteur<a class="headerlink" href="#auteur" title="Permanent link">&para;</a></h2>
<p><strong>Gandalf</strong> - <a href="https://cybermind.fr">CyberMind.fr</a></p>
<hr />
<h2 id="conclusion">Conclusion<a class="headerlink" href="#conclusion" title="Permanent link">&para;</a></h2>
<p>✅ <strong>Mission accomplie!</strong> Les 13 composants LuCI SecuBox sont maintenant complets et prêts pour:
- Build et packaging
- Tests fonctionnels
- Déploiement sur OpenWrt
- Intégration dans SecuBox Suite</p>
<p><strong>Date de complétion:</strong> 23 décembre 2025
<strong>Status final:</strong> 🎉 <strong>100% COMPLET</strong></p>
<hr />
<p><em>Rapport généré automatiquement par Claude Code</em></p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Back to top
</button>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
<div class="md-social">
<a href="https://github.com/gkerma/secubox-openwrt" target="_blank" rel="noopener" title="github.com" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://secubox.cybermood.eu" target="_blank" rel="noopener" title="secubox.cybermood.eu" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M351.9 280H161c2.9 64.5 17.2 123.9 37.5 167.4 11.4 24.5 23.7 41.8 35.1 52.4 11.2 10.5 18.9 12.2 22.9 12.2s11.7-1.7 22.9-12.2c11.4-10.6 23.7-28 35.1-52.4 20.3-43.5 34.6-102.9 37.5-167.4zm-191-48h190.9c-2.8-64.5-17.1-123.9-37.4-167.4-11.4-24.4-23.7-41.8-35.1-52.4C268.1 1.7 260.4 0 256.4 0s-11.7 1.7-22.9 12.2c-11.4 10.6-23.7 28-35.1 52.4-20.3 43.5-34.6 102.9-37.5 167.4m-48 0c3.5-85.6 25.6-165.1 57.9-217.3C78.7 47.3 10.9 131.2 1.5 232zM1.5 280c9.4 100.8 77.2 184.7 169.3 217.3-32.3-52.2-54.4-131.7-57.9-217.3zm398.4 0c-3.5 85.6-25.6 165.1-57.9 217.3 92.1-32.7 159.9-116.5 169.3-217.3zm111.4-48C501.9 131.2 434.1 47.3 342 14.7c32.3 52.2 54.4 131.7 57.9 217.3z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"annotate": null, "base": "../..", "features": ["navigation.instant", "navigation.tracking", "navigation.tabs", "navigation.tabs.sticky", "navigation.sections", "navigation.expand", "navigation.top", "search.suggest", "search.highlight", "content.code.copy", "content.code.annotate"], "search": "../../assets/javascripts/workers/search.2c215733.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script>
<script src="../../assets/javascripts/bundle.79ae519e.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink