Think Twice

The Gatehouse Deli
The Gatehouse Deli website is a website created for a small deli in Gatehouse of Fleet, Dumfries & Galloway.

The website has been designed to provide users with a clean and modern experience, providing relevant information with little scrolling required.

The project included a bespoke content management system allowing the website owners to update the website content themselves with automatic live updates.
HTML CSS PHP MySQL Content Management System Logo Design Product listings
// Custom parallax function using jQuery $( document ).ready(function() { $.fn.parallax_img = function(){ this.each(function(){ var speed = 0.35; var screen_height = document.body.clientHeight; var offset = $(this).offset(); var real_offset = - screen_height; var scroll_ammt = $(window).scrollTop(); var real_scroll_ammt = (scroll_ammt - real_offset); var newCoord = (real_scroll_ammt) * speed; $(this).children(".parallax").css({'top': -newCoord+'px'}); }); }; // Call function $(window).scroll(function() { $(".parallax-container").parallax_img(); }); });

RAFA Newcastle Website
The RAFA Newcastle website is created for the Newcastle-upon-Tyne branch of the Royal Air Forces Association.

Sub-contracted in as the designer for this project due to my experience designing websites for other military liaison associations.

The website is designed to be user friendly and provide users with information about the branch, as well as upcoming events and the annual report from the Chairman.
Photoshop HTML CSS Strict Branding
// Sign in with twitter session_start(); require 'tw/autoload.php'; use Abraham\TwitterOAuth\TwitterOAuth; // Define all Constants here if (!isset($_SESSION['access_token'])) { $connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET); $request_token = $connection->oauth('oauth/request_token', array('oauth_callback' => OAUTH_CALLBACK)); $_SESSION['oauth_token'] = $request_token['oauth_token']; $_SESSION['oauth_token_secret'] = $request_token['oauth_token_secret']; $url = $connection->url('oauth/authenticate', array('oauth_token' => $request_token['oauth_token'])); header('Location: '.$url); } else { $access_token = $_SESSION['access_token']; $connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, $access_token['oauth_token'], $access_token['oauth_token_secret']); $user = $connection->get("account/verify_credentials"); $_SESSION['user_login']['id'] = "tw_".$user->id; $_SESSION['user_login']['uname'] = $user->name; $_SESSION['user_login']['userimg'] = $user->profile_image_url; // Redirect user header('Location: /'); }

Intense Gaming (University)
Created as an assignment for University.

The website is a complete e-commerce system built from the ground up over the course of a month.

The website allows administrators the ability to alter all aspects to the website from adding new categories and products to changing prices and promotions on products.
PHP MySQL HTML5 CSS JavaScript LocalStorage Ajax Content Management System Online Store Logo Design University
// Image creation for placeholder images create_image(); exit(); function create_image() { $url = $_GET["r"]; $url_array = explode("/",$url); $width = $url_array[0]; $height = $url_array[1]; $image_string = $url_array[2]; $font_size = $url_array[3]; if(!$width){ $width = 300; }else{ if(!ctype_digit($width) === true){ exit("Error, Please use integers for width"); } } if(!$height){ $height = 300; }else{ if(!ctype_digit($height) === true){ exit("Error, Please use integers for height"); } } if(!$font_size){ $font_size = 16; }else{ if(!ctype_digit($font_size) === true){ exit("Error, Please use integers for font size"); } } if(!$image_string){ $image_string = $width." x ".$height; } $font = 'oswald.ttf'; $image = ImageCreate($width, $height); $string_color = ImageColorAllocate($image, 122, 120, 116); $bg_color = ImageColorAllocate($image, 204, 200, 195); ImageFill($image, 0, 0, $bg_color); $bbox = imagettfbbox($font_size, 0, $font, $image_string); $x = ($bbox[0] - ($bbox[2])/2)+(imagesx($image) / 2); $y = (7)+(imagesy($image) / 2); imagettftext($image, $font_size, 0, $x, $y, $black, $font, $image_string); header("Content-Type: image/jpeg"); ImageJpeg($image); ImageDestroy($image); }