Skip to content

Commit b4d7705

Browse files
bocaletto-lucabocaletto-luca
authored
Create index.html
1 parent a273b75 commit b4d7705

1 file changed

Lines changed: 159 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Basic Meta Tags -->
5+
<meta charset="UTF-8">
6+
<title>System Audit Dashboard - Linux Monitoring | Bocaletto Luca</title>
7+
<meta name="description" content="System Audit Dashboard is a centralized Linux system monitoring tool built with Python and Tkinter. It provides real-time system information including kernel version, OS details, logged-in user, processes, load averages, memory, and disk usage.">
8+
<meta name="keywords" content="System Audit Dashboard, Linux, monitoring, system metrics, Tkinter, load average, Linux dashboard, Bocaletto Luca">
9+
<meta name="author" content="Bocaletto Luca">
10+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
11+
12+
<!-- Open Graph / Facebook -->
13+
<meta property="og:title" content="System Audit Dashboard - Linux Monitoring">
14+
<meta property="og:description" content="Monitor your Linux system in real-time with System Audit Dashboard.">
15+
<meta property="og:type" content="website">
16+
<meta property="og:url" content="https://github.com/bocaletto-luca/SystemAuditDashboard">
17+
<meta property="og:image" content="https://via.placeholder.com/1200x630.png?text=System+Audit+Dashboard">
18+
19+
<!-- Twitter Card -->
20+
<meta name="twitter:card" content="summary_large_image">
21+
<meta name="twitter:title" content="System Audit Dashboard - Linux Monitoring">
22+
<meta name="twitter:description" content="A real-time Linux system monitoring dashboard built in Python with Tkinter.">
23+
<meta name="twitter:image" content="https://via.placeholder.com/1200x630.png?text=System+Audit+Dashboard">
24+
25+
<!-- Bootstrap CSS -->
26+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
27+
28+
<!-- Custom CSS -->
29+
<style>
30+
body {
31+
padding-top: 70px;
32+
font-family: Arial, sans-serif;
33+
}
34+
header {
35+
background-color: #343a40;
36+
padding: 20px 0;
37+
text-align: center;
38+
}
39+
header h1 {
40+
color: #fff;
41+
margin: 0;
42+
font-size: 3rem;
43+
}
44+
.hero {
45+
background: url('https://via.placeholder.com/1920x600.png?text=System+Audit+Dashboard') no-repeat center center;
46+
background-size: cover;
47+
color: #fff;
48+
padding: 60px 0;
49+
text-align: center;
50+
}
51+
.hero h2 {
52+
font-size: 2.5rem;
53+
font-weight: bold;
54+
}
55+
.hero p {
56+
font-size: 1.25rem;
57+
}
58+
section {
59+
margin-bottom: 40px;
60+
}
61+
footer {
62+
background-color: #343a40;
63+
color: #ccc;
64+
padding: 20px 0;
65+
text-align: center;
66+
}
67+
footer a {
68+
color: #fff;
69+
margin: 0 5px;
70+
text-decoration: none;
71+
}
72+
</style>
73+
</head>
74+
<body>
75+
<!-- Header -->
76+
<header>
77+
<h1>System Audit Dashboard</h1>
78+
</header>
79+
80+
<!-- Hero Section -->
81+
<section class="hero">
82+
<div class="container">
83+
<h2>Real-Time Linux Monitoring</h2>
84+
<p class="lead">
85+
Get a comprehensive overview of your Linux system's performance and health. Monitor kernel version, OS details, user information, processes, load averages, memory, and disk usage—all in real time.
86+
</p>
87+
<a href="https://github.com/bocaletto-luca/SystemAuditDashboard" class="btn btn-primary btn-lg" target="_blank">View on GitHub</a>
88+
</div>
89+
</section>
90+
91+
<!-- Main Content -->
92+
<main class="container">
93+
<!-- About Section -->
94+
<section id="about">
95+
<h2>About System Audit Dashboard</h2>
96+
<p>
97+
System Audit Dashboard is a centralized Linux system monitoring tool developed in Python using Tkinter for the GUI.
98+
It gathers key system metrics—including kernel version, operating system details, logged-in user, process and port counts,
99+
load averages, available memory, and disk usage—and displays them in real time.
100+
</p>
101+
</section>
102+
103+
<!-- Features Section -->
104+
<section id="features">
105+
<h2>Features</h2>
106+
<ul>
107+
<li><strong>Real-Time Monitoring:</strong> Displays live data, updated periodically.</li>
108+
<li><strong>Threaded Data Collection:</strong> Gathers system metrics in a separate thread to keep the GUI responsive.</li>
109+
<li><strong>Configurable Update Interval:</strong> Set your preferred refresh rate using the dashboard settings.</li>
110+
<li><strong>Interactive Load Average Graph:</strong> Visualize load average values for 1, 5, and 15 minutes with a dynamic bar chart.</li>
111+
<li><strong>Comprehensive Metrics:</strong> Shows kernel version, OS details, logged-in user, processes, open ports, memory, and disk usage.</li>
112+
<li><strong>Advanced Logging:</strong> All operations and errors are logged to <code>sys_audit_dashboard.log</code> for troubleshooting.</li>
113+
</ul>
114+
</section>
115+
116+
<!-- Download Section -->
117+
<section id="download">
118+
<h2>Download</h2>
119+
<p>
120+
Download the latest version of the System Audit Dashboard from our
121+
<a href="https://github.com/bocaletto-luca/SystemAuditDashboard" target="_blank">GitHub repository</a>.
122+
</p>
123+
<p>
124+
The repository contains two versions:
125+
</p>
126+
<ul>
127+
<li><code>main_eng.py</code> – English version</li>
128+
<li><code>main_ita.py</code> – Italian version</li>
129+
</ul>
130+
</section>
131+
132+
<!-- Contact Section -->
133+
<section id="contact">
134+
<h2>Contact</h2>
135+
<p>
136+
For questions, issues, or contributions, please open an issue in our
137+
<a href="https://github.com/bocaletto-luca/SystemAuditDashboard/issues" target="_blank">GitHub Issues</a>,
138+
or contact us at <a href="mailto:your.email@example.com">your.email@example.com</a>.
139+
</p>
140+
</section>
141+
</main>
142+
143+
<!-- Footer -->
144+
<footer>
145+
<div class="container">
146+
<p>&copy; 2023 System Audit Dashboard | Developed by <a href="https://github.com/bocaletto-luca" target="_blank">Bocaletto Luca</a></p>
147+
<p>
148+
<a href="https://github.com/bocaletto-luca/SystemAuditDashboard" target="_blank">GitHub Repository</a> |
149+
<a href="https://github.com/bocaletto-luca" target="_blank">GitHub Profile</a>
150+
</p>
151+
</div>
152+
</footer>
153+
154+
<!-- Optional JavaScript -->
155+
<!-- jQuery and Bootstrap Bundle (includes Popper) -->
156+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" crossorigin="anonymous"></script>
157+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
158+
</body>
159+
</html>

0 commit comments

Comments
 (0)