-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
274 lines (227 loc) · 11.3 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
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>abja.me</title>
<link rel="stylesheet" href="/style.css">
</head>
<body data-barba="wrapper">
<!-- <div id="topOfTPage"></div> -->
<ul id="tran">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<header>
<h2 class="logo">
abja
</h2>
<nav>
<ul>
<li> <a href="/">home</a> </li>
<li><a href="/blog">blog</a></li>
<li> <a href="/#projects">projects</a></li>
<li> <a href="#contact" >contact</a> </li>
</ul>
</nav>
</header>
<div data-barba="container" data-barba-namespace="home">
<section id="landing">
<div id="middleSection">
<h1>Hi, my name is Abbas </h1><img src="pic/neural.svg" alt="">
</div>
<div id="lander">
<svg width="100vw" height="" viewBox="0 0 548 645" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M548 22.9959L532.778 18.8579C517.556 14.8746 487.111 6.3665 456.667 2.38318C426.222 -1.75484 395.778 -1.75489 365.333 12.6702C334.889 27.2499 304.444 55.8681 274 62.1718C243.556 68.2435 213.111 52.0007 182.667 45.697C152.222 39.6254 121.778 43.4927 91.3333 47.7467C60.8888 52.0007 30.4445 55.8681 15.2223 58.0724L0 60.1221L0 645H36C51.2222 645 68.5555 645 99 645C129.444 645 148 645 182.667 645C206 645 243.556 645 274 645C304.444 645 312.556 645 343 645C373.444 645 401.556 645 432 645C462.444 645 483.778 645 499 645L548 645L548 22.9959Z" fill="#5000CA" fill-opacity="0.4"/>
</svg>
<div> <h1>I'm </h1><h1 id="typed"></h1><h1> Enthusiast.</h1></div>
</div>
</section>
<section id="afterLanding">
<svg width="100%" height="" viewBox="0 0 548 645" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 622.004L15.2222 626.142C30.4444 630.125 60.8889 638.633 91.3333 642.617C121.778 646.755 152.222 646.755 182.667 632.33C213.111 617.75 243.556 589.132 274 582.828C304.444 576.757 334.889 592.999 365.333 599.303C395.778 605.375 426.222 601.507 456.667 597.253C487.111 592.999 517.555 589.132 532.778 586.928L548 584.878V0L512 0C496.778 0 479.444 0 449 0C418.556 0 400 3.67824e-05 365.333 3.05176e-05C342 3.05176e-05 304.444 0 274 0C243.556 0 235.444 0 205 0C174.556 0 146.444 0 116 0C85.5556 0 64.2223 0 49 0L3.05176e-05 0L0 622.004Z" fill="#5000CA" fill-opacity="0.4"/>
</svg>
</section>
<main>
<article>
<h2>
about me
</h2>
<p>
Hi,first thanks for taking time to visit. My name is Abbas Jafari and as far as I can remember technology was my passion particularly computer and information technology. I have been facsinated with all that computer science encompasses from transistors and fetch execute cycle to deep neural network and quantum computing. My intention is to dedicate my life and bring value through computer science, I hope you could help me in that matter . Currently I'm looking to get a job in tech industry and move forward from there. I'm precise and try to be as professioanl as possible,I am a hard-working team-player, I try to push forward and do my best, you can see a summary of my what I can do and contact me from here.
</p>
</article>
<article >
<h2>
my projects
</h2>
<section id="myProjects">
<article onclick="location.href='https://abja.me/Pathfinding_Visualization/';">
<h3>Path Finding Visualization</h3>
<p>
Path finding algorithms are facsinating in a sense that they give you a way to uunderstand approximtly how navigation systems work and ofcourse they are a dear solution to consider for travleing salesman. here I tried to implement A star algorithm which is a well known algorithm in computer science.
</p>
<div class="imgContainer cl1">
<img src="blog/posts/Pathfinding-Visualization/pageimage.gif" alt="Pathfinding-Visualization">
</div>
</article>
<article onclick="location.href='https://abja.me';">
<h3>Portfolio</h3>
<p> Currently where you are. It has always amazed me how we can make great websites/ platforms simply with JavaScript, HTML and CSS. I can make sure now that I have enough knowledge and strong basis to do more complex project!!!
</p>
<div class="imgContainer cl2">
<img src="blog/posts/Flexbox-is-awesome!/pageimage.gif" alt="Pathfinding-Visualization">
</div>
</article>
<article onclick="location.href='https://github.com/realabja/pagegenerator/tree/master/pagegenerator';">
<h3>Static Page Generator</h3>
<p>
Just a quick way to generate static web pages with python easy to understand and powerfull
</p>
<div class="imgContainer cl3">
<img src="blog/posts/Creating-a-static-page-generator-for-blog/pageimage.png" alt="Pathfinding-Visualization">
</div>
</article>
</section>
</article>
<article>
<h2>
my skills
</h2>
<div id="myskills">
<div >
<h2>web developlment and genral programming </h2>
<ul>
<li>
<h3>JavaScript</h3>
<p>
language with basic knowledge of its framework and libraries
</p>
</li>
<li>
<h3>Python</h3>
<p>
language and its built-in libraries
</p>
</li>
<li>
<h3>HTML</h3>
<p>
working DOM and diffirint attribute and properties for SEO and semantic
</p>
</li>
<li>
<h3>
CSS
</h3>
<p>
styling content and building attractive user interfaces
</p>
</li>
</ul>
</div>
<div>
<h2>data science and machine learning</h2>
<ul>
<li>
<h3>
python
</h3>
<p>
Genral syntax and libraris for computing (Numpy)
</p>
</li>
<li>
<h3>
Mathematic
</h3>
<p>
Mathematical concepts from linear algebra and calculus number theory and probability
</p>
</li>
<li>
<h3>
Data analysis and data Visualization
</h3>
<p>
basic familiarity with data analysis and tools
</p>
</li>
<li>
<h3>
Conceptual thinking
</h3>
<p>
basic knowledge of machine learning solutions and data science
</p>
</li>
</ul>
</div>
</div>
</article>
</main>
</div>
<footer id="contact">
<ul>
<li id="github"><a href="https://github.com/realabja">git</a><img style="pointer-events: none;" src="pic/git.png" alt="" srcset=""></li>
<li id="linkedin"><a href="https://www.linkedin.com/in/abbas-jafari-pythoner/">link</a><img style="pointer-events: none;"src="pic/tw1.png" alt="" srcset=""></li>
<li id="twitter"><a href="https://twitter.com/realabja">twitter</a><img style="pointer-events: none;" src="pic/li2.png" alt="" srcset=""></li>
<li id="email"><a href="mailto:abbas.jafari@powercoders.org">email</a><img style="pointer-events: none;" src="pic/gmail.png" alt="" srcset=""></li>
</ul>
<div style="text-align: center; display: flex; justify-content: space-around; width: 100%; flex-wrap: wrap;">
<p style=" display: inline-block; margin: 0; padding: 0; color: lavender; flex-basis: 500px;">© 2020 abja.me</p>
<p style="display: inline-block; flex-basis: 500px; margin: 0; padding: 0; color: lavender ;">
abbas.jafari@powecoders.org
</p>
</div>
</footer>
<div id="cursor"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
<script src="https://unpkg.com/@barba/core"></script>
<script src="/app.js"></script>
<script>
function cb(response) {
document.getElementById('visits').innerText = response.value;
}
</script>
<script>
function vi(response) {
if(!localStorage.getItem("myvisits")){
localStorage.setItem("myvisits", response.value);
}
else{
localStorage.setItem("myvisits", Number(localStorage.getItem("myvisits"))+1);
console.log(localStorage.getItem("myvisits"));
console.log(response.value)
}
}
</script>
<script async src="https://api.countapi.xyz/hit/abja.me/visits?callback=vi"></script>
<!-- scoth scroll cross browser -->
<!-- scoth scroll cross browser -->
<!-- scoth scroll cross browser -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
window.location.hash = hash;
});
}
});
});
</script> -->
<!-- scoth scroll cross browser -->
<!-- scoth scroll cross browser -->
<!-- scoth scroll cross browser -->
<!-- scoth scroll cross browser -->
</body>
</html>