<?php
// ============================================================
//  ipcheck.tools – Knowledge Übersicht
// ============================================================

require_once __DIR__ . '/../../config.php';
require_once __DIR__ . '/../../includes/functions.php';

$page_title   = 'Knowledge – Network, IP, DNS, SSL and more explained';
$page_desc    = 'Clear explanations of network topics: IP addresses, DNS, SSL, VPN, WebRTC, ASN and more – free on ipcheck.tools.';
$page_current = 'wissen';

$articles = [
    [
        'href'    => '/en/knowledge/what-is-an-ip-address.php',
        'title'   => 'What is an IP address?',
        'desc'    => 'How internet addressing works: IPv4, IPv6 and the differences explained.',
        'icon'    => 'ti-network',
        'color'   => 'var(--blue)',
    ],
    [
        'href'    => '/en/knowledge/what-is-dns.php',
        'title'   => 'What is DNS?',
        'desc'    => 'The Domain Name System is the phone book of the internet – how it works and why it matters.',
        'icon'    => 'ti-search',
        'color'   => 'var(--purple)',
    ],
    [
        'href'    => '/en/knowledge/what-is-ssl-tls.php',
        'title'   => 'What is SSL/TLS?',
        'desc'    => 'Web encryption: what HTTPS means and how SSL certificates protect your data.',
        'icon'    => 'ti-lock',
        'color'   => 'var(--green)',
    ],
    [
        'href'    => '/en/knowledge/what-is-a-vpn.php',
        'title'   => 'What is a VPN?',
        'desc'    => 'Virtual Private Networks explained: how a VPN works, what it protects – and what it does not.',
        'icon'    => 'ti-shield',
        'color'   => 'var(--orange)',
    ],
    [
        'href'    => '/en/knowledge/what-is-a-dns-leak.php',
        'title'   => 'What is a DNS Leak?',
        'desc'    => 'Why your VPN may not protect you as well as you think – and what you can do about it.',
        'icon'    => 'ti-shield-off',
        'color'   => 'var(--red)',
    ],
    [
        'href'    => '/en/knowledge/what-is-webrtc.php',
        'title'   => 'What is WebRTC?',
        'desc'    => 'Browser technology for real-time communication – and why it can be a privacy risk.',
        'icon'    => 'ti-broadcast',
        'color'   => 'var(--blue-dim)',
    ],
    [
        'href'    => '/en/knowledge/ipv4-vs-ipv6.php',
        'title'   => 'IPv4 vs IPv6 – The Difference',
        'desc'    => 'Why the internet is transitioning to IPv6, what differs from IPv4 and what it means for you.',
        'icon'    => 'ti-arrows-right-left',
        'color'   => 'var(--purple-dim)',
    ],
    [
        'href'    => '/en/knowledge/what-is-an-asn.php',
        'title'   => 'What is an ASN?',
        'desc'    => 'Autonomous System Numbers: how global internet routing works and what an ASN tells you.',
        'icon'    => 'ti-topology-star',
        'color'   => 'var(--green)',
    ],
    [
        'href'    => '/en/knowledge/what-is-a-proxy.php',
        'title'   => 'What is a Proxy?',
        'desc'    => 'Proxy servers explained: differences to VPNs, use cases and what a proxy really hides.',
        'icon'    => 'ti-arrows-exchange',
        'color'   => 'var(--orange)',
    ],
    [
        'href'    => '/en/knowledge/osi-model.php',
        'title'   => 'The OSI Model Explained',
        'desc'    => 'The 7 layers of network communication – from physical transmission to the application layer.',
        'icon'    => 'ti-layers',
        'color'   => 'var(--blue)',
    ],
    [
        'href'    => '/en/knowledge/tcp-vs-udp.php',
        'title'   => 'TCP vs UDP',
        'desc'    => 'When to use TCP, when UDP? The differences and use cases of both protocols.',
        'icon'    => 'ti-arrows-exchange',
        'color'   => 'var(--green)',
    ],
    [
        'href'    => '/en/knowledge/router-vs-switch.php',
        'title'   => 'Router vs Switch',
        'desc'    => 'What does a router do, what does a switch do? Differences and use cases explained.',
        'icon'    => 'ti-router',
        'color'   => 'var(--purple)',
    ],
    [
        'href'    => '/en/knowledge/what-is-dhcp.php',
        'title'   => 'What is DHCP?',
        'desc'    => 'DHCP explained: how IP addresses are automatically assigned and what the DORA process is.',
        'icon'    => 'ti-server',
        'color'   => 'var(--orange)',
    ],
    [
        'href'    => '/en/knowledge/what-is-cloudflare.php',
        'title'   => 'What is Cloudflare?',
        'desc'    => 'CDN, DDoS protection, DNS and WAF – what Cloudflare does and why millions use it.',
        'icon'    => 'ti-cloud',
        'color'   => 'var(--orange)',
    ],
    [
        'href'    => '/en/knowledge/renew-ssl-certificate.php',
        'title'   => 'Renew SSL Certificate',
        'desc'    => 'Step by step: Lets Encrypt, Certbot and commercial certificates.',
        'icon'    => 'ti-lock-check',
        'color'   => 'var(--green)',
    ],
    [
        'href'    => '/en/knowledge/what-is-my-ip-address.php',
        'title'   => 'What is my IP address?',
        'desc'    => 'Everything about your public IP address and how to find it.',
        'icon'    => 'ti-network',
        'color'   => 'var(--blue)',
    ],
    [
        'href'    => '/en/knowledge/what-is-ping.php',
        'title'   => 'What is Ping?',
        'desc'    => 'What does ping mean, how is it measured and what is a good value?',
        'icon'    => 'ti-activity',
        'color'   => 'var(--green)',
    ],
    [
        'href'    => '/en/knowledge/what-is-a-port.php',
        'title'   => 'What is a Port?',
        'desc'    => 'Network ports explained: TCP/UDP ports and well-known port numbers.',
        'icon'    => 'ti-plug',
        'color'   => 'var(--blue)',
    ],
    [
        'href'    => '/en/knowledge/what-is-a-cdn.php',
        'title'   => 'What is a CDN?',
        'desc'    => 'Content Delivery Networks explained – how they work and why they matter.',
        'icon'    => 'ti-topology-star',
        'color'   => 'var(--purple)',
    ],
    [
        'href'    => '/en/knowledge/how-to-change-ip-address.php',
        'title'   => 'How to change your IP address',
        'desc'    => 'How to change your IP address: VPN, proxy and other methods explained.',
        'icon'    => 'ti-refresh',
        'color'   => 'var(--orange)',
    ],
    [
        'href'    => '/en/knowledge/what-is-whois.php',
        'title'   => 'What is WHOIS?',
        'desc'    => 'WHOIS explained: how to query domain owners and registration data.',
        'icon'    => 'ti-id',
        'color'   => 'var(--blue)',
    ],
    [
        'href'    => '/en/knowledge/http-status-codes.php',
        'title'   => 'HTTP Status Codes Explained',
        'desc'    => 'What do 200, 301, 404 and 500 mean? All important HTTP status codes clearly explained.',
        'icon'    => 'ti-code',
        'color'   => 'var(--blue)',
    ],
];

