aserdevyt.github.io/about.html at main · aserdevyt/aserdevyt.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>About — AserDev</title>
  <link rel="canonical" href="https://aserdevyt.github.io/about.html">
  <meta name="robots" content="index, follow">
  <link rel="stylesheet" href="./style.css">
  <link rel="icon" href="/images/logo.jpeg" sizes="32x32">
  <style>
    .badges { display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 }
    .section { margin-bottom:20px }
    .grid { display:flex; gap:20px; flex-wrap:wrap }
    .stats img { max-width:100%; border-radius:8px }
    .content { padding:24px }
    a.cta { display:inline-block; padding:8px 14px; background:#38bdf8; color:#07203a; border-radius:8px; font-weight:700; text-decoration:none }
  </style>
</head>
<body>
  <div class="container">
    <div style="display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap">
      <div>
        <h1>AserDev</h1>
        <p class="desc">Hey! I'm AserDev — Arch Linux enjoyer, retro tech fan, and casual YouTube creator.</p>
      </div>
      <div style="text-align:right">
        <a class="cta" href="/index.html">Home</a>
      </div>
    </div>

    <div class="section">
      <h2>⚡ Skills</h2>
      <ul>
        <li>Comfortable with Unix-based systems (Linux)</li>
        <li>Zsh & Bash scripting</li>
        <li>Some C (still leveling up)</li>
      </ul>
    </div>

    <div class="section">
      <h2>🌐 Connect with me</h2>
      <div class="grid">
        <a href="https://aserdevyt.github.io/">Website</a>
        <a href="https://www.youtube.com/@aserdev_yt" target="_blank">YouTube</a>
        <a href="https://github.com/aserdevyt" target="_blank">GitHub</a>
      </div>
    </div>

    <div class="section">
      <h2>🚀 Tools & Tech</h2>
      <div class="badges">
        <img src="https://img.shields.io/badge/Linux-Arch-blue?style=for-the-badge&logo=linux" alt="Linux">
        <img src="https://img.shields.io/badge/WM-Hyprland-purple?style=for-the-badge" alt="Hyprland">
        <img src="https://img.shields.io/badge/Shell-Zsh-pink?style=for-the-badge&logo=gnu-bash" alt="Zsh">
        <img src="https://img.shields.io/badge/YouTube-AserDev-red?style=for-the-badge&logo=youtube" alt="YouTube">
        <img src="https://img.shields.io/website?url=https%3A%2F%2Faserdevyt.github.io%2F&style=for-the-badge" alt="Website">
        <img src="https://komarev.com/ghpvc/?username=aserdevyt&style=for-the-badge" alt="Visitors">
      </div>
    </div>

    <div class="section">
      <h2>🏆 GitHub Trophies</h2>
      <div class="stats"><img src="https://github-profile-trophy.vercel.app/?username=aserdevyt&theme=tokyonight&no-frame=true&margin-w=15" alt="trophy"></div>
    </div>

    <div class="section">
      <h2>📊 GitHub Stats</h2>
      <div class="grid stats">
        <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=aserdevyt&layout=compact&theme=tokyonight" alt="Top Langs">
        <img src="https://github-readme-stats.vercel.app/api?username=aserdevyt&show_icons=true&theme=tokyonight" alt="GitHub Stats">
      </div>
    </div>

    <div class="section">
      <h2>📈 Activity Graph</h2>
      <img src="https://github-readme-activity-graph.vercel.app/graph?username=aserdevyt&theme=tokyo-night" alt="Activity Graph" style="width:100%; border-radius:8px">
    </div>

    <footer style="margin-top:28px; padding-top:18px; border-top:1px solid rgba(255,255,255,0.04); display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap">
      <div style="color:#cbd5e1">&copy; 2025 Aserdev</div>
      <div class="footer-buttons" style="display:flex; gap:12px;">
        <a class="footer-button" href="/LICENSE" target="_blank">License</a>
        <a class="footer-button" href="https://github.com/aserdevyt/aserdevyt.github.io" target="_blank">Site Source</a>
      </div>
    </footer>
  </div>
</body>
</html>