-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (226 loc) · 12.7 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html>
<head>
<title>HK.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display: 400i" rel="stylesheet">
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand fontz" href="#">
HK.com
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active p-3 text-light ml-3" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link ml-3 p-3 text-light" href="https://github.com/fear-the-reaper?tab=repositories">Github</a>
<a class="nav-item nav-link ml-3 p-3 text-light" href="https://www.linkedin.com/in/hussain-khan-a616a7194/">Linkdin</a>
</div>
</div>
</nav>
<!-- carosel -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner img-fluid">
<div class="carousel-item active">
<img class="d-block w-100 " src="computer_programming.png" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 " src="game-dev.jpeg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 " src="blender-animation.JPG" alt="Third slide">
</div>
</div>
</div>
<!-- jumbotron -->
<div class="jumbotron jumbotron-fluid bg-dark">
<div class="container justify-content-center text-center text-danger">
<h1 class="h-3 font_for_mob">
Simple but Brilliant
<button type="button" class="btn btn-outline-info btn-lg" data-target="#demo" data-toggle="collapse">surprise</button>
</h1>
</div>
</div>
<!-- Collapsible Start -->
<div id="demo" class="collapse">
<div class="container-fluid">
<div class="row text-center">
<div class="col-md-3 mt-5">
<img class="gif" src="mario.gif">
</div>
<div class="col-md-3 mt-5">
<img class="gif" src="screaming.gif">
</div>
<div class="col-md-3 mt-5">
<img class="gif" src="clapping.gif">
</div>
<div class="col-md-3 mt-5">
<img class="gif" src="fire.gif">
</div>
</div>
</div>
</div>
<!-- Collapsible End -->
<!-- Skills section -->
<div class="container-fluid mt-5">
<div class="row">
<div class="col-md-12 text-center p-3">
<h2 class="display-2 p-2">SKILLS:</h2>
<hr class="upper-hlb">
<h1 class= "text-dark lead p-3">Offering a variety of skills:</h1>
</div>
</div>
<div class="row d-flex justify-content-center text-center mt-2">
<div class="col-sm-12 col-md-6 col-lg-4">
<img src="python-logo.png" width="35%">
<h2 class="h-3">Python</h2>
</div>
<div class="col-sm-12 col-md-7 col-lg-4">
<img src="html5-logo.png" width="35%">
<h2>HTML5</h2>
</div>
<div class="col-sm-12 col-md-7 col-lg-4">
<img src="CSS3-logo.png" width="30%">
<h2>CSS3</h2>
</div>
</div>
<div class="row d-flex justify-content-center text-center">
<div class="col-sm-12 col-md-7 col-lg-4">
<img src="Bootstrap4-logo.jpg" width="50%">
<h2>Bootstrap4</h2>
</div>
<div class="col-sm-12 col-md-7 col-lg-4">
<img src="Blender-logo.png" width="30%">
<h2>Blender</h2>
</div>
<div class="col-sm-12 col-md-7 col-lg-4">
<img src="Unity-logo.jpg" width="30%">
<h2>Unity</h2>
</div>
</div>
<hr class="upper-hlb">
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 text-center p-3">
<h2 class="display-2 p-2">My Projects:</h2>
<h1 class= "text-dark lead p-3">These are Random projects showcasing my skills : </h1>
</div>
</div>
<h3 class="ml-3">Python Virtual Assisstant</h3>
<p class="lead p-3">
This is a virtual assisstant with a simple Graphical User Interface.
Written in Python 3.7 and is and always open source.It uses the wikipedia and wolfaramalpha
module.It also has text-to-speech functionality i.e it gives voice output.
</p>
<a href="https://github.com/fear-the-reaper/Python-Virtual-Assisitant/blob/master/Virtual_assisstant_tut6_combing_the_wolfcode_and_wikicode_and_the_GUI.py" class="ml-3" data-target="#VA" data-toggle="collapse">Virtual Assisstant python code </a>
<h3 class="ml-3 mt-3">This Website!</h3>
<p class="lead p-3">
Yes this website is also a testament of my skills in which I made it from scratch using bootstrap-4, HTML5, and CSS.
And like always the code used for this website is also free open-source.
</p>
<a href="https://github.com/fear-the-reaper/fear-the-reaper.github.io/blob/master/index.html" class="ml-3">HTML5 files</a>
<a href="https://github.com/fear-the-reaper/fear-the-reaper.github.io/blob/master/style.css" class="ml-3">CSS3 files</a>
<h3 class="ml-3 mt-3">Gmail Automation Script</h3>
<p class="lead p-3">
This simple script was truly an exciting one to create where it uses python's 3rd party module Selenium.
It also uses Chrome driver.
Note That this a console application you need to have selenium installed and chrome driver in order for this to work.
</p>
<a href="https://github.com/fear-the-reaper/GmailPy/blob/master/gmailAutomateLogin.py" class="ml-3">
Gmail Automation python code
</a>
<h3 class="ml-3 mt-3">VLC Musicplayer Automation Script</h3>
<p class="lead p-3">
This is in conjuction in with my Virtual Assisstant program where thorugh voice input you'll be able to
<b>open, close, skip, backplay, pause, play.</b>Moreover it even gives voice output!. Note that it was optimized for my laptop so you would need to tweak it a little and if you need any help don't be afraid to email me.
</p>
<a href="https://github.com/fear-the-reaper/VLC-Musicplayer-Automation-Script/blob/master/MusicPlayerAutomation.py" class="ml-3">VLC Musicplayer Automation Script</a>
<h3 class="ml-3 mt-3">Terminal Hacker game</h3>
<p class="lead p-3">
This was made using the course the complete C# developer unity 3D. This was my first game made by the unity game engine.
It uses basic C# and commands provided by the instructors.
</p>
<a href="https://github.com/fear-the-reaper/Terminal-Hacker-Game" class="ml-3">Terminal Hacker Game</a>
<h3 class="ml-3 mt-3">Media Player Automation</h3>
<p class="lead p-3">
Finally after alot of googling I made progress this is better version of my VLC media automation script
where you needed to wait and can't do anything while the GUI automation takes control, so rather than
controlling the GUI I simulate the keyboard so utlizing the pause/play, fast, and back button I control
the default media player and the other players with <b>voice input</b>.
Note that there are still little kinks but the core program works also run this while the media is open
this is for the default media player and for the other media players there window must be the current window
moreover use the python 3.6 interpreter as pyaudio does not support 3.6+ versions.
</p>
<a href="https://github.com/fear-the-reaper/AutoMusic/blob/master/AutoMusic.py" class="ml-3">AutoMusic</a>
<h3 class="ml-3 mt-3">Gback</h3>
<p class="lead p-3">
This was a thinker, this program extracts all the emails that have sent you an email in which
it extracts them and saves them in an excel file.For this to work you need to do some tweaks
for your gmail accounts in which you need to turn on access for less secure apps(don't worry link
is with the Gback link).Furthermore it takes time like 14 - 24 min depending from since do you
want to save the emails.Moreover for right now do this once,further developement is needed, if you
want to back up again......which you'll do obviously! Anyways here's the link to my code on my github,
till then happy typing!!!
</p>
<a href="https://www.dev2qa.com/how-do-i-enable-less-secure-apps-on-gmail/" class="ml-3">How to enable less secure apps for your gmail account.</a>
<a href="https://github.com/fear-the-reaper/Gback/blob/master/Gback_github.py" class="ml-3">Gback.py</a>
<h3 class="ml-3 mt-3"> Ydownloads </h3>
<p class="lead p-3">
Wow haven't updated this in a while but it's never too late. Well this was an exciting endevour I always wanted
to make an "App" of sorts to directly download from youtube and so I did that. Learnt many things got back on to
the GUI train(Thank you tkinter stackOverflow community!) and for the 1st time: <b>A complete build.</b> That is
fully executable straight outta the box
</p>
<a href="https://github.com/fear-the-reaper/Ydownload" class="ml-3">Ydownload Github Link</a>
<h3 class="ml-3 mt-3"> SHOUT OUT TOO! </h3>
<p class="lead p-3">
A great big shout to my seniors/sensei's: <b> Zubaria Ayub, Gullsher Hussain Khan, and Taha Firoz </b> who have <b>greatly</b> helped me in this project and in my life in general not only they're great people but epic coders do check em out / contact them!
Zubaria's email: <b>[email protected]</b> Gullsher's email: <b>[email protected]</b> <a href="https://github.com/Taha-Firoz"> Taha's Github</a>
</p>
<h3 class="ml-3 mt-3"> NoteApp </h3>
<p class="lead p-3">
This was a fun one, after learning some intermediate javascript, I started working on node.js made a basic chat app.
After that though fell under rut, university finally getting to me. Nonetheless I went on got a course on Udmey to
refine my skills and understand Node a bit more, The instructor taught us to make this in the first section which was
cool af because I never used JSON, so that was a first. Right now this a basic CLI app but have plans for a GUI Interface
so stay tuned febbas. Well till then happy typing!
</p>
<a href="https://github.com/fear-the-reaper/noteApp" class="ml-3">NoteApp Github Link</a>
<h3 class="ml-3 mt-3"> Noter </h3>
<p class="lead p-3">
After making the CLI version I quickly got around to making the frontend and it took more time than I expected as my design sense is me banging my head on a wall thinking of a nice responsive minimalist design. However after weeks of brainstorming and doing the good ol' google fu finally made something I'm proud of. Hope you guys like it and as always
happy typing!
</p>
<a href="https://github.com/fear-the-reaper/noteApp" class="ml-3">Noter Github Link</a>
<a href="https://reapers-notes.herokuapp.com/" class="ml-3">See it live</a>
<h3 class="ml-3 mt-3"> Tasker </h3>
<p class="lead p-3">
Tasker is my first REST API which was a great learning experience as learnt about headers, protocols, authentication, relations between models, and about the REST API. Furthermore this was my first time learning on NoSQL databases which was really great although mongoose's documentation did try confuse me a bit. <strong>This was completely back end</strong> but will integrate this Noter as I keep on treking on this Node course. Till then guys happy typing!
</p>
<a href="https://github.com/fear-the-reaper/tasker" class="ml-3">Tasker Github Link</a>
<h3 class="ml-3 mt-3"> Dodge em all! </h3>
<p class="lead p-3">
This was my first time using C++ practically which was a great change of pace, learnt alot about game design and development an area of great interest but also a steep amount struggle nonethe less it was worth it! Check it out for yourselves and give feedback!. Till then guys happy typing!
</p>
<strong class="ml-3">Note: this is linux based game so please play on it!</strong>
<a href="https://github.com/fear-the-reaper/noteApp" class="ml-3">NotesApp Github Link</a>
</div>
<!-- Footer -->
<!-- Footer -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>