-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (108 loc) · 5.65 KB
/
index.html
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
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
<title>Nahim Yaya</title>
</head>
<body>
<div class="container">
<div class="nav">
<div class="topnav" id="myTopnav">
<!-- <a href="/"> -->
<br>
<img src="meee.jpg" alt="avatar" class="avatar"/>
<!-- </a> -->
<div class="name">
<h1 class="topic">Nahim Yaya</h1>
<h3 class="topic">Software Engineer</h3>
</div>
<a class="link" href="index.html">Projects</a>
<a class="link" href="about.html">About</a>
<a href="mailto:[email protected]"><button>Contact Me</button></a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<br>
<h1 class="topic-top">MY PROJECTS</h1>
<br><hr><br>
<!-- <div class="">
<h2 class="topic">Vulkan RayTracer</h2>
<p>
Built a RayTracer using C++ and Vulkan. With IMGUI library.
</p>
</div>
<br><hr><br> -->
<div class="">
<h2 class="topic"> <a href="https://github.com/xploor-games/Obsidion"> 3D Game Engine </a> </h2>
<p>
3D Game Engine written in C++ and OpenGL. The Engine uses GLM math library which can effortlessly be substituted with a custom one. It has standalone input system (based on SDL input) which is pluggable. The idea is to have separate abstractions as "plugins" and be able to customize as desired or use a different one entirely
</p>
<video width="280" height="200" autoplay muted loop>
<source src="vids/more.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<video width="280" height="200" autoplay muted loop>
<source src="vids/TPCamera.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<video width="280" height="200" autoplay muted loop>
<source src="vids/heightmapped_terrain.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<video width="280" height="200" autoplay muted loop>
<source src="vids/ninja.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<br><hr><br><br>
<div class="">
<h2 class="topic"> <a href="https://play.google.com/store/apps/details?id=com.xploore.coronawars&hl=en&gl=US"> Space Invaders Clone </a> </h2>
<p>
2D space shooter android game entirely from scratch using Java on Android Studio. I handled everything from development to deployment to shipping. Assets like sound, music, icons and sprites were sourced from free asset stores on the internet.
</p>
<img src="vids/cwar1.png" alt="CWAR" width="150" height="300">
<img src="vids/cwar3.png" alt="CWAR" width="150" height="300">
<img src="vids/cwar2.png" alt="CWAR" width="150" height="300">
</div>
<br><hr><br><br>
<div class="">
<h2 class="topic">Game Controller</h2>
<p>
I built this device for controlling video games made with html5 hosted on an ESP-8266 module via Wi-Fi. It was built for a University project in my penultimate year of study.
</p>
<img src="vids/arduino.png" alt="CWAR" width="300" height="300">
</div>
<br><hr><br><br>
<div class="">
<h2 class="topic">Code Editor</h2>
<p>
A light-weight Text Editor built using Python and Qt framework. Basic open, save, undo, redo functionality. Syntax highlighting. Allows user to specify and run build commands
</p>
</div>
<br><hr><br><br>
</div>
<div class="container">
<footer class="footer">
<a class="icons twitter-bg" href="https://twitter.com/NahimYaya">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
<a class="icons github-bg" href="http://github.com/nahiim">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</footer>
</div>
</body>
</html>