Skip to content

Commit 4adb052

Browse files
author
Smartlinuxcoder
committed
edited and reformatted
1 parent 10ac1f8 commit 4adb052

File tree

3 files changed

+163
-186
lines changed

3 files changed

+163
-186
lines changed

‎index.html‎

Lines changed: 1 addition & 186 deletions
Original file line numberDiff line numberDiff line change
@@ -3,171 +3,7 @@
33
<html>
44
<head>
55
<title>Smartlinuxcoder ;)</title>
6-
<style>
7-
/* Global styles */
8-
* {
9-
box-sizing: border-box;
10-
font-family: Arial, sans-serif;
11-
}
12-
body {
13-
margin: 0;
14-
padding: 0;
15-
background-color: #f2f2f2;
16-
}
17-
18-
/* Navbar styles */
19-
.navbar {
20-
background-color: #3B8EA5; /* blue */
21-
overflow: hidden;
22-
/* border-radius: 25px; */
23-
}
24-
.navbar a {
25-
float: left;
26-
display: block;
27-
color: #f2f2f2;
28-
text-align: center;
29-
padding: 14px 16px;
30-
text-decoration: none;
31-
border-radius: 25px;
32-
}
33-
.navbar a:hover {
34-
background-color: #91C3D3; /* light blue */
35-
color: #333;
36-
}
37-
38-
/* Button styles */
39-
.button {
40-
background-color: #00B28B; /* green */
41-
color: #fff;
42-
border: none;
43-
padding: 10px 20px;
44-
border-radius: 25px;
45-
cursor: pointer;
46-
transition: background-color 0.3s ease-in-out;
47-
}
48-
.button:hover {
49-
background-color: #009A74; /* dark green */
50-
}
51-
52-
/* Header styles */
53-
.header {
54-
background-color: #1D7874; /* cyan */
55-
color: #fff;
56-
text-align: center;
57-
padding: 80px;
58-
border-bottom-left-radius: 50px;
59-
border-bottom-right-radius: 50px;
60-
}
61-
62-
.avatar {
63-
width: 150px;
64-
height: 150px;
65-
border-radius: 75px;
66-
margin: 0 auto 20px;
67-
}
68-
69-
/* Main content styles */
70-
.content {
71-
padding: 50px;
72-
border-radius: 25px;
73-
background-color: #fff;
74-
}
75-
.content h1 {
76-
color: #1D7874; /* cyan */
77-
}
78-
.content p {
79-
line-height: 1.5;
80-
}
81-
82-
/* Footer styles */
83-
.footer {
84-
background-color: #3B8EA5; /* blue */
85-
color: #f2f2f2;
86-
text-align: center;
87-
padding: 20px;
88-
border-top-left-radius: 50px;
89-
border-top-right-radius: 50px;
90-
}
91-
.repositories {
92-
/* max-width: 800px; */
93-
margin: 0 auto;
94-
padding: 20px;
95-
background-color: #f8f8f8;
96-
border: 1px solid #fff;
97-
border-radius: 5px;
98-
}
99-
100-
.repositories h2 {
101-
margin-top: 0;
102-
font-size: 24px;
103-
font-weight: bold;
104-
}
105-
106-
.repositories ul {
107-
list-style: none;
108-
margin: 0;
109-
padding: 0;
110-
}
111-
112-
.repositories li {
113-
margin-bottom: 10px;
114-
}
115-
116-
.repositories a {
117-
display: block;
118-
padding: 10px;
119-
background-color: #fff;
120-
border: 1px solid #ccc;
121-
border-radius: 5px;
122-
text-decoration: none;
123-
color: #333;
124-
}
125-
126-
.repositories a:hover {
127-
background-color: #f5f5f5;
128-
}
129-
130-
.repositories h3 {
131-
margin-top: 0;
132-
margin-bottom: 5px;
133-
font-size: 20px;
134-
font-weight: bold;
135-
}
136-
137-
.repositories p {
138-
margin: 0;
139-
font-size: 14px;
140-
color: #666;
141-
}
142-
.container {
143-
max-width: 600px;
144-
margin: 0 auto;
145-
padding: 20px;
146-
}
147-
148-
.stats {
149-
display: flex;
150-
flex-wrap: wrap;
151-
justify-content: space-between;
152-
}
153-
154-
.stat {
155-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
156-
padding: 10px;
157-
margin-bottom: 10px;
158-
flex-basis: calc(33.33% - 20px);
159-
}
160-
161-
.stat h2 {
162-
margin-top: 0;
163-
}
164-
165-
.stat p {
166-
font-size: 2em;
167-
font-weight: bold;
168-
margin: 0;
169-
}
170-
</style>
6+
<link rel="stylesheet" href="style.css">
1717
<meta name="google-site-verification" content="38oUXJQakWezaXTQvJNFtivs8R0nWQOcPw7Gjho8-EE" />
1728
</head>
1739
<body>
@@ -272,28 +108,7 @@ <h2>My best repositories</h2>
272108
<div class="footer">
273109
<p>Copyright © 2023 Smartlinuxcoder.
274110
All rights deserved.</p>
275-
<p>Last change:added wav music version 6</p>
276111
</div>
277-
<script>
278-
var audio = new Audio('xenogenesis.wav');
279-
var isPlaying = false;
280-
281-
function startMusic() {
282-
if (!isPlaying) {
283-
audio.play();
284-
isPlaying = true;
285-
}
286-
}
287-
288-
audio.addEventListener('ended', function() {
289-
audio.pause();
290-
audio.currentTime = 0;
291-
isPlaying = false;
292-
});
293-
294-
window.addEventListener('load', startMusic);
295-
</script>
296-
297112
</body>
298113
</html>
299114

