-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (76 loc) · 4.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sean B's Portfolio</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="section section-1">
<div class="header">
<h1 class="name">Sean B</h1>
<p class="info">I really enjoy converting designs to HTML and CSS, as well as making them interactive with JS. I started learning how to code a few years ago and have been building websites for friends and myself since then.</p>
</div>
</div>
<div class="section section-2">
<div class="header">
<h1 class="name"><span class="actual-name-xd">Sean B</span><span class="project-heading">Projects</span></h1>
<p class="info">My best work</p>
</div>
<div class="projects">
<div class="project-container">
<img class="project-image" src="images/learnchess.png" />
<div class="project-info">
<h2 class="project-name">LearnChess</h2>
<div class="tech"><span class="language">HTML</span><span class="language">SCSS</span><span class="language">JS</span><span class="language">PHP</span><span class="language">SQL</span></div>
<p class="project-description">Definitely my biggest project. I wanted to build a website where people could submit chess puzzles from their games that other people could try out. Has a fully functional login and permissions system. Used the chessground library for the chess board and chess.js for move validation.</p>
<div class="project-links">
<a href="https://github.com/seanysean/LearnChess"><span>View Code</span></a>
</div>
</div>
</div>
<div class="project-container">
<img class="project-image" src="images/ultrabullet.png" />
<div class="project-info">
<h2 class="project-name">UltraBullet Trainer</h2>
<div class="tech"><span class="language">HTML</span><span class="language">CSS</span><span class="language">JS</span></div>
<p class="project-description">I made this project in order to practice playing chess at a fast pace.</p>
<div class="project-links">
<a href="https://seanysean.github.io/UltraBullet/"><span>View Live Version</span></a>
<a href="https://github.com/seanysean/UltraBullet"><span>View Code</span></a>
</div>
</div>
</div>
<div class="project-container">
<img class="project-image" src="images/tkr.png" />
<div class="project-info">
<h2 class="project-name">Turbo Kart Racers Fan Site</h2>
<div class="tech"><span class="language">HTML</span><span class="language">SCSS</span><span class="language">JS</span><span class="language">JSON</span></div>
<p class="project-description">This project takes data from a remote back-end server which I set up and displays it in a clean way. The code for the front end part is available for viewing.</p>
<div class="project-links">
<a href="https://seanysean.github.io/tkr/"><span>View Live Version</span></a>
<a href="https://github.com/seanysean/tkr"><span>View Code</span></a>
</div>
</div>
</div>
<div class="project-container">
<img class="project-image" src="images/mcbingo.png" />
<div class="project-info">
<h2 class="project-name">Minecraft Bingo Site</h2>
<div class="tech"><span class="language">HTML</span><span class="language">CSS</span><span class="language">JS</span><span class="language">JSON</span></div>
<p class="project-description">My friend Jash asked for a companion website to a bingo resource pack he was developing. The website serves as a resource for people who need help with a specific task or command.</p>
<div class="project-links">
<a href="https://jashsk.github.io/CavesCliffsMCBingo/"><span>View Live Version</span></a>
<a href="https://github.com/JashSK/CavesCliffsMCBingo"><span>View Code</span></a>
</div>
</div>
</div>
<a class="project-container pseudo" href="https://codepen.io/Chesswithsean/pens/popular"><span>My Codepens</span></a>
<a class="project-container pseudo" href="https://github.com/seanysean?tab=repositories"><span>My GitHub Repos</span></a>
</div>
</div>
<script src="index.js"></script>
</body>
</html>