Nothing is to scale, sizes are severely fudged.

I'm a developer, and I like making things

I'm currently based in Christchurch, New Zealand, and am in my final year studying Computer Science. I love to make things, whether they be video games, websites (like this one), apps, simulations, visualisations... I could keep going. While you're here you could check out the things I've made, or more specifically my games.

I'm currently looking for work, if you interested head to About Me (or here is my CV directly).

Also, if you click 'maximise' above, you can make the planets spin.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Cameron Palmer</title> <script defer src="/assets/js/nav.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <link rel="stylesheet" href="/assets/css/style.css"> </head> <body class=""> <div class="container"> <header class="site-header container-width"> <a href="/" class="site-title-anchor"> <div class="site-title-container"> <img class="portrait" src="/assets/img/cameron.jpg" alt="Picture of me"> <span class="site-title"> Cameron Palmer </span> </div> </a> <div class="nav-button"> <a href="#" class="nav-option mobile-only button"> <i class="fas fa-bars"></i> </a> </div> <nav class="main-nav"> <ul class="nav-list button-box"> <li class="button nav-option selected " > <a href="/"> <i class="fas fa-home"></i> Home</a> </li> <li class="button nav-option " > <a href="/projects/"> <i class="fas fa-th"></i> Projects</a> </li> <li class="button nav-option " > <a href="/games/"> <i class="fas fa-gamepad"></i> Games</a> </li> <li class="button nav-option " > <a href="/blog/"> <i class="fas fa-pencil-alt"></i> Blog</a> </li> <li class="button nav-option " > <a href="/about-me/"> <i class="fas fa-user"></i> About Me</a> </li> <li class="button nav-option social-icon github"> <a href="https://github.com/neptunianeclipse" title="Github"> <i class="fab fa-github"></i> </a> </li> <li class="button nav-option social-icon linkedin" > <a href="https://www.linkedin.com/in/cameron-palmer/" title="LinkedIn"> <i class="fab fa-linkedin"></i> </a> </li> </ul> </nav> </header> <div id="planets-container" class="container-width"> <figure class="planets-root"> <div class="glow glow-1"></div> <div class="glow glow-2"></div> <div class="glow glow-3"></div> <div class="glow glow-4"></div> </figure> <div class="planet-controls"> <input type="range" min="-1" max="1" step="0.01" class="planet-time-slider"> <button class="planet-time-now-btn">Now</button> <div class="planet-time"></div> </div> <div class="planet-disclaimer"> Nothing is to scale, sizes are severely fudged. </div> </div> <main class="content container-inner container-width"> <div class="planets-maximise-btn"> <button class="button"> <span class='maximise'>Maximise <i class="fas fa-chevron-down"></i></span> <span class='minimise'>Minimise <i class="fas fa-chevron-up"></i></span> </button> </div> <h2>I'm a developer, and I like making things</h2> <p> I'm currently based in <a href="https://goo.gl/maps/QUhRTomS46KB2wGD7">Christchurch, New Zealand</a>, and am in my final year studying Computer Science. I love to make things, whether they be video games, websites (like this one), apps, simulations, visualisations... I could keep going. While you're here you could check out the <a href="/projects">things I've made</a>, or more specifically <a href="/games">my games</a>. </p> <p> I'm currently looking for work, if you interested head to <a href="about-me">About Me</a> (or <a href="/assets/cv.pdf">here is my CV</a> directly). </p> <p> Also, if you click 'maximise' above, you can make the planets spin. </p> <script src="assets/js/planets.js" defer></script> </main> <div class="spacer"> </div> <footer class="site-footer"> <div class="container-width site-footer-flex"> <p class="footer-text"> Designed, developed, and copyrighted© by Cameron Palmer (2019) </p> <ul class="button-box"> <li class="button nav-option social-icon github"> <a href="https://github.com/neptunianeclipse" title="Github"> <i class="fab fa-github"></i> </a> </li> <li class="button nav-option social-icon linkedin" > <a href="https://www.linkedin.com/in/cameron-palmer/" title="LinkedIn"> <i class="fab fa-linkedin"></i> </a> </li> </ul> </div> </footer> </div> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Cameron Palmer</title> <script defer src="/assets/js/nav.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <link rel="stylesheet" href="/assets/css/style.css"> </head> <body class=""> <div class="container"> <header class="site-header container-width"> <a href="/" class="site-title-anchor"> <div class="site-title-container"> <img class="portrait" src="/assets/img/cameron.jpg" alt="Picture of me"> <span class="site-title"> Cameron Palmer </span> </div> </a> <div class="nav-button"> <a href="#" class="nav-option mobile-only button"> <i class="fas fa-bars"></i> </a> </div> <nav class="main-nav"> <ul class="nav-list button-box"> <li class="button nav-option selected " > <a href="/"> <i class="fas fa-home"></i> Home</a> </li> <li class="button nav-option " > <a href="/projects/"> <i class="fas fa-th"></i> Projects</a> </li> <li class="button nav-option " > <a href="/games/"> <i class="fas fa-gamepad"></i> Games</a> </li> <li class="button nav-option " > <a href="/blog/"> <i class="fas fa-pencil-alt"></i> Blog</a> </li> <li class="button nav-option " > <a href="/about-me/"> <i class="fas fa-user"></i> About Me</a> </li> <li class="button nav-option social-icon github"> <a href="https://github.com/neptunianeclipse" title="Github"> <i class="fab fa-github"></i> </a> </li> <li class="button nav-option social-icon linkedin" > <a href="https://www.linkedin.com/in/cameron-palmer/" title="LinkedIn"> <i class="fab fa-linkedin"></i> </a> </li> </ul> </nav> </header> <div id="planets-container" class="container-width"> <figure class="planets-root"> <div class="glow glow-1"></div> <div class="glow glow-2"></div> <div class="glow glow-3"></div> <div class="glow glow-4"></div> </figure> <div class="planet-controls"> <input type="range" min="-1" max="1" step="0.01" class="planet-time-slider"> <button class="planet-time-now-btn">Now</button> <div class="planet-time"></div> </div> <div class="planet-disclaimer"> Nothing is to scale, sizes are severely fudged. </div> </div> <main class="content container-inner container-width"> <div class="planets-maximise-btn"> <button class="button"> <span class='maximise'>Maximise <i class="fas fa-chevron-down"></i></span> <span class='minimise'>Minimise <i class="fas fa-chevron-up"></i></span> </button> </div> <h2>I'm a developer, and I like making things</h2> <p> I'm currently based in <a href="https://goo.gl/maps/QUhRTomS46KB2wGD7">Christchurch, New Zealand</a>, and am in my final year studying Computer Science. I love to make things, whether they be video games, websites (like this one), apps, simulations, visualisations... I could keep going. While you're here you could check out the <a href="/projects">things I've made</a>, or more specifically <a href="/games">my games</a>. </p> <p> I'm currently looking for work, if you interested head to <a href="about-me">About Me</a> (or <a href="/assets/cv.pdf">here is my CV</a> directly). </p> <p> Also, if you click 'maximise' above, you can make the planets spin. </p> <script src="assets/js/planets.js" defer></script> </main> <div class="spacer"> </div> <footer class="site-footer"> <div class="container-width site-footer-flex"> <p class="footer-text"> Designed, developed, and copyrighted© by Cameron Palmer (2019) </p> <ul class="button-box"> <li class="button nav-option social-icon github"> <a href="https://github.com/neptunianeclipse" title="Github"> <i class="fab fa-github"></i> </a> </li> <li class="button nav-option social-icon linkedin" > <a href="https://www.linkedin.com/in/cameron-palmer/" title="LinkedIn"> <i class="fab fa-linkedin"></i> </a> </li> </ul> </div> </footer> </div> </body> </html>