-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
148 lines (119 loc) · 8.91 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>ShailPatels.me</title>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="I'm Shail Patel - a computer and cognitive science undergrad at RPI,
this is my personal website">
<meta name="keywords" content="Shail Patel,personal website,computer,cognitive,CS,portfolio">
<meta name="author" content="Shail Patel">
</script>
</head>
<body>
<div class = "background"style = "grid-row-start:1;grid-row-end:100;"></div>
<div class = "background"style = "grid-column-start:3;grid-row-start:1;grid-row-end:100;"></div>
<header id="header">
<h1>Shail Patel</h1>
<p>Software engineer, B.S. in CS and CogSci</p>
<a class="header_link" href ="#contact" >Contact</a>
<a class="header_link" href ="research.html">Research</a>
</header>
<div class="pad"></div>
<h2 id="title1" class="center" > Projects I've Worked On</h2>
<hr/>
<div class="pad"></div>
<h2 class="center" id="subtitle2">Submitty</h2>
<img class="center" width="90%" src="images/submitty.jpg" alt="The Submitty logo"/>
<div class="pad"></div>
<p class="info">
Submitty is an open source programming assignment submission system from the Rensselaer Center for Open Source Software (RCOS), launched by the Department of Computer Science at Rensselaer Polytechnic Institute (RPI).
</p>
<div class="hlist">
<a style = "grid-column-start:2; justify-self:center;" class="demo_link" href="https://github.com/Submitty/Submitty" target="_none" >GitHub</a>
<a style = "grid-column-start:4;" class="demo_link" href="https://submitty.org/" target="_none">Submitty.org</a>
</div>
<div class="pad"></div>
<hr/>
<div class="pad"></div>
<h2 class="center">Visual Logic </h2>
<div class="pad"></div>
<img class="center"width="90%" src="images/vl.png" alt="Example of the Visual Logic interface" />
<p class="info">
Visual Logic is a tool to represent existential graphs, a visual notation for logic expressions developed by Charles Sanders Peirce. Built using HTML/JS.
Read about using it <a target="_blank" href="https://github.com/Bram-Hub/VisualLogic-Web/wiki/Instructions">here</a>
</p>
<div class="pad"></div>
<div class="hlist">
<a style = "grid-column-start:2;" class="demo_link" target = "_blank" href = "VisualLogic-Web/index.html">Demo</a>
<a style = "grid-column-start:4;"class="demo_link" target = "_blank" href = "https://github.com/Bram-Hub/VisualLogic-Web">GitHub</a>
</div>
<div class="pad"></div>
<hr/>
<div class="pad"></div>
<h2 class="center">FSM Builder</h2>
<img class="center" src="images/fsm.png" width="90%" alt="example of the finate state builder interface">
<p class="info">Finite State Machine builder is a tool to quickly prototype and display FSMs,
built with native JS and the HTML canvas. It was also used in an interactive game to teach users
about models of computation by solving puzzles.</p>
<div class = "hlist">
<a style = "grid-column-start:2;" class="demo_link" target = "_blank" href = "FSS/index.html"">Demo</a>
<a style = "grid-column-start:4;"class="demo_link" target = "_blank" href="https://github.com/shailpatels/FSS">GitHub</a>
</div>
<div class="pad"></div>
<hr/>
<div class="pad"></div>
<img src = "images/WW_preview.jpg" width = "400px" class="center", alt="The leggo robot, his name is saggy boi (he was better programmed than built)">
<p class="info">
Wumpus world is a programming challenge involving an agent attempting to make logical inferences about its environment
<br/>I developed the algorithm and programmed the robot, I also made a simulation for testing purposes.
</p>
<a class="demo_link" href="wumpusWorld/wumpus.html">
Demo and Simulation </a>
</div>
<h2 id="contact" class="center" style="margin:15px;">Contact</h2>
<hr/>
<h3 class="center">GitHub, Resume, Email</h3>
<div class="pad"></div>
<div class="center highlight">
<a href = "https://github.com/shailpatels" target = "_blank" aria-label="GitHub profile">
<i class="fab fa-5x fa-github-square"></i></a>
<a href = "documents/resume.pdf" target = "_blank" aria-label="My Resume">
<i class="fas fa-file fa-5x"></i></a>
<a href = "mailto:[email protected]" aria-label="Email me at [email protected]">
<i class = "fas fa-envelope fa-5x"></i></a>
</div>
<div class="pad"></div>
<h3 class="center">Social</h3>
<div class="pad"></div>
<div class="center highlight">
<!-- https://icons.getbootstrap.com/icons/linkedin/ -->
<a href="https://www.linkedin.com/in/shailpatels/" target="_blank" aria-label="LinkedIn profile">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg>
</a>
<!-- https://icons.getbootstrap.com/icons/instagram/ -->
<a href="https://www.instagram.com/shailpatels/" target="_blank" aria-label="Instagram profile">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</a>
<!-- https://icons.getbootstrap.com/icons/twitter/ -->
<a href="https://twitter.com/shailpatels" target="_blank" aria-label="Twitter profile">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</a>
</div>
<div class="pad"></div>
<hr/>
<div class="pad"></div>
<section id="footer">
<p style="margin-bottom: 20px"> © 2024 Shail Patel </p>
</section>
</body>
</html>