Skip to content

Commit 858e26d

Browse files
author
Smartlinuxcoder
committed
Complete Redesign
1 parent 4b23a7f commit 858e26d

File tree

5 files changed

+220
-96
lines changed

5 files changed

+220
-96
lines changed

‎flappy.png‎

11.3 KB
Loading

‎index.html‎

Lines changed: 89 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,52 @@
11
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<title>Smartlinuxcoder ;)</title>
5-
<link rel="stylesheet" href="style.css">
6-
<meta name="google-site-verification" content="38oUXJQakWezaXTQvJNFtivs8R0nWQOcPw7Gjho8-EE" />
7-
</head>
8-
<body>
9-
<!-- Navbar -->
10-
<div class="navbar blue">
11-
<a href="#rust">Rust</a>
12-
<a href="#python">Python</a>
13-
<a href="#about">About</a>
14-
<a href="https://github.com/Smartlinuxcoder" class="button">Github</a>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Smartlinuxcoder ;)</title>
6+
<link rel="stylesheet" href="style.css">
7+
<meta charset="UTF-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500;700&display=swap" rel="stylesheet">
12+
<meta name="msvalidate.01" content="7B24B5EC0C647704BE3CEEFFB8B47666" />
13+
<meta
14+
name="description"
15+
content="Hey! i'm Smartlinuxcoder.
16+
This is my website
17+
come here and take a seat!">
18+
</head>
19+
20+
<body>
21+
<!-- Google tag (gtag.js) -->
22+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WPWM2KMV7C"></script>
23+
<script>
24+
window.dataLayer = window.dataLayer || [];
25+
function gtag() { dataLayer.push(arguments); }
26+
gtag('js', new Date());
27+
28+
gtag('config', 'G-WPWM2KMV7C');
29+
</script>
30+
<!-- Header -->
31+
<div class="header">
32+
<img class="avatar" src="https://avatars.githubusercontent.com/u/123417503?v=4" alt="Avatar">
33+
<h1>Hi! I'm Smartlinuxcoder</h1>
34+
<p>Welcome to my website!</p>
35+
<div class="navbar">
36+
<div class="clear-button">
37+
<a href="#rust">Rust</a>
38+
</div>
39+
<div class="clear-button">
40+
<a href="#python">Python</a>
41+
</div>
42+
<div class="clear-button">
43+
<a href="#about">About</a>
44+
</div>
45+
<div class="clear-button">
46+
<a href="https://github.com/Smartlinuxcoder" class="button">Github</a>
47+
</div>
1548
</div>
16-
17-
<!-- Header -->
18-
<div class="header dukeblue">
19-
<img class="avatar" src="https://avatars.githubusercontent.com/u/123417503?v=4" alt="Avatar">
20-
<h1>Hi! I'm Smartlinuxcoder</h1>
21-
<p>Welcome to my website!</p>
22-
<div class="container">
49+
<div class="container">
2350
<h1>My GitHub Stats</h1>
2451
<div class="stats">
2552
<div class="stat">
@@ -59,24 +86,42 @@ <h2>Repositories</h2>
5986
})
6087
.catch(error => console.error(error));
6188
</script>
62-
</div>
63-
64-
<!-- Main content -->
65-
<div class="content">
89+
</div>
90+
91+
<!-- Main content -->
92+
<div class="horizontal-container">
93+
<div class="content div-element">
6694
<h1 id="rust">Rust Programming</h1>
6795
<p>I'm pretty new to rust and I don't know all of its perks but i know one thing: </br>
68-
Everything that can be written in Rust will eventually be written in Rust.</p>
69-
70-
<h1 id="python">Python Programming</h1>
71-
<p>I like its semplicity and its philosophy but it's so SLOW</p>
72-
96+
Everything that can be written in Rust will eventually be written in Rust.</p>
97+
</div>
98+
<div class="content div-element">
7399
<h1 id="about">About Me</h1>
74100
<p>Hi, I'm a random programmer who loves Rust and Python! I use arch btw.</p>
75-
76-
<div class="repositories">
101+
</div>
102+
</div>
103+
<div class="repositories">
104+
<h2>My projects</h2>
105+
<ul>
106+
<li><a class="project smartcloud" href="https://cloud.smartlinux.xyz">
107+
<h3>SmartCloud</h3>
108+
<p>A simple and private NextCloud instance</p>
109+
</a></li>
110+
<li><a class="project flappy" href="https://flappy-bird-kaboomjs.netlify.app">
111+
<h3>Flappy bird</h3>
112+
<p>A flappy bird remake written using KaboomJs</p>
113+
</a></li>
114+
<li><a class="project outro" href="https://year-outro.netlify.app">
115+
<h3>Year outro</h3>
116+
<p>A script made using KaboomJs that lines up the outro song to the next minute</p>
117+
</a></li>
118+
</ul>
119+
</div>
120+
<div class="repositories">
77121
<h2>My best repositories</h2>
78122
<ul id="repository-list"></ul>
79123
</div>
124+
80125
<script>
81126
const apiUrl = 'https://api.github.com/users/Smartlinuxcoder/repos';
82127

@@ -89,6 +134,12 @@ <h2>My best repositories</h2>
89134
const link = document.createElement('a');
90135
const heading = document.createElement('h3');
91136
const description = document.createElement('p');
137+
link.classList.add('project');
138+
// Verifica se la repository contiene un file "pic.png"
139+
const backgroundImageUrl = `https://raw.githubusercontent.com/Smartlinuxcoder/${repository.name}/main/pic.png`;
140+
141+
// Imposta l'immagine come sfondo o utilizza l'avatar dell'utente come default
142+
link.style.backgroundImage = `url(${backgroundImageUrl}), url(${repository.owner.avatar_url})`;
92143

93144
link.href = repository.html_url;
94145
heading.textContent = repository.name;
@@ -101,15 +152,12 @@ <h2>My best repositories</h2>
101152
});
102153
})
103154
.catch(error => console.error(error));
104-
</script>
105-
<script defer data-domain="smartlinuxcoder.is-a.dev" src="https://analytics.is-a.dev/js/script.js"></script>
106-
</div>
107-
<!-- Footer -->
108-
<div class="footer dukeblue">
109-
<p>Copyright © 2023 Smartlinuxcoder.
155+
</script>
156+
<!-- Footer -->
157+
<div class="footer dukeblue">
158+
<p>Copyright © 2024 Smartlinuxcoder.
110159
All rights deserved.</p>
111-
</div>
112-
</body>
113-
</html>
114-
160+
</div>
161+
</body>
115162

163+
</html>

‎outro.png‎

33.1 KB
Loading

‎smartcloud.png‎

24.9 KB
Loading

0 commit comments

Comments
 (0)