-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (119 loc) · 7.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="icon" type="image/jpg" href="img/favicon.png">
<title>Adam Shea</title>
</head>
<body>
<nav>
<div style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.5s;">
<h2 onclick="loadHome()">Home</h2>
</div>
<div style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.7s;">
<h2 onclick="loadAbout()">About</h2>
</div>
<div style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.9s;">
<h2 onclick="loadProjects()">Projects</h2>
</div>
<!--<div style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 1.1s;">
<h2>Contact Me</h2>
</div>-->
</nav>
<main id=mainView>
<div>
<div id=titleContainer>
<h1 class=adam>ADAM</h1>
<h1 class=shea>SHEA</h1>
<p id=desc class=desc>I write code that works... Most of the time</p>
</div>
</div>
</main>
<script>
function loadAbout() {
document.getElementById("mainView").classList.remove("addToView");
document.getElementById("mainView").classList.add("addToView");
document.getElementById("mainView").innerHTML = `
<main class=aboutContainer>
<div>
<div class=topAbout>
<div style="width:70%">
<h1 class=aboutTitle>Hi, I'm Adam Shea!</h1>
<p class=aboutText>I write code and develop games for people to enjoy. It's incredibly important to me that software is both entertaining but also light on system resources so that anyone can run it. This is why I spend lots of time working on ways to get my software to run as smoothly as possible and is often why you'll find my games take up very little space.</p>
</div>
<div style="width:20%" class=awards>
<img width=150 height=150 src="img/Gamejam_Laurel_Final_2020.png" alt="Game Jam Pin">
</div>
</div>
<div>
<h2 style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.2s;">Technologies I use : </h2>
<div>
<i class="devicon-html5-plain-wordmark" style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.4s;"></i>
<i class="devicon-css3-plain-wordmark" style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.5s;"></i>
<i class="devicon-javascript-plain" style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: 0.6s;"></i>
<i class="devicon-csharp-plain" style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: .7s;"></i>
<i class="devicon-cplusplus-plain" style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: .8s;"></i>
<i class="devicon-python-plain-wordmark" style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;animation-delay: .9s;"></i>
</div>
</div>
</div>
</main>
<div class=skills>
<h2></h2>
</div>
`;
}
function loadHome() {
document.getElementById("mainView").classList.remove("addToView");
document.getElementById("mainView").innerHTML = `
<div class=homeContainer>
<div>
<h1 class=adam>ADAM</h1>
<h1 class=shea>SHEA</h1>
<p class=desc>I write code that works... Most of the time</p>
</div>
</div>
`;
}
function loadProjects() {
document.getElementById("mainView").classList.remove("addToView");
document.getElementById("mainView").innerHTML = `
<main class=projectContainer style="animation-name: fadeIn;animation-duration: 0.5s;animation-fill-mode: forwards;">
<h1 class=aboutTitle>Portfolio</h1>
<div>
<div class=card>
<h2 class=projectTitle>Graph Paper Creator</h2>
<img src="img/graphPaperCreator.png" alt="Image of the Graph Paper Creator" width=160 height=160>
<p class=projectDesc>Graph Paper Creator is a tool that people can use to create custom graph lines.</p>
<a href="https://adam-shea.github.io/Line-Generator/" class=CTA>More</a>
</div>
<div class=card>
<h2 class=projectTitle>PUSH PUSH</h2>
<img src="img/iconsmall.png" alt="PUSH PUSH Logo" width=160 height=160>
<p class=projectDesc>A simple puzzle game about pushing blocks around that explores ways to make the player stop and think</p>
<a href="https://adam-shea.itch.io/push-push" class=CTA>More</a>
</div>
<div class=card>
<h2 class=projectTitle>Cards of Legend</h2>
<img src="img/cardsOfLegend.png" alt="Cards of Legend Logo" width=160 height=160>
<p class=projectDesc>The fantasy card game where gods and kings collide. Winner of the 2020 PirateSoftware game jam</p>
<a href="https://cardsoflegend.walrusware.net/" class=CTA>More</a>
</div>
<div class=card>
<h2 class=projectTitle>PMIS</h2>
<img src="img/pmis.png" alt="PMIS logo" width=160 height=160>
<p class=projectDesc>An extensive chrome extension that greatly enhances the experience of the USP College VLE.</p>
<a href="https://chrome.google.com/webstore/detail/palmers-moodle-improvemen/nclfbnncpaocejldhcleojekkemccoep" class=CTA>More</a>
</div>
</div>
</main>
`
}
</script>
</body>
</html>