‎style.css‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
* {
2+
box-sizing: border-box;
3+
font-family: Arial, sans-serif;
4+
}
5+
body {
6+
margin: 0;
7+
padding: 0;
8+
background-color: #f2f2f2;
9+
}
10+
11+
/* Navbar styles */
12+
.navbar {
13+
background-color: #3B8EA5; /* blue */
14+
overflow: hidden;
15+
/* border-radius: 25px; */
16+
}
17+
.navbar a {
18+
float: left;
19+
display: block;
20+
color: #f2f2f2;
21+
text-align: center;
22+
padding: 14px 16px;
23+
text-decoration: none;
24+
border-radius: 25px;
25+
}
26+
.navbar a:hover {
27+
background-color: #91C3D3; /* light blue */
28+
color: #333;
29+
}
30+
31+
/* Button styles */
32+
.button {
33+
background-color: #00B28B; /* green */
34+
color: #fff;
35+
border: none;
36+
padding: 10px 20px;
37+
border-radius: 25px;
38+
cursor: pointer;
39+
transition: background-color 0.3s ease-in-out;
40+
}
41+
.button:hover {
42+
background-color: #009A74; /* dark green */
43+
}
44+
45+
/* Header styles */
46+
.header {
47+
background-color: #1D7874; /* cyan */
48+
color: #fff;
49+
text-align: center;
50+
padding: 80px;
51+
border-bottom-left-radius: 50px;
52+
border-bottom-right-radius: 50px;
53+
}
54+
55+
.avatar {
56+
width: 150px;
57+
height: 150px;
58+
border-radius: 75px;
59+
margin: 0 auto 20px;
60+
}
61+
62+
/* Main content styles */
63+
.content {
64+
padding: 50px;
65+
border-radius: 25px;
66+
background-color: #fff;
67+
}
68+
.content h1 {
69+
color: #1D7874; /* cyan */
70+
}
71+
.content p {
72+
line-height: 1.5;
73+
}
74+
75+
/* Footer styles */
76+
.footer {
77+
background-color: #3B8EA5; /* blue */
78+
color: #f2f2f2;
79+
text-align: center;
80+
padding: 20px;
81+
border-top-left-radius: 50px;
82+
border-top-right-radius: 50px;
83+
}
84+
.repositories {
85+
/* max-width: 800px; */
86+
margin: 0 auto;
87+
padding: 20px;
88+
background-color: #f8f8f8;
89+
border: 1px solid #fff;
90+
border-radius: 5px;
91+
}
92+
93+
.repositories h2 {
94+
margin-top: 0;
95+
font-size: 24px;
96+
font-weight: bold;
97+
}
98+
99+
.repositories ul {
100+
list-style: none;
101+
margin: 0;
102+
padding: 0;
103+
}
104+
105+
.repositories li {
106+
margin-bottom: 10px;
107+
}
108+
109+
.repositories a {
110+
display: block;
111+
padding: 10px;
112+
background-color: #fff;
113+
border: 1px solid #ccc;
114+
border-radius: 5px;
115+
text-decoration: none;
116+
color: #333;
117+
}
118+
119+
.repositories a:hover {
120+
background-color: #f5f5f5;
121+
}
122+
123+
.repositories h3 {
124+
margin-top: 0;
125+
margin-bottom: 5px;
126+
font-size: 20px;
127+
font-weight: bold;
128+
}
129+
130+
.repositories p {
131+
margin: 0;
132+
font-size: 14px;
133+
color: #666;
134+
}
135+
.container {
136+
max-width: 600px;
137+
margin: 0 auto;
138+
padding: 20px;
139+
}
140+
141+
.stats {
142+
display: flex;
143+
flex-wrap: wrap;
144+
justify-content: space-between;
145+
}
146+
147+
.stat {
148+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
149+
padding: 10px;
150+
margin-bottom: 10px;
151+
flex-basis: calc(33.33% - 20px);
152+
}
153+
154+
.stat h2 {
155+
margin-top: 0;
156+
}
157+
158+
.stat p {
159+
font-size: 2em;
160+
font-weight: bold;
161+
margin: 0;
162+
}

‎xenogenesis.wav‎

-2.47 MB
Binary file not shown.

0 commit comments

Comments
 (0)