osaworks.github.io/index.html at main · OsaWorks/osaworks.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <!-- Responsive -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- SEO -->
    <title>Osayami | Game Developer Portfolio</title>
    <meta name="description" content="Portfolio of Osayami, an independent game developer showcasing projects built with Godot.">

    <!-- Accessibility -->
    <meta name="color-scheme" content="dark light">

    <link rel="stylesheet" href="styles.css">

    <!-- Defer JS to avoid blocking render -->
    <script src="main.js" defer></script>
</head>

<body>

    <!-- Skip link for keyboard users -->
    <a href="#main-content" class="skip-link">Skip to content</a>

    <header>
        <nav class="nav" aria-label="Main navigation">
            <a class="logo" href="Index.html">Osayami</a>

            <button
                class="nav-toggle"
                aria-label="Open menu"
                aria-expanded="false"
                aria-controls="nav-menu">
                ☰
            </button>

            <ul id="nav-menu" class="nav-menu">
                <li><a href="index.html" aria-current="page">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main id="main-content" class="container">

        <!-- Intro -->
        <section id="intro" aria-labelledby="intro-heading">
            <img
                src="avatar.png"
                alt="Portrait of Osayami, game developer"
                loading="lazy">

            <div class="intro-text">
                <h1 id="intro-heading">Welcome to My Portfolio</h1>
                <p>
                    Here you will find a curated selection of my development
                    projects , games I developed and experiments.
                </p>
            </div>
        </section>

        <!-- Projects -->
            <section id="projects" aria-labelledby="projects-heading">
            <h2 id="projects-heading">Featured Projects</h2>

            <ul>
                <li>
                    <a
                        href="https://github.com/osayami/LibraryManagement"
                        target="_blank"
                        rel="noopener">
                        Library Management System Console App
                    </a>
                    <p>
                        Simple C# console app that stores up to five book titles using five string variables. The program supports adding a book, removing a book , and displaying available books and borrowing.
                    </p>
                </li>

                <li>
                    <a
                        href="https://github.com/osayami/Student-Grade-Console-app-CSharp"
                        target="_blank"
                        rel="noopener">
                        Student Grades System Console App
                    </a>
                    <p>
                        A C# console application that manages student names and their corresponding grades using arrays. The program allows users to add students, add their marks, and display all students with their grades.
                    </p>
                </li>
            </ul>
        </section>
        <section id="projects" aria-labelledby="projects-heading">
            <h2 id="projects-heading">Game Projects</h2>

            <ul>
                <li>
                    <a
                        href="https://osayami.itch.io/platformer2d"
                        target="_blank"
                        rel="noopener">
                        Platformer 2D
                    </a>
                    <p>
                        A 2D platformer game built with Godot, focusing on movement
                        and level design fundamentals.
                    </p>
                </li>

                <li>
                    <a
                        href="https://osayami.itch.io/madbots"
                        target="_blank"
                        rel="noopener">
                        Angry Birds–style Game
                    </a>
                    <p>
                        A physics-based game inspired by Angry Birds, developed using Godot.
                    </p>
                </li>
            </ul>
        </section>

    </main>

    <footer role="contentinfo">
        <p>© 2026 Osayami</p>
    </footer>

</body>
</html>