-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (90 loc) · 4.46 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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'/>
<title>Roman Fedoruk</title>
<link rel='stylesheet' href='portfolio.css'/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
</head>
<body>
<div class='page'>
<div class='section menu'>
<div class="menu-child">Roman Fedoruk</div>
<div class="links">
<div class="menu-child">About</div>
<div class="menu-child">Projects</div>
<div class="menu-child">Contact</div>
</div>
</div>
<div class='section about'>
<h1>About</h1>
<div><img class="picture" src="Pictures/picture2.jpg"/></div>
<div class="header-text about-text">
<p>Hey! My name is Roman Fedoruk, and I'm a student at Kennesaw State University,
studying Computer Science with a concentration in Artificial Intelligence. This website is a collection of the programming Projects
that I have successfully completed throughoughout my journey of learning software engineering</p> </div>
</div>
<div class="section projects">
<div class="projects-text">
<h1> Projects</h1>
<p class="header-text">This is a collection of projects that I have made, all of them are web-based and use javascript and javascript based frame-works.
Click on any of them to check them out!</p>
</div>
<div class="project-grid">
<div class="project-grid-item"><a href="js-calculator/dist/index.html">
<h2>Javascript Calculator</h2>
<p>A fully functional Javascript Calculator, it also allows keyboard input thanks to a javascript library</p></a>
</div>
<div class="project-grid-item"><a href="hiragana-writing-help/dist/index.html">
<h2>Hiragana Writing Practice</h2>
<p>This tool helps to learn one of the Japanese Alphabets.</p></a>
</div>
<div class="project-grid-item"><a href="wikipedia-viewer/dist/index.html">
<h2>Wikipedia Viewer</h2>
<p>A search engine for Wikipedia, includes a random article button.</p></a>
</div>
<div class="project-grid-item"><a href="tic-tac-toe/dist/index.html">
<h2>Tic Tac Toe</h2>
<p>A Javascript Tic Tac Toe game, the user plays against the computer.</p></a>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- <div id="projects">
<h2>Projects</h2>
<p>This is a collection of projects that I have made, all of them are web-based and use javascript and javascript based frame-works.
<br>
Click on any of them to check them out!
</p>
<ul>
<li><a href="js-calculator/dist/index.html">Javascript Calculator</a>
<ul><li>This project is a simple calculator that is fully functional,
and built entirely from scratch using a few javascript libraries: jQuery and a javascript keyboard shortcut library.
The keyboard shortcut library was used to allow the user to use the keyboard as input.</li></ul>
</li>
<li><a href="hiragana-writing-help/dist/index.html">Hiragana Writing Practice</a>
<ul><li>
This is a tool that I built for myself when I was learning Japanese in school. It randomly generates a sequence of hiragana character pronounciations
for the user to attempt to translate, and then the user can check their translation against the correct one. This helped me learn the hiragana as well as practice my Japanese
handwriting.
</li></ul>
</li>
<li><a href="wikipedia-viewer/dist/index.html">Wikipedia Viewer</a>
<ul><li>
This is basically a wikipedia search engine, I used the wikipedia api to allow the user to search wikipedia and find the article that
they are interested in, there is also a random article button, which redirects the user to a random wikipedia article.
</li></ul>
</li>
<li><a href="tic-tac-toe/dist/index.html">Tic Tac Toe</a>
<ul><li>
This is a web based tic tac toe game, the user can choose whether they want to play as an "x" or an "O",
and they play tic tac toe against the computer. For now the computer just randomly pics a square, it doesn't see where the
user placed his tile, I plan on adding this functionality soon.
</li></ul>
</li>
</ul>
</div> -->