-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (192 loc) · 14.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Sina Ojaghi</title>
<link rel="icon" type="image/x-icon" href="/media/favicon/icons8-elektronik-color-96.png">
<script src="https://cdn.tailwindcss.com"></script>
<style>
* {
scroll-behavior: smooth;
}
</style>
</head>
<body>
<div id="HomePage">
<div class="h-16 bg-white z-30 flex items-center justify-around sm:fixed sm:w-screen"><a
class="text-xl font-bold " href="/">Sina Oj</a>
<div id="phone menu" class="sm:hidden"><img loading="lazy" width="14" height="14" decoding="async"
data-nimg="1" class="cursor-pointer" style="color:transparent" src="/media/menu.png" />
</div>
<div id="desktop menu" class="hidden sm:flex sm:space-x-4 ">
<div class="flex space-x-2"><a href="/#HomePage">Home</a></div>
<div class="flex space-x-2"><a href="/#about">About</a></div>
<div class="flex space-x-2"><a href="/#skills">Skills</a></div>
<div class="flex space-x-2"><a href="/#contact-me">Contact Me</a></div>
</div>
</div>
<div class="max-w-screen bg-slate-300 ">
<section class="flex min-h-screen flex-col items-center justify-center text-slate-800 space-y-8"
id="home">
<div class="border border-4 border-slate-800 rounded-full"><img alt="Picture of the author"
loading="lazy" width="180" height="180" decoding="async" data-nimg="1" style="color:transparent"
src="/media/profile1.png" /></div>
<div>
<p class="tracking-[5px] text-slate-500 text-center">Hello I'm Sina &</p><span
style="font-size:1.3em;display:inline-block" class="index-module_type__E-SaG"></span>
<span id="TypeStyle" style="display: inline-block; font-size: 1.3em; margin-top: 0.5em;"></span>
</div>
<div class="flex justify-evenly gap-2"><a
href="https://scholar.google.com/citations?user=1NJF8awAAAAJ&hl=en&oi=ao"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/006-scholar.png" /></a><a
href="https://join.skype.com/invite/HFvbHgQg7dM3" target="_blank"><img alt="Picture of the author"
loading="lazy" width="50" height="50" decoding="async" data-nimg="1"
class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/005-skype.png" /></a><a
href="https://www.linkedin.com/in/sina-ojaghi"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/002-linkedin.png" /></a><a
href="https://t.me/sinaoj"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/001-telegram.png" /></a><a
href="https://www.researchgate.net/profile/Sina-Ojaghi"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-green-400 hover:rounded-full"
style="color:transparent" src="/media/008-Reserchgate.png" /></a><a
href="https://github.com/sinaojaghi"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/009-github.png" /></a><a
href="mailto:[email protected]?subject%20=%20Feedback&body%20=%20Message"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-rose-400 hover:rounded-full"
style="color:transparent" src="/media/007-gmail.png" /></a>
</div>
<div style="display: flex; gap: 10px;">
<a href="/CV_SinaOjaghi_Summary.pdf" class="border border-slate-800 px-6 py-2 rounded-xl text-sm" target="_blank">My One-Page C.V.</a>
<a href="/CV_SinaOjaghi.pdf" class="border border-slate-800 px-6 py-2 rounded-xl text-sm" target="_blank">My C.V.</a>
</div>
</section>
<section class="min-h-screen py-32 px-10" id="about">
<div class="flex flex-col items-center text-slate-800 space-y-8 ">
<h1 class="font-bold text-xl">About Me</h1>
<div class="relative rounded-3xl shadow-sm hover:shadow-2xl drop-shadow-md"><img alt=""
loading="lazy" width="287" height="400" decoding="async" data-nimg="1"
class=" object-contain rounded-3xl" style="color:transparent" src="/media/aboutme.jpg" />
</div>
<h2>Hi, I am <span class="font-bold ">Sina</span></h2>
<p class="leading-8 py-30 px-20 justify-center"> As a Ph.D. student in Computer Architecture at the University of Tehran,
I have been deeply committed to both research and education. I have had the opportunity to teach at Hamedan University of Technology
and the University of Tehran, where I contributed to my students' academic growth while further developing my own teaching and research skills.
Currently, I manage my dual roles as IT Manager at HamVta Arya Co. and as a hardware programmer at Afra Turbine Energy Co.,
utilizing my technical expertise to solve real-world challenges. My passion for discovery and innovation continually drives me forward.
My extensive involvement in research and development projects reflects my commitment to advancing the field of computer architecture.
I am now seeking a study opportunity to further enhance my research capabilities, with the goal of offering groundbreaking insights
into hardware security and the applications of spiking neural networks in sustainable technologies.</p>
</div>
</section>
<section
class="flex py-30 px-10 flex-col items-center justify-center min-h-screen space-y-8 bg-slate-700 text-white"
id="skills">
<h2 class="font-bold text-xl">What is my skill level?</h2>
<p class="leading-8">I am very verscetile and i'm confortable with a wide range of programming languages</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-10">
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/vhdl.png" />VHDL
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/matlab.png" />Matlab programming language
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/python.svg" />Python
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/raspberryPi.png" />Embedded Linux
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/SystemVerilog.png" />System verilog
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/armLogo.png" />ARM Programming
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/Java-Logo.png" />Java Programming
</div>
<div
class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
<img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
style="color:transparent" src="/media/cprogramming.png" />C/C++
</div>
</div>
</section>
</div>
<section class=" min-h-screen bg-slate-200 py-32 px-10 flex flex-col justify-center items-center space-y-10"
id="contact-me">
<h1 class="font-bold text-xl">Contact Me</h1>
<div class=" text-slate-800 max-w-4xl mx-auto">
<form onsubmit="return CreateMail()" method="post" class="flex flex-col space-y-3 md:min-w-[400px]"><label
for="name">Name:</label><input type="text" id="name" name="name" required="" /><label
for="email">Email:</label><input type="email" id="email" name="email" required="" /><label
for="message"> Message</label><textarea id="message" name="message" required="" minlength="10"
maxlength="251"></textarea><button type="submit"
class="bg-rose-600 mt-10 px-10 py-2 text-white">Submit</button>
</form>
<div class="flex justify-evenly mt-10"><a
href="https://join.skype.com/invite/HFvbHgQg7dM3" target="_blank"><img alt="Picture of the author"
loading="lazy" width="50" height="50" decoding="async" data-nimg="1"
class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/005-skype.png" /></a><a
href="mailto:[email protected]?subject%20=%20Feedback&body%20=%20Message"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-rose-400 hover:rounded-full"
style="color:transparent" src="/media/007-gmail.png" /></a><a
href="https://t.me/sinaoj"
target="_blank"><img alt="Picture of the author" loading="lazy" width="50" height="50"
decoding="async" data-nimg="1" class="hover:bg-cyan-400 hover:rounded-full"
style="color:transparent" src="/media/001-telegram.png" /></a><a
></a>
</div>
</div>
</section>
</div>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script>
function CreateMail(){
let name = document.getElementById('name').value;
let email = document.getElementById('email').value;
let msg = document.getElementById('message').value;
window.location.href = `mailto:[email protected]?subject=Sina You have 1 New Massage From WebSite By " ${name} " And Mail is " ${email} " &body=${msg}`;
return false;
}
var typed3 = new Typed('#TypeStyle', {
strings: [ "I'm a Computer <strong>Engineer</strong>", "I'm a Computer <strong>Architectur</strong>",
"I'm a researcher in <strong>Hardware Security</strong>","I'm a researcher in <strong>Spiking Neural Network</strong>" ],
typeSpeed: 50,
backSpeed: 35,
backDelay: 500,
startDelay: 1000,
loop: true,
shuffle: false
});
</script>
</body>
</html>