diff --git a/assets/styles/styles.css b/assets/styles/styles.css index a1ae707..1b19375 100644 --- a/assets/styles/styles.css +++ b/assets/styles/styles.css @@ -90,6 +90,10 @@ nav a { transition: 0.3s transform ease-in-out; } +nav a:hover { + color: #ccc; +} + nav ul { font-family: "Fredoka One", cursive; letter-spacing: 0.1em; @@ -198,7 +202,55 @@ main.area { min-height: 30vh; } +.details { + display: flex; + justify-content: flex-start; + flex-direction: row; + flex-wrap: wrap; + padding: 40px 120px 30px; + font-size: 0.7em; + max-width: 100%; +} + +@media only screen and (max-width: 600px) { + .details { + flex-wrap: nowrap; + overflow-x: auto; + padding: 20px 40px 10px; + } +} + +@media only screen and (max-width: 420px) { + .details { + padding: 20px 30px 10px; + } +} + +.area .details { + padding: 0; + flex-wrap: wrap; +} + +.details .item { + padding: 10px; + background: rgba(0, 0, 0, 0.2); + margin-right: 20px; + margin-bottom: 10px; +} + +.details .item h4 { + text-transform: uppercase; + font-family: "Lato", sans-serif; + padding-bottom: 2px; +} + +.details .item p { + font-size: 1.5em; + white-space: nowrap; +} + main.coding { + min-height: 0; background: rgb(78, 0, 72); } @@ -207,11 +259,47 @@ main.area.coding { background: rgb(105, 0, 97); } +main.thoughts { + min-height: 0; + background: rgb(0, 87, 65); +} + main.area.thoughts { color: #fff; background: rgb(0, 105, 79); } +main.profile { + min-height: 0; + background: rgb(17, 50, 143); +} + +main.profile.details { + background: rgb(12, 36, 102); +} + +main.profile.employment .employment-details h3 { + text-transform: none; + display: inline-block; + padding-right: 10px; + padding-bottom: 15px; +} + +main.profile.employment .employment-details h4 { + padding-bottom: 10px; +} + +main.profile.employment .employment-details p { + display: inline-block; + margin-bottom: 15px; +} + +@media only screen and (max-width: 600px) { + main.profile.employment .employment-details h3 { + display: block; + } +} + main.area.profile { color: #fff; background: rgb(30, 77, 207); @@ -226,6 +314,8 @@ footer { footer a { color: #777; + text-decoration: none; + border-color: #777; } footer .copy { @@ -358,3 +448,9 @@ h3 { padding-right: 0.1em; font-style: italic; } + +.tag { + background: rgba(0, 0, 0, 0.2); + padding: 5px 10px; + font-size: 0.8em; +} diff --git a/pages/coding.html b/pages/coding.html index bb6388f..87811b9 100644 --- a/pages/coding.html +++ b/pages/coding.html @@ -24,7 +24,7 @@

ripixel.co.uk

In the end, I decided to go as simple-as-possible. This site shouldn't be all-singing-and-dancing, because it's not what's needed. What's needed is something super simple, - clean, and most importanly + clean, and most importantly quick. So, it's pure HTML and CSS, with a really simple template copy/paste script so I don't have to write the nav/header/footer out everytime. Neat! @@ -49,9 +49,9 @@

Janky Werewolf

The front-end is made in React, utilising Websockets to talk to lambdas that handle the running of the game and tracking of game state - (aka who's dead Jim). The back-end is written by - Michael Goddard, the big ol' - Rust nerd. + (aka who's dead Jim). The back-end is written by + Michael Goddard, the big + ol' Rust nerd.

Check it out {nav.html} -

Coming Soon

+ +
+
+

So who am I?

+

+ I'm James King, a 27 year old Software + Engineer from Lincolnshire, who has an affinity for Coca-Cola, bacon, + and being pretty bad at boardgames despite my intense love of them. + You want some more in detail stats? + Fine... +

+
+
+ +
+
+

Location

+

Lincolnshire, UK

+
+
+

Birthday

+

May, 1992

+
+
+

Laptop

+

ASUS ROG Zephyrus M GM501GS

+
+
+

Keyboard

+

Drevo Blademaster Pro

+
+
+

Mouse

+

Logitech MX Master 2S

+
+
+

Monitor

+

LG Ultrawide

+
+
+

Game

+

Overwatch

+
+
+

Height

+

5ft 11

+
+
+

Weight

+

Rude...

+
+
+ +
+

+ I suppose we should talk about where I've worked. This bit might + sound a little more professional... +

+ +
+
+

DVELP

+

June 2019 - Present

+

Senior Software Engineer

+
+

+ DVELP is a company obsessed with creating real change in the + communications space, especially around contact centres. To this end, + they use Twilio and Google AI capabilities to create amazing + experiences, both for contact centre agents and customers alike. +

+

+ I'm currently working as a full-stack (Node/TypeScript/React) Senior + Software Engineer, helping deliver client solutions through our + professional services offering, as well as assisting with business + functions on a day-to-day basis. I feel honoured to be included in + many high-level business operations and decision making - DVELP truly + is a company run by those employed by it, not just that of some + god-like "Senior Leadership Team". +

+

+ I'm also currently the InfoSec officer for the company, meaning + there's lots of "fun" forms and questionnaires to fill out on a + regular basis, as well as internal and external audits. +

+
+
+

TypeScript

+
+
+

JavaScript

+
+
+

React

+
+
+

Redux

+
+
+

InfoSec

+
+
+

Twilio Flex

+
+
+

Google Dialogflow

+
+
+

CircleCi

+
+
+

GraphQL

+
+
+
+ +
+
+

Steve King Consulting

+

Feb 2019 - May 2019

+

Contract Software Engineer

+
+

+ I decided to make the move into contracting, and started working + through my Dad's company Steve King Consulting, offering in-house + design and development services to his existing client-base, as well + as updating the main website. +

+

+ During this time I got to play with a lot of new technologies, mainly + centered around JAMStack, with lots of emphasis on speed and allowing + handovers to clients which required little technical knowledge to + maintain, using services such as Prismic to allow them an interface to + update the content of their site without ever touching code. +

+
+
+

TypeScript

+
+
+

JavaScript

+
+
+

React

+
+
+

Gatsby

+
+
+

Prismic

+
+
+

Gitlab CI

+
+
+
+ +
+
+

Sky Betting & Gaming

+

Nov 2017 - Jan 2019

+

Senior Software Engineer

+
+

+ After 2 years and moving to the Vegas product, I applied for and + received a promotion to Senior. This effectively meant my duties would + involve more decision making and planning for the future of our + product(s), as well as giving more guidance to junior developers. As I + had grown to be a "go to" point of contact for most people outside of + my squad, this promotion also recognised that status as someone to + trust regarding what could/couldn't be done and in what timeframe. +

+

+ I continued to write code, however more and more ended up reviewing + and pairing with others to improve our code quality overall, as tech + moves fast and somehow SBG moved faster! We used bleeding-edge + front-end tech such as Next with React all coded in TypeScript. The + back-end was being updated from PHP to Next and Node, with the + pipelines all being run through Jenkins. We were also moving from a + Chef-on-prem docker stack to an AWS docker stack. +

+
+
+

TypeScript

+
+
+

JavaScript

+
+
+

React

+
+
+

Redux

+
+
+

AWS

+
+
+

Jenkins

+
+
+

Next.js

+
+
+

Chef

+
+
+
+ +
+
+

Sky Betting & Gaming

+

Nov 2015 - Nov 2017

+

Software Engineer

+
+

+ I was offered a job via the refer-a-friend scheme, and was placed into + the Gaming tribe into the "One To Go" Squad, which is responsible for + the Sky Bingo product. This is a high-performance product, which + serves hundreds-of-thousands of visitors a week, and thus is built to + the most rigorous of performance standards using a combination of PHP + and JavaScript (React/Flux). The site is fully responsive, and the one + codebase must work across all screen sizes, devices, and both an + Android and iOS application. +

+

+ We practice peer-code-reviews as a matter of course for all changes + for the site (no matter how small), and the whole site is deployed by + a continuous integration pipeline built around Jenkins; in short, the + whole product is super modern, adhering to the current best coding + practices. +

+
+
+

PHP

+
+
+

JavaScript

+
+
+

React

+
+
+

Redux

+
+
+

AWS

+
+
+

Jenkins

+
+
+

Chef

+
+
+
+ +
+
+

Highfield ABC

+

Jul 2014 - Nov 2015

+

Software Developer

+
+

+ Primarily working with ASP.Net (both Visual Basic and C# components), + my responsibilities included maintaining the bespoke behemoth website + of highfieldabc.com. This was a huge system, that handled every part + of the business, from sales, users, managing learners and courses, + validation, interacting with examination systems (both in house and + third party), and providing and consuming various services. +

+

+ Early in my employment, I was tasked with rebuilding their Dubai site + to bring it roughly in line with modern web design (an improvement + from the 2006-esque look). I did this, but also created a mockup of a + Bootstrap-powered responsive site and provided that alongside. The + directors saw this and asked me to make this the focus of design for + all the Highfield online products going forward. This has been built + using Angular, leveraging ASP MVC, RESTful services, and Azure. +

+
+
+

ASP.Net

+
+
+

Visual Basic

+
+
+

C#

+
+
+

JavaScript

+
+
+

Angular

+
+
+

Azure

+
+
+
+ +
+
+

Verizon Enterprise Solutions Groupo

+

Jul 2012 - Oct 2012

+

Project IT Developer - Intern analyst

+
+

+ I worked at Verizon as part of a 12-week internship program in the + Software Development department. I was assigned to work on an + extension to an existing Billing & ERP System, which used Oracle + PL/SQL, a language I had never worked with before. As well as this + development, I also had to quickly grasp how to use/work in UNIX, + including working in vi to edit shell and perl scripts. +

+

+ After this project was mostly completed, I was moved to work on a + different critical system, which is used to handle the connection + status of "high risk" accounts. The system front-end needed completely + rewriting into Java/HTML/CSS from Flex, interacting with a different + PL/SQL system. This also required me to work with the offshore team + based in India, which was a learning experience for myself; after + going from never having a conference call, to having a 5 hour time + difference was interesting, to say the least. +

+
+
+

Java EE

+
+
+

Oracle PL/SQL

+
+
+

UNIX

+
+
+

JavaScript

+
+
+
+
+ {footer.html}