diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..03f00e4 --- /dev/null +++ b/www/index.html @@ -0,0 +1,72 @@ + + + + + + Server Configuration Guide + + + +
+

Server Configuration Guide

+ +
+ +
+
+

HTTP Configuration

+

HTTP (HyperText Transfer Protocol) is the foundation of web communication.

+ +
+

To configure an HTTP server, ensure that your web server (e.g., Apache, Nginx) is set up properly.

+ 
# Apache example:
+
+    ServerName example.com
+    DocumentRoot /var/www/html
+
+
+
+ +
+

HTTPS & SSL

+

HTTPS secures communication by encrypting data using SSL/TLS.

+ +
+

To enable HTTPS, you need an SSL certificate. Here's an example for Apache:

+ 
# Apache SSL configuration:
+
+    SSLEngine on
+    SSLCertificateFile /etc/ssl/certs/server.crt
+    SSLCertificateKeyFile /etc/ssl/private/server.key
+
+
+
+ +
+

Server Security

+

Securing your server is crucial to prevent attacks.

+ +
+
    +
  • Disable unnecessary services.
    • +
  • Use a firewall (iptables, UFW).
    • +
  • Keep software updated.
    • +
  • Enforce strong authentication.
    • +
+
+
+
+ + + + + + diff --git a/www/script.js b/www/script.js new file mode 100644 index 0000000..5077aa0 --- /dev/null +++ b/www/script.js @@ -0,0 +1,10 @@ +document.addEventListener("DOMContentLoaded", function () { + const buttons = document.querySelectorAll(".toggle-btn"); + + buttons.forEach(button => { + button.addEventListener("click", function () { + const content = this.nextElementSibling; + content.style.display = content.style.display === "block" ? "none" : "block"; + }); + }); +}); diff --git a/www/style.css b/www/style.css new file mode 100644 index 0000000..0c2b426 --- /dev/null +++ b/www/style.css @@ -0,0 +1,72 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} + +header { + background-color: #333; + color: white; + text-align: center; + padding: 1rem; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + display: inline; + margin: 0 10px; +} + +nav ul li a { + color: white; + text-decoration: none; +} + +main { + padding: 20px; +} + +section { + background: white; + padding: 15px; + margin: 15px 0; + border-radius: 5px; + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); +} + +h2 { + color: #333; +} + +button.toggle-btn { + background-color: #007bff; + color: white; + border: none; + padding: 10px; + margin-top: 10px; + cursor: pointer; +} + +button.toggle-btn:hover { + background-color: #0056b3; +} + +.content { + display: none; + margin-top: 10px; +} + +footer { + text-align: center; + background-color: #333; + color: white; + padding: 10px; + position: relative; + bottom: 0; + width: 100%; +}