-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (193 loc) · 12.2 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
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>yohannes15</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
<link rel="stylesheet" href="index.css">
<link rel="icon" href="https://media-exp1.licdn.com/dms/image/C4E03AQESyzgHgZrr4A/profile-displayphoto-shrink_400_400/0?e=1605139200&v=beta&t=5VYU_s2uBBgGxlmTmTgaCl5B_UB-D8pXkEccpf8Ee3E" type="image/png"></head>
<body>
<div id="loading">
<div id="spinner"></div>
</div>
<div id="profile">
<div id="profile_img" style="background: url(https://avatars3.githubusercontent.com/u/48221308?v=4) center;"></div>
<div id="username"><span style="display:block;">Yohannes Berhane</span><a href="https://github.com/yohannes15">@yohannes15</a></div>
<div id="userbio" style="display: block;">Hey!! I am Yohannes, a software engineer in New Jersey who enjoys full stack web development with ASP.NET Core or Django with React. </div>
<div id="about">
<span style="display:none;"><i class="fas fa-users"></i> null</span>
<span style="display:none;"><i class="fas fa-envelope"></i> null</span>
<span style="display:block;"><i class="fas fa-map-marker-alt"></i> New Jersey</span>
<span style="display:none;"><i class="fas fa-user-tie"></i> Available for hire</span>
<div class="socials">
<span style="display:none !important;"><a href="https://www.twitter.com/undefined" target="_blank" class="socials"><i class="fab fa-twitter"></i></a></span>
<span style="display:none !important;"><a href="https://www.dribbble.com/undefined" target="_blank" class="socials"><i class="fab fa-dribbble"></i></a></span>
<span style="display:none !important;"><a href="https://www.linkedin.com/in/undefined/" target="_blank" class="socials"><i class="fab fa-linkedin-in"></i></a></span>
<span style="display:none !important;"><a href="https://www.medium.com/@undefined/" target="_blank" class="socials"><i class="fab fa-medium-m"></i></a></span>
</div>
</div>
</div>
<div id="display">
<div id="blog_section">
<h1 style="text-align: center;">Favorite Projects</h1>
<div id="blogs">
</div>
</div>
<div id="work">
<h1 style="text-align: center;">All Projects</h1>
<div class="projects" id="work_section">
<a href="https://github.com/yohannes15/ProjectIssuesManager" target="_blank">
<section>
<div class="section_title">Project/Issues Manager</div>
<div class="about_section">
<span style="display:block;">An application for managing issues, bugs and roles for projects. Built using ASP.NET Core 3.1 MVC and PostgreSQL. Three different roles and responsibilites that a signed up user potentially can have.(Admin, Developer and Project Manager) managed by Identity-Based Authentication and Policy-Based Claims Authorization.
</span>
</div>
<div class="bottom_section">
<span style="display:inline-block;"><i class="fas fa-code"></i> C#</span>
<span><i class="fas fa-star"></i> 1</span>
<span><i class="fas fa-code-branch"></i> 0</span>
</div>
</section>
</a>
<a href="https://github.com/yohannes15/AddisMap" target="_blank">
<section>
<div class="section_title">AddisMap</div>
<div class="about_section">
<span style="display:block;">A Django App that finds the path between two points (selected by the user) on a real world map, using different path finding algorithms (Dijkstra, A-Star, BFS, Greedy-First...) On top of that, the app creates a visualizer for each algorithm to get a better grasp of how the algorithm finds the shortest path. A comparison to the shortest path found by Google Maps is also generated to judge the accuracy of the shortest path found by this app.</span>
</div>
<div class="bottom_section">
<span style="display:inline-block;"><i class="fas fa-code"></i> Python</span>
<span><i class="fas fa-star"></i> 1</span>
<span><i class="fas fa-code-branch"></i> 0</span>
</div>
</section>
</a>
<a href="https://github.com/yohannes15/DeveloperMatchMaker" target="_blank">
<section>
<div class="section_title">DeveloperMatchMaker</div>
<div class="about_section">
<span style="display:block;">Dev-Connect is a developer matchmaking application for student developers at SJU. Student developers register with their details and their qualities and interests and after they have registered, they have a view of all aspiring developers at SJU. Users can look at each others skill sets and private message each other in order to collab or just to know each other. Dev Connect was created to promote entrepreneurship and project collaboration at SJU.</span>
</div>
<div class="bottom_section">
<span style="display:inline-block;"><i class="fas fa-code"></i> Python</span>
<span><i class="fas fa-star"></i> 0</span>
<span><i class="fas fa-code-branch"></i> 0</span>
</div>
</section>
</a>
<a href="https://github.com/yohannes15/PatientDoctor" target="_blank">
<section>
<div class="section_title">PatientDoctor</div>
<div class="about_section">
<span style="display:block;">A Doctor-Patient system built on primarily on Python, Flask and HTML. This application has a user authentication system as well as an implementation of a database for storing Doctors and Patients and their relationship with each other. The design and HTML part of the system isn't complete but the functional aspect is.</span>
</div>
<div class="bottom_section">
<span style="display:inline-block;"><i class="fas fa-code"></i> Python</span>
<span><i class="fas fa-star"></i> 2</span>
<span><i class="fas fa-code-branch"></i> 0</span>
</div>
</section>
</a>
<a href="https://github.com/yohannes15/TicTacToe" target="_blank" >
<section>
<div class="section_title">TicTacToe</div>
<div class="about_section">
<span style="display:block;">An implementation of the famous game, TicTacToe, in android studio. You can play against another player on the same device or play against the computer. </span>
</div>
<div class="bottom_section">
<span style="display:inline-block;"><i class="fas fa-code"></i> Java</span>
<span><i class="fas fa-star"></i> 1</span>
<span><i class="fas fa-code-branch"></i> 0</span>
</div>
</section>
</a>
<a href="https://github.com/yohannes15/WoodInstallers" target="_blank">
<section>
<div class="section_title">WoodInstallers</div>
<div class="about_section">
<span style="display:block;">A website built for American Wood Installers, a millwork company in Long Island. The website is built on HTML, CSS, Bootstrap and JavaScript.</span>
</div>
<div class="bottom_section">
<span style="display:inline-block;"><i class="fas fa-code"></i> JavaScript</span>
<span><i class="fas fa-star"></i> 0</span>
<span><i class="fas fa-code-branch"></i> 0</span>
</div>
</section>
</a></div>
</div>
<div id="forks" style="display:none;">
<h1>Forks.</h1>
<div class="projects" id="forks_section"></div>
</div>
</div>
<script type="text/javascript">
setTimeout(function() {
document.getElementById("loading").classList.add("animated");
document.getElementById("loading").classList.add("fadeOut");
setTimeout(function() {
document.getElementById("loading").classList.remove("animated");
document.getElementById("loading").classList.remove("fadeOut");
document.getElementById("loading").style.display = "none";
}, 800);
}, 1500);
$.getJSON("blog.json", function(blog) {
blog = blog || [];
if (blog.length == 0) {
return (document.getElementById("blog_section").style.display =
"none");
}
for (var i = 0; i < blog.length; i++) {
$("#blogs").append(`
<a href="./blog/${blog[i].url_title}/">
<section>
<img src="./blog/${blog[i].url_title}/${blog[i].top_image}">
<div class="blog_container">
<div class="section_title">${blog[i].title}</div>
<div class="about_section">
${blog[i].sub_title}
</div>
</div>
</section>
</a>
`);
}
}).fail(function() {
return (document.getElementById("blog_section").style.display = "none");
});
</script>
<script>
const magicProjectsGrid = new MagicGrid({
container: "#work_section",
animate: false,
gutter: 30, // default gutter size
static: true,
useMin: false,
maxColumns: 2,
useTransform: true
});
const magicForksGrid = new MagicGrid({
container: "#forks_section",
animate: false,
gutter: 30, // default gutter size
static: true,
useMin: false,
maxColumns: 2,
useTransform: true
});
$("document").ready(() => {
magicProjectsGrid.listen();
magicForksGrid.listen();
});
</script>
</body></html>
<!-- {
"url_title": "ProjectManager",
"title": "Project-Manager/Issues-Tracker",
"sub_title": "Project Manager/Issues Tracker is a ASP.NET Core MVC application for managing issues, bugs and roles for projects. Three different roles and responsibilites that a signed up user potentially can have (Administrator, Project Manager and Developer). Built using .NET Core MVC and PostgreSQL",
"top_image": "visualize.gif",
"visible": true
} -->