|
11 | 11 | box-sizing: border-box; |
12 | 12 | font-family: 'Arial', sans-serif; |
13 | 13 | } |
14 | | - |
15 | 14 | body { |
16 | 15 | background-color: #1C2526; |
17 | 16 | color: #FFFFFF; |
18 | 17 | line-height: 1.6; |
19 | 18 | } |
20 | | - |
21 | 19 | header { |
22 | 20 | background-color: #121212; |
23 | 21 | padding: 20px 0; |
24 | 22 | position: fixed; |
25 | 23 | width: 100%; |
26 | 24 | top: 0; |
27 | 25 | z-index: 1000; |
28 | | - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
| 26 | + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); |
| 27 | + transition: background-color 0.3s ease; |
| 28 | + } |
| 29 | + header:hover { |
| 30 | + background-color: #1A1A1A; |
29 | 31 | } |
30 | | - |
31 | 32 | nav { |
32 | 33 | max-width: 1200px; |
33 | 34 | margin: 0 auto; |
34 | 35 | display: flex; |
35 | 36 | justify-content: space-between; |
36 | 37 | align-items: center; |
37 | 38 | } |
38 | | - |
39 | | - nav .logo { |
40 | | - font-size: 24px; |
41 | | - font-weight: bold; |
42 | | - color: #FFFFFF; |
| 39 | + nav .logo img { |
| 40 | + height: 40px; |
| 41 | + width: auto; |
43 | 42 | } |
44 | | - |
45 | 43 | nav ul { |
46 | 44 | list-style: none; |
47 | 45 | display: flex; |
48 | | - gap: 20px; |
| 46 | + gap: 25px; |
49 | 47 | } |
50 | | - |
51 | 48 | nav ul li a { |
52 | 49 | color: #FFFFFF; |
53 | 50 | text-decoration: none; |
54 | 51 | font-size: 18px; |
55 | | - transition: color 0.3s; |
| 52 | + transition: color 0.3s, transform 0.3s; |
| 53 | + position: relative; |
| 54 | + } |
| 55 | + nav ul li a::after { |
| 56 | + content: ''; |
| 57 | + position: absolute; |
| 58 | + width: 0; |
| 59 | + height: 2px; |
| 60 | + bottom: -5px; |
| 61 | + left: 0; |
| 62 | + background-color: #B0B0B0; |
| 63 | + transition: width 0.3s; |
| 64 | + } |
| 65 | + nav ul li a:hover::after { |
| 66 | + width: 100%; |
56 | 67 | } |
57 | | - |
58 | 68 | nav ul li a:hover { |
59 | 69 | color: #B0B0B0; |
| 70 | + transform: translateY(-2px); |
60 | 71 | } |
61 | | - |
62 | 72 | .team-section { |
63 | 73 | max-width: 1200px; |
64 | 74 | margin: 120px auto 50px; |
65 | 75 | padding: 20px; |
66 | 76 | text-align: center; |
67 | 77 | } |
68 | | - |
69 | 78 | .team-section h1 { |
70 | 79 | font-size: 36px; |
71 | 80 | margin-bottom: 20px; |
| 81 | + text-shadow: 2px 2px 4px rgba(0,0,0,0.5); |
72 | 82 | } |
73 | | - |
74 | 83 | .team-member { |
75 | 84 | margin: 20px 0; |
76 | 85 | padding: 20px; |
77 | 86 | background-color: #2F3A44; |
78 | 87 | border-radius: 10px; |
| 88 | + box-shadow: 0 4px 10px rgba(0,0,0,0.3); |
| 89 | + transition: transform 0.3s, box-shadow 0.3s; |
| 90 | + } |
| 91 | + .team-member:hover { |
| 92 | + transform: translateY(-5px); |
| 93 | + box-shadow: 0 6px 15px rgba(0,0,0,0.4); |
79 | 94 | } |
80 | | - |
81 | 95 | .team-member h2 { |
82 | 96 | font-size: 24px; |
83 | 97 | margin-bottom: 10px; |
84 | 98 | } |
85 | | - |
86 | 99 | .team-member p { |
87 | 100 | color: #B0B0B0; |
88 | 101 | } |
89 | | - |
90 | 102 | footer { |
91 | 103 | background-color: #121212; |
92 | 104 | padding: 20px; |
|
95 | 107 | position: relative; |
96 | 108 | bottom: 0; |
97 | 109 | width: 100%; |
| 110 | + box-shadow: 0 -2px 5px rgba(0,0,0,0.5); |
98 | 111 | } |
99 | 112 | </style> |
| 113 | + <script> |
| 114 | + document.addEventListener('DOMContentLoaded', () => { |
| 115 | + const userLang = navigator.language || navigator.userLanguage; |
| 116 | + if (userLang.startsWith('pl')) { |
| 117 | + document.documentElement.lang = 'pl'; |
| 118 | + } else { |
| 119 | + document.documentElement.lang = 'en'; |
| 120 | + document.querySelector('.team-section h1').textContent = 'HackerOS Team'; |
| 121 | + document.querySelector('.team-member h2').textContent = 'michal92299'; |
| 122 | + document.querySelector('.team-member p').textContent = 'Founder and Co-Creator of HackerOS'; |
| 123 | + document.querySelector('footer p').textContent = '© 2025 HackerOS. All rights reserved.'; |
| 124 | + } |
| 125 | + }); |
| 126 | + </script> |
100 | 127 | </head> |
101 | 128 | <body> |
102 | 129 | <header> |
103 | 130 | <nav> |
104 | | - <div class="logo">HackerOS</div> |
| 131 | + <div class="logo"><img src="HackerOS.png" alt="HackerOS Logo"></div> |
105 | 132 | <ul> |
106 | 133 | <li><a href="Home-page.html">Home</a></li> |
107 | 134 | <li><a href="download.html">Download</a></li> |
108 | 135 | <li><a href="releases.html">Releases</a></li> |
109 | 136 | <li><a href="about-hackeros.html">About HackerOS</a></li> |
110 | 137 | <li><a href="hackeros-team.html">HackerOS Team</a></li> |
| 138 | + <li><a href="write-to-us.html">Write to Us</a></li> |
111 | 139 | </ul> |
112 | 140 | </nav> |
113 | 141 | </header> |
114 | | - |
115 | 142 | <section class="team-section"> |
116 | | - <h1>HackerOS Team</h1> |
| 143 | + <h1>Zespół HackerOS</h1> |
117 | 144 | <div class="team-member"> |
118 | 145 | <h2>michal92299</h2> |
119 | | - <p>Founder and Co-Creator of HackerOS</p> |
| 146 | + <p>Założyciel i współtwórca HackerOS</p> |
120 | 147 | </div> |
121 | 148 | </section> |
122 | | - |
123 | 149 | <footer> |
124 | | - <p>© 2025 HackerOS. All rights reserved.</p> |
| 150 | + <p>© 2025 HackerOS. Wszelkie prawa zastrzeżone.</p> |
125 | 151 | </footer> |
126 | 152 | </body> |
127 | 153 | </html> |
0 commit comments