pknessness.github.io/index.html at master · pknessness/pknessness.github.io · GitHub

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
<html>
  <style>
    body {
      background-color: rgb(192,192,192);


    }

    .subproj {
      padding: 5px 5px 5px 0px;
    }

    .scale {
      transform: scale(1.5) translate3d(16.66%, 16.66%, 0);
      transform-origin: center;
    }

    .project-grid {
      display: flex;
      flex-wrap: wrap;
    }

    .window {
      width: 320px;
      height: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  </style>
  <head>
  <!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> -->
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="stylesheet.css" />
  </head>
  <title>
      Anshal Jain's Projects
  </title>
  <body id="bod">
    <div id="wrap" class="scale" >
      <div class="title-bar">
        <div class="title-bar-text">
            Tools for Triton Robotics:
        </div>
        <div class="title-bar-controls">
          <button aria-label="Help"></button>
        </div>
      </div>
      <button class="large-button" id="nucleo_pinout" onclick="window.location.href = 'nucleo_f446re_pinout/pinout.html'">
        Nucleo F446RE Pinout
      </button>
      <button class="large-button" id="wiring_diagram" onclick="window.location.href = 'tr_wiring_diagram_v2/diagram.html'">
        TR Wiring Diagram
      </button>
      <button class="large-button" id="decision_tree" onclick="window.location.href = 'tr_debug_decisiontree/diagram.html'">
        TR Debugging Decision Tree
      </button>
      <button class="large-button" id="goJS" onclick="window.location.href = 'GoJS/blockEditor.html'">
        GoJS Editor
      </button>
      <button class="large-button" id="pid_sim" onclick="window.location.href = 'pid_sim/pid.html'">
        PID Simulator
      </button>
      <div style="height:20px"></div>
      <div class="title-bar">
        <div class="title-bar-text">
            Projects:
        </div>
        <div class="title-bar-controls">
          <button aria-label="Help" onclick="alert(`These tools are for the use of Triton Robotics made by an alumni (yours truly)`)"></button>
        </div>
      </div>
      <!--  -->
      <div class="project-grid">
        <div class="subproj">
          <div class="window">
            <div class="title-bar" >
              <div class="title-bar-text">UCSD Virtual Lab</div>
            </div>
            <div class="window-body" style="align-self: flex-start;">
              <p> Wrote UI in JS and HTML for students to be able to access virtual labs in a more interactive and helpful manner. Utilized AWS S3 Buckets as a web server to host the lab files, and stream them to the user.</p>
              <button class="large-button" id="virtual_lab" onclick="window.location.href = 'http://ucsdstemlab-deve.ucsd.edu'">
                Virtual Lab
              </button>
            </div>
            <div class="status-bar" style="align-self: flex-end;">
              <p class="status-bar-field">Software</p>
              <p class="status-bar-field">HTML, JS, CSS, AWS</p>
              <p class="status-bar-field">Project for Professor Maziar Ghazinejad</p>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="subproj">
          <div class="window" style="width: 320px">
            <div class="title-bar">
              <div class="title-bar-text">StarCraft II Randomizer</div>
            </div>
            <div class="window-body">
              <p>Fun randomizer for Starcraft II, where both players will run the randomizer and are only allowed to use the units shown. Each player gets one reroll.</p>
              <button class="large-button" id="starcraft_randomizer" onclick="window.location.href = 'starcraft_randomizer/main.html'">
                Randomizer
              </button>
            </div>
            <div class="status-bar">
              <p class="status-bar-field">Software</p>
              <p class="status-bar-field">HTML, JS</p>
              <p class="status-bar-field">Personal Project</p>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="subproj">
          <div class="window" style="width: 320px">
            <div class="title-bar">
              <div class="title-bar-text">Embedded Code @ Triton Robotics</div>
            </div>
            <div class="window-body">
              <p>I spent my four years (2021-2025) at UCSD working on Firmware and Controls code for the competitive robotics team Triton Robotics. I was a general embedded member for one year and I spent the rest of the three years as the Embedded Team Lead. A lot of the code I wrote my first year is absolute garbage so my hope is that I can help my underclassmen fix up my mistakes over time.</p>
              <button class="large-button" onclick="window.location.href = 'https://github.com/Triton-Robotics/TR-mbed'">
                Github
              </button>
              <button class="large-button" onclick="window.location.href = 'https://tritonrobotics.org/'">
                Website
              </button>
            </div>
            <div class="status-bar">
              <p class="status-bar-field">Firmware, Hardware</p>
              <p class="status-bar-field">C++, I2C, SPI, UART, PID, Linear Controls, STM32, RTOS</p>
              <p class="status-bar-field">University Organization</p>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="subproj">
          <div class="window" style="width: 320px">
            <div class="title-bar">
              <div class="title-bar-text">Raytracer in a Weekend</div>
            </div>
            <div class="window-body">
              <p>Following Sebastian Lague's series (which is based on the raytracing in a weekend textbook) on making a simple raytracer. For speed and because the raytracer runs on a browser, the pixels are kept to a very small number, and the image gets better the longer you look at it</p>
              <button class="large-button" onclick="window.location.href = 'raytrace_js/index.html'">
                Raytracer
              </button>
            </div>
            <div class="status-bar">
              <p class="status-bar-field">Software</p>
              <p class="status-bar-field">JS</p>
              <p class="status-bar-field">Personal Project</p>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="subproj">
          <div class="window" style="width: 320px">
            <div class="title-bar">
              <div class="title-bar-text">Tanks!</div>
            </div>
            <div class="window-body">
              <p>Failed attempt at recreating the Wii Play game Tanks!. Learned about project matrices with relation to squares and how to traditionally render 3D objects such as cubes, before realizing that I was overcomplicating things because I was going to be using a 45 degree angle of camera anyway, and I should worry about the gamemplay first. The simplified version has more working features but is still not much to talk about.</p>
              <button class="large-button" onclick="window.location.href = 'tanks/index.html'">
                Tanks! 3D
              </button>
              <button class="large-button" onclick="window.location.href = 'tanks2D/index.html'">
                Tanks! 2D
              </button>
            </div>
            <div class="status-bar">
              <p class="status-bar-field">Software</p>
              <p class="status-bar-field">JS</p>
              <p class="status-bar-field">Personal Project</p>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="subproj">
          <div class="window" style="width: 320px">
            <div class="title-bar">
              <div class="title-bar-text">Feeds and Speeds Calculator</div>
            </div>
            <div class="window-body">
              <p>I have come into a 60x40cm CNC Router that I want to use for a number of projects, so for that I began looking for a Feeds and Speeds calculator so that I can get fast cuts without wearing my endmill too much or breaking the bits. I found such a calculator with very in depth options and all the math necessary, but I found the UI a bit lacking for my taste, so I spruced that up and kept the underlying everything mostly the same. </p>
              <button class="large-button" onclick="window.location.href = 'https://brturn.github.io/feeds-and-speeds/'">
                Original
              </button>
              <button class="large-button" onclick="window.location.href = 'feeds_and_speeds/index.html'">
                My Feeds And Speeds Calculator
              </button>
            </div>
            <div class="status-bar">
              <p class="status-bar-field">Software</p>
              <p class="status-bar-field">HTML, JS, CSS</p>
              <p class="status-bar-field">Personal Project</p>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="subproj">
          <div class="window" style="width: 320px">
            <div class="title-bar">
              <div class="title-bar-text">Feeds and Speeds Calculator</div>
            </div>
            <div class="window-body">
              <p>I have come into a 60x40cm CNC Router that I want to use for a number of projects, so for that I began looking for a Feeds and Speeds calculator so that I can get fast cuts without wearing my endmill too much or breaking the bits. I found such a calculator with very in depth options and all the math necessary, but I found the UI a bit lacking for my taste, so I spruced that up and kept the underlying everything mostly the same. </p>
              <button class="large-button" id="pid_sim" onclick="window.location.href = 'https://brturn.github.io/feeds-and-speeds/'">
                Original
              </button>
              <button class="large-button" id="pid_sim" onclick="window.location.href = 'feeds_and_speeds/index.html'">
                My Feeds And Speeds Calculator
              </button>
            </div>
            <div class="status-bar">
              <p class="status-bar-field">Software</p>
              <p class="status-bar-field">HTML, JS, CSS</p>
              <p class="status-bar-field">Personal Project</p>
            </div>
          </div>
        </div>
        <!--  -->
      </div>
    </div>
  </body>
  <script src="main.js"></script>
</html>