From 21a0ba075773393f0041f221c678458e4e2abdd1 Mon Sep 17 00:00:00 2001 From: Claude Code Date: Fri, 5 Sep 2025 21:07:24 +0000 Subject: [PATCH] Update imprint data and remove trust indicators MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Fix impressum.html with correct HRB 110105 and Amtsgericht Düsseldorf - Add English versions of legal pages (impressum-en.html, datenschutz-en.html) - Correct company representatives to Hendrik Gebhardt & Monami Homma - Remove incorrect Marlon Paulse references and Wiesenstraße address - Remove trust-indicators section from website (HTML, CSS, JS) - Add mobile.css and related mobile navigation files 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- css/main.css | 60 ++---- css/mobile.css | 508 ++++++++++++++++++++++++++++++++++++++++++++ datenschutz-en.html | 290 +++++++++++++++++++++++++ datenschutz.html | 7 +- impressum-en.html | 195 +++++++++++++++++ impressum.html | 13 +- index.html | 50 +++-- js/components.js | 33 ++- js/config.js | 7 - js/legal-pages.js | 42 ++++ js/mobile-nav.js | 196 +++++++++++++++++ js/protection.js | 49 +++-- js/translations.js | 39 +++- 13 files changed, 1397 insertions(+), 92 deletions(-) create mode 100644 css/mobile.css create mode 100644 datenschutz-en.html create mode 100644 impressum-en.html create mode 100644 js/legal-pages.js create mode 100644 js/mobile-nav.js diff --git a/css/main.css b/css/main.css index 0d2f2e0..04ea088 100644 --- a/css/main.css +++ b/css/main.css @@ -387,38 +387,6 @@ h6 { font-size: 1.1rem; } color: var(--primary-blue); } -.trust-indicators { - position: absolute; - bottom: 50px; - left: 50%; - transform: translateX(-50%); - display: flex; - gap: 4rem; - z-index: 3; - background: rgba(0, 0, 0, 0.3); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - padding: 1.5rem 3rem; - border-radius: 100px; - border: 1px solid rgba(255, 255, 255, 0.1); -} - -.indicator { - text-align: center; - color: var(--white); -} - -.indicator-value { - font-size: 2.5rem; - font-weight: 700; - display: block; -} - -.indicator-label { - font-size: 0.9rem; - opacity: 0.9; -} - /* About Section */ .about-section { padding: 80px 0; @@ -1217,11 +1185,6 @@ h6 { font-size: 1.1rem; } font-size: 2rem; } - .trust-indicators { - flex-direction: column; - gap: 1rem; - } - .about-tabs { flex-wrap: wrap; } @@ -1493,4 +1456,25 @@ h6 { font-size: 1.1rem; } .mb-1 { margin-bottom: 0.5rem; } .mb-2 { margin-bottom: 1rem; } .mb-3 { margin-bottom: 1.5rem; } -.mb-4 { margin-bottom: 2rem; } \ No newline at end of file +.mb-4 { margin-bottom: 2rem; } +/* Hide mobile menu button on desktop */ +.mobile-menu-toggle { + display: none; +} + +/* Ensure mobile menu is hidden by default */ +.nav-menu-mobile, +.mobile-menu-overlay { + display: none; +} + +/* Show only on mobile screens */ +@media screen and (max-width: 768px) { + .mobile-menu-toggle { + display: block; + } + + .nav-menu-mobile { + display: block; + } +} diff --git a/css/mobile.css b/css/mobile.css new file mode 100644 index 0000000..b762021 --- /dev/null +++ b/css/mobile.css @@ -0,0 +1,508 @@ +/* Mobile Responsive Styles - IntelSight */ +/* Mobile-First Approach with Progressive Enhancement */ + +/* Base Mobile Styles (320px and up) */ +@media screen and (max-width: 480px) { + /* Typography Scaling */ + html { + font-size: 14px; + } + + body { + overflow-x: hidden; + } + + /* Hero Section Mobile */ + .hero { + min-height: 100vh; + padding: 1rem; + } + + .hero-title .main-title { + font-size: 2rem; + line-height: 1.2; + word-break: break-word; + } + + .hero-text { + font-size: 1rem; + padding: 0 1rem; + } + + /* Keep videos on mobile but optimize */ + .hero-video-container { + display: block; + } + + .hero-video { + object-fit: cover; + } + + /* Navigation Mobile */ + .navbar { + padding: 0.5rem 1rem; + } + + .nav-container { + justify-content: space-between; + } + + .logo-img { + max-width: 120px; + } + + /* Hide desktop menu */ + .nav-menu { + display: none; + } + + /* Mobile Menu Styles */ + .mobile-menu-toggle { + display: block; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + z-index: 1001; + } + + .hamburger { + display: flex; + flex-direction: column; + gap: 4px; + } + + .hamburger span { + display: block; + width: 25px; + height: 3px; + background: #0a0f1c; + transition: all 0.3s ease; + } + + /* Hamburger Animation */ + .mobile-menu-toggle.active .hamburger span:nth-child(1) { + transform: rotate(45deg) translate(5px, 5px); + } + + .mobile-menu-toggle.active .hamburger span:nth-child(2) { + opacity: 0; + } + + .mobile-menu-toggle.active .hamburger span:nth-child(3) { + transform: rotate(-45deg) translate(7px, -6px); + } + + /* Mobile Navigation Menu */ + .nav-menu-mobile { + position: fixed; + top: 0; + right: -100%; + width: 80%; + max-width: 300px; + height: 100vh; + background: rgba(26, 31, 58, 0.98); + backdrop-filter: blur(10px); + transition: right 0.3s ease; + z-index: 1000; + padding: 4rem 2rem 2rem; + overflow-y: auto; + } + + /* Close button inside mobile menu */ + .mobile-menu-close { + position: absolute; + top: 1rem; + right: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + transition: background 0.3s ease; + } + + .mobile-menu-close:hover { + background: rgba(0, 212, 255, 0.1); + } + + .mobile-menu-close svg { + width: 24px; + height: 24px; + stroke: #0a0f1c; + stroke-width: 2; + } + + .nav-menu-mobile.active { + right: 0; + } + + .nav-menu-mobile ul { + list-style: none; + padding: 0; + margin: 0; + } + + .nav-menu-mobile li { + margin-bottom: 1.5rem; + } + + .nav-menu-mobile a { + color: #fff; + text-decoration: none; + font-size: 1.2rem; + display: block; + padding: 0.5rem 0; + transition: color 0.3s ease; + } + + .nav-menu-mobile a:hover { + color: #00D4FF; + } + + /* Mobile Overlay */ + .mobile-menu-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + z-index: 999; + } + + .mobile-menu-overlay.active { + opacity: 1; + visibility: visible; + } + + /* Sections Mobile */ + .section-title { + font-size: 1.75rem; + } + + .section-subtitle { + font-size: 1rem; + } + + /* Cards and Grids Mobile */ + .tool-grid { + grid-template-columns: 1fr; + gap: 1rem; + padding: 1rem; + } + + .tool-card { + padding: 1.5rem; + } + + /* Buttons Mobile - Touch Friendly */ + button, + .btn, + .cta-button, + .lang-toggle { + min-height: 44px; + min-width: 44px; + padding: 0.75rem 1.5rem; + } + + /* About Tabs Mobile */ + .about-tabs { + flex-direction: column; + gap: 0.5rem; + } + + .about-tab { + width: 100%; + padding: 0.75rem; + font-size: 0.9rem; + } + + /* Products Section Mobile */ + .products-grid { + grid-template-columns: 1fr; + padding: 1rem; + gap: 1.5rem; + } + + .product-card { + padding: 1.5rem; + } + + /* Product header mobile - override grid to stack icon above text */ + .product-header { + display: flex !important; + flex-direction: column !important; + grid-template-columns: none !important; + padding: 1.5rem !important; + text-align: center; + align-items: center; + gap: 1rem; + } + + .product-icon-wrapper { + margin-bottom: 0.5rem; + } + + .product-title-wrapper { + display: flex; + flex-direction: column; + gap: 0.25rem; + align-items: center; + width: 100%; + text-align: center !important; + } + + .product-title { + font-size: 1.1rem; + line-height: 1.2; + margin: 0; + text-align: center !important; + width: 100%; + } + + .product-tagline { + font-size: 0.75rem; + margin: 0; + line-height: 1.2; + text-align: center !important; + width: 100%; + white-space: normal; + } + + /* Specific fix for AccountForger tagline */ + .product-card:nth-child(2) .product-tagline { + display: block; + margin: 0 auto; + white-space: nowrap; /* Verhindert Umbruch innerhalb der Zeilen */ + } + + /* Force line break only after "mit" */ + .product-card:nth-child(2) .product-tagline::before { + content: "Zugang nur mit\A Berechtigung"; + white-space: pre-line; + } + + /* Hide original text */ + .product-card:nth-child(2) .product-tagline { + font-size: 0; + } + + .product-card:nth-child(2) .product-tagline::before { + font-size: 0.75rem; + } + + /* Footer Mobile */ + .footer-content { + flex-direction: column; + text-align: center; + gap: 2rem; + } + + .footer-links { + flex-direction: column; + gap: 1rem; + } + + /* About Section - Company Cards Mobile Fix */ + .company-cards-wrapper { + width: 100% !important; + flex-direction: column; + gap: 1.5rem; + } + + .company-card { + width: 100%; + padding: 1.5rem !important; + } + + .company-card h4 { + font-size: 1.1rem; + } + + .company-card p { + font-size: 0.9rem; + line-height: 1.6; + } + + /* About panel layout mobile */ + .about-panel { + padding: 1rem; + } + + .panel-text { + max-width: 100%; + display: flex; + flex-direction: column; + } + + /* Location section mobile - move to bottom */ + .location-section { + width: 100% !important; + margin-left: 0 !important; + margin-top: 2rem; + order: 2; /* Move to bottom */ + height: auto !important; + padding: 1.5rem; + background: rgba(10, 15, 28, 0.05); + border-radius: 20px; + } + + .company-cards-wrapper { + order: 1; /* Keep at top */ + } + + .mini-germany-map { + max-width: 150px; + margin-bottom: 1rem; + } + + .mini-germany-map img { + width: 100%; + height: auto; + } + + .location-badge { + font-size: 0.9rem; + padding: 0.5rem 1rem; + } +} + +/* Tablet Styles (481px - 768px) */ +@media screen and (min-width: 481px) and (max-width: 768px) { + /* Typography */ + html { + font-size: 15px; + } + + .hero-title .main-title { + font-size: 2.5rem; + } + + /* Videos already visible from mobile */ + + /* Tool Grid - 2 columns */ + .tool-grid { + grid-template-columns: repeat(2, 1fr); + } + + /* About Tabs - Horizontal with wrap */ + .about-tabs { + flex-direction: row; + flex-wrap: wrap; + } + + .about-tab { + flex: 1 1 calc(50% - 0.5rem); + } +} + +/* Small Desktop (769px - 1024px) */ +@media screen and (min-width: 769px) and (max-width: 1024px) { + /* Container widths */ + .container { + max-width: 960px; + padding: 0 2rem; + } + + /* Navigation adjustments */ + .nav-menu { + gap: 1.5rem; + } + + .nav-menu a { + font-size: 0.9rem; + } + + /* Grid adjustments */ + .tool-grid { + grid-template-columns: repeat(3, 1fr); + } + + .products-grid { + grid-template-columns: repeat(2, 1fr); + } +} + +/* Touch Device Optimizations */ +@media (hover: none) and (pointer: coarse) { + /* Remove hover effects on touch devices */ + .tool-card:hover, + .product-card:hover { + transform: none; + } + + /* Larger touch targets */ + a, button { + min-height: 44px; + display: inline-flex; + align-items: center; + } +} + +/* Landscape Mobile Optimization */ +@media screen and (max-width: 768px) and (orientation: landscape) { + .hero { + min-height: auto; + padding: 2rem 1rem; + } + + .hero-title .main-title { + font-size: 1.75rem; + } +} + +/* High Resolution Mobile Displays */ +@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { + /* Sharper borders and shadows */ + .tool-card, + .product-card { + border: 0.5px solid rgba(255, 255, 255, 0.1); + } +} + +/* Performance Optimizations for Mobile */ +@media screen and (max-width: 768px) { + /* Disable complex animations on mobile */ + .animate-in, + .stagger-1, + .stagger-2, + .stagger-3 { + animation: none !important; + opacity: 1 !important; + transform: none !important; + } + + /* Reduce particle effects */ + #particleCanvas { + display: none; + } + + /* Optimize images */ + img { + image-rendering: -webkit-optimize-contrast; + } +} + +/* Print Styles */ +@media print { + .navbar, + .hero-video-container, + .scroll-indicator, + .mobile-menu-toggle { + display: none !important; + } + + body { + background: white; + color: black; + } +} \ No newline at end of file diff --git a/datenschutz-en.html b/datenschutz-en.html new file mode 100644 index 0000000..bb2a750 --- /dev/null +++ b/datenschutz-en.html @@ -0,0 +1,290 @@ + + + + + + Privacy Policy - IntelSight + + + + + + + + +
+
+

Privacy Policy

+
+ +
+
+

1. Data Protection at a Glance

+ +

General Information

+

The following information provides a simple overview of what happens to your personal data when you visit our website. Personal data is any data that can personally identify you. Detailed information on the subject of data protection can be found in our privacy policy listed below this text.

+ +

Data Collection on Our Website

+

Who is responsible for data collection on this website?
+ Data processing on this website is carried out by the website operator. You can find their contact details in the legal notice of this website.

+ +

How do we collect your data?
+ Your data is collected, on the one hand, by you providing it to us. This could be data that you enter in a contact form, for example.

+ +

Other data is collected automatically by our IT systems when you visit the website. This is primarily technical data (e.g., internet browser, operating system, or time of page access). This data is collected automatically as soon as you enter our website.

+ +

What do we use your data for?
+ Part of the data is collected to ensure error-free provision of the website. Other data may be used to analyze your user behavior.

+ +

What rights do you have regarding your data?
+ You have the right to receive information about the origin, recipient, and purpose of your stored personal data free of charge at any time. You also have the right to request the correction, blocking, or deletion of this data. You can contact us at any time at the address given in the legal notice if you have further questions about data protection. Furthermore, you have the right to lodge a complaint with the competent supervisory authority.

+
+ +
+

2. General Information and Mandatory Information

+ +

Data Protection

+

The operators of these pages take the protection of your personal data very seriously. We treat your personal data confidentially and in accordance with the statutory data protection regulations and this privacy policy.

+ +

When you use this website, various personal data is collected. Personal data is data that can personally identify you. This privacy policy explains what data we collect and what we use it for. It also explains how and for what purpose this happens.

+ +

We would like to point out that data transmission over the Internet (e.g., when communicating by email) can have security gaps. Complete protection of data against access by third parties is not possible.

+ +

Note on the Responsible Party

+

The responsible party for data processing on this website is:

+ +
+

+ IntelSight UG (limited liability)
+ Hendrik Gebhardt
+ Monami Homma
+ Gladbacher Strasse 3-5
+ 40764 Langenfeld
+ Germany

+ Email: info@intelsight.de +

+
+ +

The responsible party is the natural or legal person who alone or jointly with others decides on the purposes and means of processing personal data (e.g., names, email addresses, etc.).

+ +

Revocation of Your Consent to Data Processing

+

Many data processing operations are only possible with your express consent. You can revoke consent you have already given at any time. An informal notification by email to us is sufficient. The legality of the data processing carried out until the revocation remains unaffected by the revocation.

+ +

Right to Lodge a Complaint with the Competent Supervisory Authority

+

In the event of violations of data protection law, the person affected has the right to lodge a complaint with the competent supervisory authority. The competent supervisory authority for data protection issues is the state data protection officer of the federal state in which our company is headquartered. A list of data protection officers and their contact details can be found at the following link: https://www.bfdi.bund.de.

+
+ +
+

3. Data Collection on Our Website

+ +

Server Log Files

+

The provider of the pages automatically collects and stores information in so-called server log files, which your browser automatically transmits to us. These are:

+ +
    +
  • Browser type and browser version
    • +
  • Operating system used
    • +
  • Referrer URL
    • +
  • Host name of the accessing computer
    • +
  • Time of the server request
    • +
  • IP address
    • +
+ +

This data is not merged with other data sources.

+ +

The basis for data processing is Art. 6 para. 1 lit. f GDPR, which permits the processing of data to fulfill a contract or pre-contractual measures.

+ +

SSL or TLS Encryption

+

This site uses SSL or TLS encryption for security reasons and to protect the transmission of confidential content, such as orders or inquiries that you send to us as the site operator. You can recognize an encrypted connection by the fact that the address line of the browser changes from "http://" to "https://" and by the lock symbol in your browser line.

+ +

If SSL or TLS encryption is activated, the data you transmit to us cannot be read by third parties.

+
+ +
+

4. Our Web Analytics

+

We use our own analytics system that stores data exclusively on our servers in Germany. No data is passed on to third parties. The analytics serves to improve our website and to analyze user behavior.

+ +

The following data is collected:

+
    +
  • Pages visited
    • +
  • Time of access
    • +
  • Anonymized IP address
    • +
  • Browser information
    • +
+ +

This data is not personal and cannot be used to identify individual users.

+
+ +
+

5. Your Rights

+

You have the following rights regarding your personal data:

+ +
    +
  • Right to information: You can request information about your stored data.
    • +
  • Right to correction: You can request the correction of incorrect data.
    • +
  • Right to deletion: You can request the deletion of your data.
    • +
  • Right to restriction of processing: You can request the restriction of data processing.
    • +
  • Right to data portability: You can request to receive your data in a structured format.
    • +
  • Right to object: You can object to the processing of your data.
    • +
+ +

To exercise these rights, please contact us at info@intelsight.de.

+
+ +
+

6. Changes to This Privacy Policy

+

We reserve the right to adapt this privacy policy so that it always complies with current legal requirements or to implement changes to our services in the privacy policy, e.g., when introducing new services. The new privacy policy will then apply to your next visit.

+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/datenschutz.html b/datenschutz.html index 1a818a3..016ddda 100644 --- a/datenschutz.html +++ b/datenschutz.html @@ -289,7 +289,6 @@
@@ -300,5 +299,11 @@

© 2025 IntelSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.

+ + + + + + \ No newline at end of file diff --git a/impressum-en.html b/impressum-en.html new file mode 100644 index 0000000..da8e555 --- /dev/null +++ b/impressum-en.html @@ -0,0 +1,195 @@ + + + + + + Legal Notice - IntelSight + + + + + + + + +
+
+

Legal Notice

+
+ +
+
+

Company Information

+

+ IntelSight UG (limited liability)
+ Gladbacher Strasse 3-5
+ 40764 Langenfeld
+ Germany +

+
+ +
+

Represented by

+

Hendrik Gebhardt
+ Monami Homma

+
+ +
+

Contact

+

+ Email: info@intelsight.de
+ Website: intelsight.de +

+
+ +
+

Commercial Register

+

+ Entry in the Commercial Register
+ Registry Court: District Court Düsseldorf
+ Registration number: HRB 110105 +

+
+ +
+

VAT

+

VAT identification number according to §27 a of the German VAT Act:
+ DE [Number]

+
+ +
+

Consumer Dispute Resolution/Universal Arbitration Board

+

We are not willing or obliged to participate in dispute resolution proceedings before a consumer arbitration board.

+
+ +
+

Liability for Content

+

As a service provider, we are responsible for our own content on these pages according to § 7 para.1 TMG under general law. However, according to §§ 8 to 10 TMG, we are not obligated as a service provider to monitor transmitted or stored third-party information or to investigate circumstances that indicate illegal activity.

+

Obligations to remove or block the use of information under general law remain unaffected. However, liability in this regard is only possible from the time of knowledge of a specific infringement. Upon becoming aware of such legal violations, we will remove this content immediately.

+
+ +
+

Liability for Links

+

Our offer contains links to external third-party websites over whose content we have no influence. Therefore, we cannot assume any liability for this third-party content. The respective provider or operator of the pages is always responsible for the content of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal content was not recognizable at the time of linking.

+

However, permanent content control of the linked pages is not reasonable without concrete evidence of a violation of law. Upon becoming aware of legal violations, we will remove such links immediately.

+
+ +
+

Copyright

+

The content and works created by the site operators on these pages are subject to German copyright law. The reproduction, editing, distribution and any kind of exploitation outside the limits of copyright require the written consent of the respective author or creator. Downloads and copies of this site are only permitted for private, non-commercial use.

+

Insofar as the content on this site was not created by the operator, the copyrights of third parties are respected. In particular, third-party content is marked as such. Should you nevertheless become aware of a copyright infringement, please inform us accordingly. Upon becoming aware of legal violations, we will remove such content immediately.

+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/impressum.html b/impressum.html index 8966c93..cbc4240 100644 --- a/impressum.html +++ b/impressum.html @@ -112,8 +112,8 @@

Registereintrag

-

Handelsregister: [Nummer des Registereintrags]
- Registergericht: [Name des Registergerichts]

+

Handelsregister: HRB 110105
+ Registergericht: Amtsgericht Düsseldorf

@@ -123,7 +123,7 @@
-

Verbraucherstreitbeilegung/Universalschlichtungsstelle

+

Verbraucherstreitbeilegung/Universalschlichtungsstelle

Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.

@@ -168,7 +168,6 @@
@@ -179,5 +178,11 @@

© 2025 IntelSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.

+ + + + + + diff --git a/index.html b/index.html index 9a7db72..e5ac7ef 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ + @@ -29,9 +30,35 @@
+ +
+ + + + + +
@@ -63,21 +90,6 @@

Spezialist für hochsichere, maßgeschneiderte IT-Lösungen für Behörden

-
-
- 0% - Verfügbarkeit -
-
- 0+ - Behörden vertrauen uns -
-
- 0/7 - Support -
-
-
Scroll to Explore @@ -112,7 +124,7 @@ Security - Spezialist für Behördensoftware + Spezialist für Behördensoftware

IntelSight UG ist Ihr Spezialist für hochsichere, maßgeschneiderte IT-Lösungen aus Nordrhein-Westfalen. Wir entwickeln innovative Software speziell für staatliche Sicherheits- und Ermittlungsbehörden.

@@ -121,7 +133,7 @@ Future - Unser Ansatz + Unser Ansatz

Unser Ansatz vereint modernste Technologie mit einem tiefen Verständnis für die besonderen Anforderungen von Behörden. Dabei steht die Balance zwischen Sicherheit, Effizienz und rechtskonformer Umsetzung im Mittelpunkt unserer Arbeit.

@@ -396,7 +408,6 @@
@@ -418,5 +429,8 @@ + + + \ No newline at end of file diff --git a/js/components.js b/js/components.js index c721513..e48a16f 100644 --- a/js/components.js +++ b/js/components.js @@ -389,19 +389,34 @@ const LoginModal = { * Handle form submission * @param {Event} e - Submit event */ - handleSubmit(e) { + async handleSubmit(e) { e.preventDefault(); const password = document.getElementById('auth-password').value; - // Check password (temporarily hardcoded as requested) - if (password === '123456') { - sessionStorage.setItem(CONFIG.AUTH.SESSION_KEY, 'true'); - this.close(); - window.location.href = CONFIG.AUTH.REDIRECT_PAGE; - } else { + try { + // Validate token via Insights API + const response = await fetch('/insights/api/validate-token.php', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ token: password }) + }); + + const result = await response.json(); + + if (result.valid) { + sessionStorage.setItem(CONFIG.AUTH.SESSION_KEY, 'true'); + this.close(); + window.location.href = CONFIG.AUTH.REDIRECT_PAGE; + } else { + alert(getTranslation('wrongCode')); + document.getElementById('auth-password').value = ''; + document.getElementById('auth-password').focus(); + } + } catch (error) { + console.error('Token validation error:', error); alert(getTranslation('wrongCode')); - document.getElementById('auth-password').value = ''; - document.getElementById('auth-password').focus(); } }, diff --git a/js/config.js b/js/config.js index c3be805..8033ce4 100644 --- a/js/config.js +++ b/js/config.js @@ -38,13 +38,6 @@ const CONFIG = { STORAGE_KEY: 'intelsight_language' }, - // Trust Indicators Target Values - TRUST_INDICATORS: { - AVAILABILITY: 99.9, - AUTHORITIES_COUNT: 500, - SUPPORT_HOURS: 24 - }, - // Intersection Observer Settings OBSERVER: { THRESHOLD: 0.3, diff --git a/js/legal-pages.js b/js/legal-pages.js new file mode 100644 index 0000000..d1214de --- /dev/null +++ b/js/legal-pages.js @@ -0,0 +1,42 @@ +/** + * Minimal JavaScript for legal pages (Impressum & Datenschutz) + * Only includes necessary functionality for language switching + */ + +// Simple language toggle for legal pages +document.addEventListener('DOMContentLoaded', function() { + // Get the language toggle button + const langToggle = document.querySelector('.lang-toggle'); + + if (langToggle) { + langToggle.addEventListener('click', function(e) { + e.preventDefault(); + + // Get current language from button + const currentLang = this.getAttribute('data-lang') || 'de'; + const newLang = currentLang === 'de' ? 'en' : 'de'; + + // Store language preference + if (typeof(Storage) !== 'undefined') { + localStorage.setItem('intelsight-language', newLang); + } + + // Get current page name + const currentPage = window.location.pathname.split('/').pop(); + + // Determine redirect URL + let redirectUrl = ''; + + if (currentPage === 'impressum.html' || currentPage === 'impressum-en.html') { + redirectUrl = newLang === 'en' ? 'impressum-en.html' : 'impressum.html'; + } else if (currentPage === 'datenschutz.html' || currentPage === 'datenschutz-en.html') { + redirectUrl = newLang === 'en' ? 'datenschutz-en.html' : 'datenschutz.html'; + } + + // Redirect to the appropriate version + if (redirectUrl) { + window.location.href = redirectUrl; + } + }); + } +}); \ No newline at end of file diff --git a/js/mobile-nav.js b/js/mobile-nav.js new file mode 100644 index 0000000..6cbd780 --- /dev/null +++ b/js/mobile-nav.js @@ -0,0 +1,196 @@ +/** + * Mobile Navigation Handler + * Clean, accessible mobile navigation implementation + */ + +class MobileNavigation { + constructor() { + this.menuToggle = document.querySelector('.mobile-menu-toggle'); + this.mobileMenu = document.querySelector('.nav-menu-mobile'); + this.overlay = document.querySelector('.mobile-menu-overlay'); + this.menuLinks = document.querySelectorAll('.nav-menu-mobile a'); + this.closeButton = document.querySelector('.mobile-menu-close'); + this.isOpen = false; + + this.init(); + } + + init() { + if (!this.menuToggle || !this.mobileMenu) return; + + // Toggle button click + this.menuToggle.addEventListener('click', () => this.toggleMenu()); + + // Close button click + if (this.closeButton) { + this.closeButton.addEventListener('click', () => this.closeMenu()); + } + + // Overlay click closes menu + this.overlay.addEventListener('click', () => this.closeMenu()); + + // Menu links click closes menu + this.menuLinks.forEach(link => { + link.addEventListener('click', () => this.closeMenu()); + }); + + // ESC key closes menu + document.addEventListener('keydown', (e) => { + if (e.key === 'Escape' && this.isOpen) { + this.closeMenu(); + } + }); + + // Prevent body scroll when menu is open + this.handleBodyScroll(); + } + + toggleMenu() { + this.isOpen ? this.closeMenu() : this.openMenu(); + } + + openMenu() { + this.isOpen = true; + this.menuToggle.classList.add('active'); + this.mobileMenu.classList.add('active'); + this.overlay.classList.add('active'); + + // Update ARIA attributes + this.menuToggle.setAttribute('aria-expanded', 'true'); + this.mobileMenu.setAttribute('aria-hidden', 'false'); + + // Prevent body scroll + document.body.style.overflow = 'hidden'; + + // Focus management + setTimeout(() => { + const firstLink = this.mobileMenu.querySelector('a'); + if (firstLink) firstLink.focus(); + }, 300); + } + + closeMenu() { + this.isOpen = false; + this.menuToggle.classList.remove('active'); + this.mobileMenu.classList.remove('active'); + this.overlay.classList.remove('active'); + + // Update ARIA attributes + this.menuToggle.setAttribute('aria-expanded', 'false'); + this.mobileMenu.setAttribute('aria-hidden', 'true'); + + // Restore body scroll + document.body.style.overflow = ''; + + // Return focus to toggle button + this.menuToggle.focus(); + } + + handleBodyScroll() { + // Save scroll position when menu opens + let scrollPosition = 0; + + const observer = new MutationObserver(() => { + if (this.isOpen) { + scrollPosition = window.pageYOffset; + document.body.style.position = 'fixed'; + document.body.style.top = `-${scrollPosition}px`; + document.body.style.width = '100%'; + } else { + document.body.style.position = ''; + document.body.style.top = ''; + document.body.style.width = ''; + window.scrollTo(0, scrollPosition); + } + }); + + observer.observe(this.mobileMenu, { + attributes: true, + attributeFilter: ['class'] + }); + } +} + +// Smooth scroll for anchor links +class SmoothScroll { + constructor() { + this.init(); + } + + init() { + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', (e) => { + const href = anchor.getAttribute('href'); + if (href === '#') return; + + e.preventDefault(); + const target = document.querySelector(href); + + if (target) { + const offset = 80; // Account for fixed navbar + const targetPosition = target.offsetTop - offset; + + window.scrollTo({ + top: targetPosition, + behavior: 'smooth' + }); + } + }); + }); + } +} + +// Responsive image loading +class ResponsiveImages { + constructor() { + this.init(); + } + + init() { + // Check if user prefers reduced motion + const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; + + if (prefersReducedMotion) { + // Disable animations + document.documentElement.style.setProperty('--animation-duration', '0.01s'); + } + + // Lazy load images on mobile + if ('IntersectionObserver' in window && window.innerWidth <= 768) { + const images = document.querySelectorAll('img[data-src]'); + + const imageObserver = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + const img = entry.target; + img.src = img.dataset.src; + img.removeAttribute('data-src'); + imageObserver.unobserve(img); + } + }); + }); + + images.forEach(img => imageObserver.observe(img)); + } + } +} + +// Initialize on DOM load +document.addEventListener('DOMContentLoaded', () => { + new MobileNavigation(); + new SmoothScroll(); + new ResponsiveImages(); + + // Hide mobile menu button styles until JS loads + document.documentElement.classList.add('js-loaded'); +}); + +// Handle orientation change +window.addEventListener('orientationchange', () => { + // Close mobile menu on orientation change + const mobileNav = document.querySelector('.nav-menu-mobile'); + if (mobileNav && mobileNav.classList.contains('active')) { + const event = new Event('click'); + document.querySelector('.mobile-menu-overlay').dispatchEvent(event); + } +}); \ No newline at end of file diff --git a/js/protection.js b/js/protection.js index c013c70..bc495ed 100644 --- a/js/protection.js +++ b/js/protection.js @@ -6,14 +6,29 @@ (function() { 'use strict'; + // Check if user is on a mobile device + const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || + ('ontouchstart' in window) || + (navigator.maxTouchPoints > 0); + + // Exit early if on mobile device - no protection + if (isMobile) { + console.log('Mobile device detected - protection disabled'); + return; + } + // Disable right-click context menu document.addEventListener('contextmenu', function(e) { e.preventDefault(); return false; }); - // Disable text selection + // Disable text selection - except for auth password field document.addEventListener('selectstart', function(e) { + // Allow text selection in the authentication password field + if (e.target && e.target.id === 'auth-password') { + return true; + } e.preventDefault(); return false; }); @@ -24,23 +39,31 @@ return false; }); - // Disable copy + // Disable copy - except for auth password field document.addEventListener('copy', function(e) { + // Allow copy in the authentication password field + if (e.target && e.target.id === 'auth-password') { + return true; + } e.preventDefault(); return false; }); - // Disable cut + // Disable cut - except for auth password field document.addEventListener('cut', function(e) { + // Allow cut in the authentication password field + if (e.target && e.target.id === 'auth-password') { + return true; + } e.preventDefault(); return false; }); - // Disable paste - document.addEventListener('paste', function(e) { - e.preventDefault(); - return false; - }); + // Allow paste everywhere - removed restriction + // document.addEventListener('paste', function(e) { + // e.preventDefault(); + // return false; + // }); // Disable print window.addEventListener('beforeprint', function(e) { @@ -116,11 +139,11 @@ e.preventDefault(); return false; } - // Ctrl+V (Paste) - if (e.ctrlKey && e.keyCode === 86) { - e.preventDefault(); - return false; - } + // Ctrl+V (Paste) - Allow paste + // if (e.ctrlKey && e.keyCode === 86) { + // e.preventDefault(); + // return false; + // } }); // Disable image dragging diff --git a/js/translations.js b/js/translations.js index 1cdb0a5..1989a16 100644 --- a/js/translations.js +++ b/js/translations.js @@ -41,6 +41,8 @@ const translations = { // Who We Are whoWeAreTitle: 'Unternehmen', + companyCardTitle1: 'Spezialist für Behördensoftware', + companyCardTitle2: 'Unser Ansatz', whoWeArePara1: 'IntelSight UG ist Ihr Spezialist für hochsichere, maßgeschneiderte IT-Lösungen aus Nordrhein-Westfalen. Wir entwickeln innovative Software speziell für staatliche Sicherheits- und Ermittlungsbehörden.', whoWeArePara2: 'Unser Ansatz vereint modernste Technologie mit einem tiefen Verständnis für die besonderen Anforderungen von Behörden. Dabei steht die Balance zwischen Sicherheit, Effizienz und rechtskonformer Umsetzung im Mittelpunkt unserer Arbeit.', locationBadge: 'Nordrhein-Westfalen, Deutschland', @@ -154,7 +156,7 @@ const translations = { en: { // Page meta - pageTitle: 'IntelSight - Security Made in Germany', + pageTitle: 'IntelSight - Sicherheit Made in Germany', // Navigation skipNav: 'Skip to main content', @@ -165,7 +167,7 @@ const translations = { langSwitch: 'EN | DE', // Hero Section - heroTitle: 'SECURITY MADE IN GERMANY', + heroTitle: 'SICHERHEIT MADE IN GERMANY', heroSubtitle: 'Specialist for highly secure, customized IT solutions for government agencies', // Trust Indicators @@ -188,6 +190,8 @@ const translations = { // Who We Are whoWeAreTitle: 'Company', + companyCardTitle1: 'Government Software Specialist', + companyCardTitle2: 'Our Approach', whoWeArePara1: 'IntelSight UG is your specialist for highly secure, customized IT solutions from North Rhine-Westphalia. We develop innovative software specifically for government security and law enforcement agencies.', whoWeArePara2: 'Our approach combines cutting-edge technology with a deep understanding of the special requirements of government agencies. The balance between security, efficiency and legally compliant implementation is at the center of our work.', locationBadge: 'North Rhine-Westphalia, Germany', @@ -373,6 +377,9 @@ function applyTranslations(language) { // Update expand button text if it exists updateExpandButtonText(language); + + // Update footer legal links based on language + updateFooterLinks(language); } /** @@ -407,4 +414,32 @@ function getTranslation(key) { */ function getCurrentLanguage() { return currentLanguage; +} + +/** + * Update footer legal links based on language + * @param {string} language - Current language code + */ +function updateFooterLinks(language) { + // Get footer links + const impressumLink = document.querySelector('a[href="impressum.html"], a[href="impressum-en.html"]'); + const datenschutzLink = document.querySelector('a[href="datenschutz.html"], a[href="datenschutz-en.html"]'); + + if (language === 'en') { + // Switch to English versions + if (impressumLink) { + impressumLink.href = 'impressum-en.html'; + } + if (datenschutzLink) { + datenschutzLink.href = 'datenschutz-en.html'; + } + } else { + // Switch to German versions + if (impressumLink) { + impressumLink.href = 'impressum.html'; + } + if (datenschutzLink) { + datenschutzLink.href = 'datenschutz.html'; + } + } } \ No newline at end of file