Skip to content

Commit 0cd5b21

Browse files
author
Quasi Kili
committed
added logo and site icon
1 parent 9aaa769 commit 0cd5b21

1 file changed

Lines changed: 75 additions & 6 deletions

File tree

‎index.html‎

Lines changed: 75 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,16 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<meta http-equiv="refresh" content="5;url=https://t.me/MicroPythonOS">
77
<title>MicroPythonOS - Community Redirect</title>
8-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
8+
<!-- Favicons -->
9+
<link rel="apple-touch-icon" sizes="180x180" href="https://micropythonos.com/images/apple-touch-icon.png">
10+
<link rel="icon" type="image/png" sizes="16x16" href="https://micropythonos.com/images/favicon-16x16.png">
11+
<link rel="icon" type="image/png" sizes="32x32" href="https://micropythonos.com/images/favicon-32x32.png">
12+
<link rel="icon" type="image/png" sizes="48x48" href="https://micropythonos.com/images/favicon-48x48.png">
13+
<link rel="icon" type="image/png" sizes="64x64" href="https://micropythonos.com/images/favicon-64x64.png">
14+
<link rel="icon" type="image/png" sizes="192x192" href="https://micropythonos.com/images/favicon-192x192.png">
15+
<link rel="icon" type="image/png" sizes="512x512" href="https://micropythonos.com/images/favicon-512x512.png">
16+
<!-- End Favicons -->
17+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
918
<style>
1019
* {
1120
margin: 0;
@@ -41,9 +50,61 @@
4150
}
4251

4352
nav .logo {
44-
font-family: 'Poppins', sans-serif;
45-
font-size: 1.5rem;
53+
/* font-family: 'Poppins', sans-serif; */
54+
/* font-size: 1.5rem; */
55+
/* color: #F8EDE3; */
56+
display: flex;
57+
align-items: center;
58+
height: 100%;
59+
}
60+
61+
nav .logo img {
62+
height: 50px; /* Adjusted for 10-20% bigger */
63+
width: auto;
64+
}
65+
66+
header .logo-header {
67+
height: 120px; /* Adjusted for even bigger in header */
68+
width: auto;
69+
margin-bottom: 15px;
70+
animation: fadeIn 1s ease-in;
71+
}
72+
73+
@media (max-width: 768px) {
74+
nav .logo img {
75+
height: 40px; /* Smaller on mobile */
76+
width: 100%;
77+
}
78+
79+
header .logo-header {
80+
height: 80px; /* Smaller on mobile */
81+
width: 100%;
82+
}
83+
}
84+
85+
nav ul {
86+
list-style: none;
87+
display: flex;
88+
gap: 20px;
89+
}
90+
91+
nav ul li a {
4692
color: #F8EDE3;
93+
text-decoration: none;
94+
font-size: 1rem;
95+
font-weight: 500;
96+
transition: color 0.3s ease;
97+
}
98+
99+
nav ul li a:hover {
100+
color: #FF6B6B;
101+
}
102+
103+
.hamburger {
104+
display: none;
105+
cursor: pointer;
106+
color: #F8EDE3;
107+
font-size: 1.5rem;
47108
}
48109

49110
/* Header */
@@ -197,16 +258,24 @@
197258
</style>
198259
</head>
199260
<body>
200-
<!-- Navigation Menu -->
201261
<nav>
202262
<div class="nav-container">
203-
<div class="logo">MicroPythonOS</div>
263+
<div class="logo"><img src="https://micropythonos.com/images/MicroPythonOS-logo-white(alpha)-long.svg" alt="MicroPythonOS Logo"></div>
264+
<ul id="nav-links">
265+
<li><a href="https://install.micropythonos.com/" target="_blank" aria-label="Install MicroPythonOS">Install</a></li>
266+
<li><a href="https://github.com/MicroPythonOS/MicroPythonOS/releases" target="_blank" aria-label="Download MicroPythonOS">Download</a></li>
267+
<li><a href="https://chat.MicroPythonOS.com" target="_blank" aria-label="Community Chat">Community</a></li>
268+
<li><a href="https://docs.MicroPythonOS.com" target="_blank" aria-label="Documentation">Documentation</a></li>
269+
<li><a href="mailto:info@MicroPythonOS.com" target="_blank" aria-label="Contact MicroPythonOS">Contact</a></li>
270+
</ul>
271+
<div class="hamburger" onclick="toggleMenu()">☰</div>
204272
</div>
205273
</nav>
206274

207275
<!-- Header -->
208276
<header>
209-
<h1>MicroPythonOS</h1>
277+
<!-- <h1>MicroPythonOS</h1> -->
278+
<img src="https://micropythonos.com/images/MicroPythonOS-logo-white(alpha)-long.svg" alt="MicroPythonOS Logo" class="logo-header">
210279
<p>Join Our Community!</p>
211280
<a href="https://t.me/MicroPythonOS" target="_blank" class="cta-button">Visit Our Telegram</a>
212281
</header>

0 commit comments

Comments
 (0)