john220099.github.io/index.html at main · John220099/john220099.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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>John220099</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=620, user-scalable=no">
        <meta name="keywords" content="john220099, john2009, john2009_, John220099, John2009, JHACK">
        <meta name="description" content="portfolio or an about me website made by john220099">
        <meta name="author" content="john220099">
        <meta itemprop="name" content="john220099">
        <meta itemprop="description" content="john220099's portfolio">
        <link rel="stylesheet" href="styles/side.css">
        <link rel="stylesheet" href="styles/main.css">
        <link rel="stylesheet" href="styles/about.css">
        <link rel="stylesheet" href="styles/skills.css">
        <link rel="icon" type="image/png" href="assets/favicon.png">
        <script src="functions/background.js"></script>
        <script src="functions/line.js"></script>
    </head>
    <body>
        <aside>
            <div class="sidestuff">
                <div class="profile">
                    <img src="assets/favicon.png">
                </div>
                <h2>john220099</h2>
                <div class="links">
                    <div class="github">
                            <a href="https://github.com/John220099" target="_blank" title="Will Redirect you to my github profile.">
  			                <img src="assets/github.png"/>
			  	        </a>
                    </div>
			            <div class="youtube">
                            <a href="https://www.youtube.com/@john22009" target="_blank" title="Will Redirect you to my YT.">
                            <img src="assets/youtube.png"/>
                        </a>
                    </div>
                </div>
            </div>
        </aside>
        <div class="main-content">
            <div class="about">
                <h2>about me</h2>
                <p>Hi, I’m @John220099 👋🏻</p>
                <p>i make/code stuff🛠️</p>
                <p>I’m currently learning kotlin, html, css and js 📒</p>
            </div>
            <div class="Skills">
                <h2>Skills</h2>
                <div class="skill">
                    <label for="kotlin">kotlin:</label>
                    <progress id="kotlin" value="12" max="100"></progress>
                </div>
                <div class="skill">
                    <label for="htmls">html:</label>
                    <progress id="htmls" value="30" max="100"></progress>
                </div>
                <div class="skill">
                    <label for="csss">css:</label>
                    <progress id="csss" value="20" max="100"></progress>
                </div>
                <div class="skill">
                    <label for="js">js:</label>
                    <progress id="js" value="8" max="100"></progress>
                </div>
            </div>
            <div class="code">
                <img src="https://github-readme-stats.vercel.app/api/top-langs?username=john220099&show_icons=true&locale=en&layout=compact" alt="john220099" />
            </div>
        </div>
    </body>
</html>