forked from uoftweb/Sarva-Sanjay
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (126 loc) · 6.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sarva Sanjay</title>
<link rel="stylesheet" href="style.css">
<script defer src="static/granim.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<script defer src="https://kit.fontawesome.com/9306cde46d.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<script defer src="main.js"></script>
<div class="header">
<div class="window">
<div class="w1">
<div id="circle1" class="circle red"><div class="btn">×</div></div>
<div id="circle2" class="circle yellow"><div class="btn">—</div></div>
<div id="circle3" class="circle green"><div id="triangle1"></div><div id="triangle2"></div></div>
</div>
<div class="intro">
<div class="pic">
<!--Replace this with your own picture, and also on line 54-->
<img src="static/Sarva photograph.jpg" alt="judy">
</div>
<div class="intro-text">
<h1 id="name">Sarva Sanjay</h1>
<p>A first year CS student at UTSG interested in web development and machine learning</p>
<!-- Here are some social links, feel free to replace them or add more (Github, resume, etc.) -->
<div class="social-buttons">
<!-- Add your LinkedIn URL here -->
<a href="https://www.linkedin.com/in/sarva-sanjay-836b89249/" target="_blank">
<i class="fa-brands fa-linkedin-in icon">
</i>
</a>
<!-- Add your email here -->
<a href="mailto:[email protected]" target="_blank">
<i class="fa-regular fa-envelope icon"></i>
</a>
</div>
</div>
</div>
</div>
<canvas id="canvas-basic">
</canvas>
<div class="pic">
<!--Replace this with your own picture-->
<img src="static/Sarva photograph.jpg" alt="Sarva Sanjay">
</div>
</div>
<div class="bottom">
<div class="about-me">
<div class="title">
<div class="title-circle red"></div>
<h1>About Me</h1>
</div>
<p>Intending to pursue a Computer Science specialist degree at the University of Toronto with a major in Cognitive Science. Interested in building unique and innovative solutions to modern world problems by harnessing the power of technology for social good. I have previously worked with python frameworks such as flask, pygame, numpy, pandas and matplotlib. My other hobbies include reading, astronomy, drama, swimming and cycling.</p>
<div class="skills">
<span class="skill-tag"> Python</span>
<span class="skill-tag"> HTML/CSS</span>
<span class="skill-tag"> JavaScript</span>
<span class="skill-tag"> Flask</span>
<!-- Add more skills here! -->
</div>
</div>
<div class="projects-section">
<div class="title">
<div class="title-circle yellow"></div>
<h1>Projects</h1>
</div>
<div class="project-list">
<div class="project">
<div>
<h2 id="smArtTime"><a href="#smArtTime">SmArt Time</a></h2>
<p> <img src="static/hglass.jpeg">A time management website built by me using the Flask framework. The website stores the list of tasks that the user must complete along with the tasks associated deadline. It provides the user its recommendations regarding how much time he/she should spend on each task per day in order to complete it on time based on each task's deadline, priority and the total number of hours a user intends to work per day. Other notable features of the website include an implementation of a pomodoro time management technique and a productivity progress report provided based on user feedback.</p>
<p><a href = "http://smarttime.pythonanywhere.com/">Link to the project</a></p>
<div class="skills">
<span class="skill-tag"> Python/Flask</span>
<span class="skill-tag"> HTML/CSS</span>
<span class="skill-tag">JavaScript</span>
<span class="skill-tag"> SQL</span>
</div>
</div>
<div class = "imgallery">
<img src ="static/SThome.jpg">
<img src="static/STpomodoro.jpg">
<img src ="static/STprogress.jpg">
</div>
</div>
<div class="project">
<div>
<h2>Tic-Tac-Toe</h2>
<p> <img src="static/tictactoe.jpg">A simple Tic-Tac-Toe game created using pygame. Users can play against each other on the same device or against an AI. Based on the minimax algorithm this AI is guaranteed to win any game of Tic-Tac-Toe no matter how hard.</p>
<p><a href = "https://github.com/sarvaSanjay/TicTacToeAI"> Link to the project</a></p>
<div class="skills">
<span class="skill-tag"> Python</span>
<span class="skill-tag"> Pygame</span>
</div>
</div>
<div class = "vidgallery">
<video controls>
<source src="static/TicTacToe walkthrough.mp4">
</video>
</div>
</div>
<div class="project">
<div>
<h2>Sudoku</h2>
<p> <img src="static/sudoku.jpg">A simple Sudoku game created using pygame. I built an AI based on the backtrack algorithm that can solve any valid Sudoku board. The same algorithm generates a random Sudoku board for the user to solve. The user can either solve it himself or watch as the computer solves the problem.</p>
<p><a href = "https://github.com/sarvaSanjay/Sudoku-AI"> Link to the project</a></p>
<div class="skills">
<span class="skill-tag"> Python</span>
<span class="skill-tag"> Pygame</span>
</div>
</div>
<div class = "vidgallery">
<video controls>
<source src="static/sudoku_recording.mp4">
</video>
</div>
</div>
</div>
</div>
</div>
</body>
</html>