require_once __DIR__ . '/../../en/header.php';
?>

<div class="hero">
  <div class="hero-label">Knowledge</div>
  <div class="hero-title">Network & Internet Explained</div>
  <div class="hero-sub">Clear articles about IP, DNS, SSL, VPN and more</div>
</div>

<div class="wrap">

  <div class="ad-slot">
    728×90 · Werbeplatz 1 – Header
    <small>Google AdSense</small>
  </div>

  <div class="grid2">
    <?php foreach ($articles as $a): ?>
    <a href="<?= h($a['href']) ?>" style="text-decoration:none;">
      <div class="card" style="border-left: 3px solid <?= $a['color'] ?>; transition: border-color 0.15s, background 0.15s; cursor:pointer;" onmouseover="this.style.background='#161a24'" onmouseout="this.style.background=''">
        <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
          <i class="ti <?= h($a['icon']) ?>" style="font-size:20px; color:<?= $a['color'] ?>;"></i>
          <span style="font-size:14px; font-weight:600; color:var(--text);"><?= h($a['title']) ?></span>
        </div>
        <p style="font-size:13px; color:var(--text3); line-height:1.6; margin:0;"><?= h($a['desc']) ?></p>
        <div style="margin-top:10px; font-size:12px; color:<?= $a['color'] ?>;">Read article →</div>
      </div>
    </a>
    <?php endforeach; ?>
  </div>

  <div class="ad-slot">
    728×90 · Werbeplatz 2 – Mitte
    <small>Google AdSense</small>
  </div>

  <div class="tools-row">
    <a href="/en/"                class="tool-btn"><i class="ti ti-home"></i><span>My IP</span></a>
    <a href="/en/dns-lookup.php"  class="tool-btn"><i class="ti ti-search"></i><span>DNS Lookup</span></a>
    <a href="/en/ssl-check.php"   class="tool-btn"><i class="ti ti-lock"></i><span>SSL Check</span></a>
    <a href="/en/ip-lookup.php"   class="tool-btn"><i class="ti ti-world-search"></i><span>IP Lookup</span></a>
    <a href="/webrtc.php"      class="tool-btn"><i class="ti ti-broadcast"></i><span>WebRTC</span></a>
  </div>

<?php require_once __DIR__ . '/../../en/footer.php'; ?>
