menu: fix rounding; header-logo&text: add links to main

eebb7ea3 · Pavel Beketov · 3592d496 · eebb7ea3 · eebb7ea3 · eebb7ea3
Commit eebb7ea3 authored Mar 14, 2025 by Pavel Beketov
Hide whitespace changes
Inline Side-by-side

Showing with 24 additions and 7 deletions

downloads.html downloads.html +4 -2

index.html index.html +4 -2

news.html news.html +4 -2

styles.css styles.css +12 -1

No files found.
--- a/downloads.html
+++ b/downloads.html
@@ -22,8 +22,10 @@
 <body>
  <header>
    <div class="header-left">
-      <img src="images/ximperlinux.svg" alt="Ximper Linux Logo" class="logo">
-      <h1>Ximper Linux</h1>
+      <a href="index.html" class="home-link">
+        <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
+        <h1>Ximper Linux</h1>
+      </a>
    </div>
    <div class="header-center">
      <nav class="header-menu">

--- a/index.html
+++ b/index.html
@@ -21,8 +21,10 @@
 <body>
  <header>
    <div class="header-left">
-      <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
-      <h1>Ximper Linux</h1>
+      <a href="#" class="home-link">
+        <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
+        <h1>Ximper Linux</h1>
+      </a>
    </div>
    <div class="header-center">
      <nav class="header-menu">

--- a/news.html
+++ b/news.html
@@ -22,8 +22,10 @@
 <body>
  <header>
    <div class="header-left">
-      <img src="images/ximperlinux.svg" alt="Ximper Linux Logo" class="logo">
-      <h1>Ximper Linux</h1>
+      <a href="index.html" class="home-link">
+        <img src="images/ximperlinux.svg" alt="Ximper" class="logo">
+        <h1>Ximper Linux</h1>
+      </a>
    </div>
    <div class="header-center">
      <nav class="header-menu">

--- a/styles.css
+++ b/styles.css
@@ -110,6 +110,17 @@ header {
  margin-right: 15px;
 }

+.home-link {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: inherit;
+}
+
+.home-link:hover {
+  text-decoration: none;
+}
+
 .header-center {
  display: flex;
  justify-content: center;
@@ -136,11 +147,11 @@ header {
  font-size: 16px;
  padding: 5px 10px;
  transition: background-color 0.3s;
+  border-radius: 5px;
 }

 .header-menu ul li a:hover {
  background-color: var(--border);
-  border-radius: 5px;
 }

 .header-right {