@Vandesm14/

Vandesm14

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • images
  • script.js
  • style.css
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Shane Vandegrift</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
		<div class="title-container">
			<h1 class="title">Shane Vandegrift</h1>
			<p class="subtitle">aka Vandesm14</p>
			<i class="arrow down"></i>
		</div>
		<div class="hr"></div>
		<!-- <div class="title-container-ghost"></div> -->
		<div class="content-list">
			<div class="content-row">
				<h1 class="content-title">About Me</h1>
				<p class="content-text">
					Hello! I am a 18yo. full-stack web developer. I have been programming for about 4 years now. I mostly work on interactive websites, full-stack utility applications, and a few games here and there. This website is my 4th attempt at creating a "blog". While this doesn't clarify as a blog, it'll be updated way more as it is a portfilio site, which means I don't have to post something every day (which is what I tried to do with the others).
				</p>
			</div>
			<div class="content-row">
				<h1 class="content-title">Setup</h1>
				<p class="content-text">
					My setup looks a bit like this: VSCode for the IDE, Github for the source control, Fork for the git interface, ClickUp for the task management, and Heroku/Repl.it for the hosting services. It's a pretty common setup (although most use AWS instead of Heroku). The newest addition to my setup is an outliner called Dynalist.
				</p>
			</div>
			<div class="content-header">
				<h1 class="content-title">Projects</h1>
			</div>
			<div class="content-row">
				<h1 class="content-title">LowChat</h1>
				<p class="content-text">
					For a while on repl.it, there was a boom in shared chatroom applications. I decided to contribute to this explosion of popular chatrooms by creating my own. I made a super simple one which was a direct clone off of the Socket.io example with a few tweaks here and there. I then redid the server-side to support logless chatting, which makes is super stable as there is no filesystem interaction (repl.it doesn't really like programmatically manipulated files). A few months later I wanted to make another chatroom which was secure, simple, and fast (everything that the other one wasnt in terms of code). I set out on developing LowChat, a super simple and a kind of wysiwyg application.
					<br><br>
					You can find the program here: <a href="https://chat.hyperjs.ml">https://chat.hyperjs.ml</a>
				</p>
			</div>
			<div class="content-row">
				<h1 class="content-title">Classaware.org</h1>
				<p class="content-text">
					During my first week of High School, I had a hard time adapting to the new bell schedule (I was still used to the one in middle school). I kept myself in the know by inserting the current period's end time into a countdown timer. This worked surprisingly well, except for the fact that is was not automated. I though to myself "Why can't this be automated? It's a super simple task, just countdown to the end of each period". So that's what I did. I have happily recieved tons of feedback and support from over 400 users. Despite number being a bit low (my high school has about 3,000 students + teachers), I know that this will grow over time as my app grows. Currently, I have been working hard to create a unified version for any school to use. This is still in the making, but it is definatly a promising concept!
					<br><br>
					You can find the program here: <a href="http://classaware.org">http://classaware.org</a>
				</p>
			</div>
		</div>
		<div class="footer-container">
			<p class="footer-text">Made by Vandesm14</p>
			<p class="footer-text">Header Photo by Émile Perron on Unsplash</p>
		</div>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>
result
console