https://jn327.github.io/

1<!DOCTYPE html>
2<html lang = "en"> <!-- language flag, used by screen readers -->
3<head>
4  <meta charset = "uft-8" /> <!-- character set definition -->
5  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, minimum-scale=0.5" />
6  <meta name="theme-color" content="#2d2c33" />
7  <meta name="Description" content="Author: Joshua Newland,
8    Josh Newlands page" />
9
10  <title>Josh Newland's page</title>
11
12  <!--
13    hide the labels containers while we load them up,
14    otherwise they'll be visible and changing about while all our styles are loading in,
15    if the element is already there when the style loads, then the transitions will play for any value changes
16  -->
17  <style>
18    .labelsContainer
19    {
20      opacity : 0;
21    }
22  </style>
23
24</head>
25<body>
26
27  

27<script src="scripts/CommonElementsCreator.js"></script>

27
28  

28<script src="scripts/Components/TopBar.js" ></script>

28
29  

29<script> CommonElementsCreator.addStyles(["index"]); </script>

29
30
31  <main>
32    <div id="canvasContainer" > </div>
33
34    <div id="contentContainer">
35      <div id="about" class="labelsContainer" style="padding:38px;">
36        <a class="standardButton-close" id="close-about" >&times;</a>
37
38        <p class="headerLabel" >Hi, I'm Josh Newland</p>
39        <p class="descriptionLabel" style="padding-bottom:12px;" >I'm a software developer from the UK, principally interested in games, UI, web technologies, algorithmically generated content & digital storytelling.
40          <br>Among other things, I've experience programming gameplay for small games made in Unity with C# & developing UI for commercial video games in ActionScript & Typescript.</p>
41
42        <!--<a class="standardButton" href="https://docs.google.com/document/d/1aoY__ax24UL680VNK6I426u9ZPTJPOzOeF7xRY3nEOI/edit?usp=sharing" target="_blank" rel="noopener" >
43          Check out my CV
44          <img class="standardButton-indicator" src="images/external_32.png" />
45        </a>-->
46        <a id="open-projects" class="standardButton" style="margin-top:12px" >Check out some the projects I've worked on</a>
47      </div>
48
49      <div id="projects" class="labelsContainer">
50        <a class="standardButton" id="projects-goBack" style="z-index: 99; position :absolute; left :12px; top :12px;" >Back</a>
51        <!-- <p id="projectsHeader" class="headerLabel" style="width:100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); padding-bottom: 12px; padding-top: 12px;" >Projects</p> -->
52        <p id="projectsHeader" class="headerLabel" style="width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); padding-bottom: 12px; padding-top: 12px;" >Projects</p>
53        <a class="standardButton-close" id="close-projects" style="z-index: 99;" >&times;</a>
54
55        <div class="scrollContainer" id="projectsScrollContainer" />
56      </div>
57  </main>
58
59</body>
60
61<!-- scripts -->

62<script src="indexHeaderAndProjectsController.js" ></script>

62
63

64<script>
65  //set canvas container.
66  CommonElementsCreator.defaultCanvasParent = document.getElementById("canvasContainer");
67</script>

67
68

69<script src="scripts/FullScreenEffects/MouseParticles/Main.js"></script>

69
70

71<script src="indexColorController.js" ></script>

71
72
73</html>