2024-08-03 21:10:14 +00:00
<!DOCTYPE html>
< html >
< head >
< title > Notoric's Portfolio< / title >
< link rel = "stylesheet" type = "text/css" href = "styles/global.css" >
< / head >
< body >
< svg id = "top-shrtct" fill = "#eee" height = "500px" width = "500px" version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 330 330" xml:space = "preserve" transform = "rotate(270)" > < g id = "SVGRepo_bgCarrier" stroke-width = "0" > < / g > < g id = "SVGRepo_tracerCarrier" stroke-linecap = "round" stroke-linejoin = "round" > < / g > < g id = "SVGRepo_iconCarrier" > < path id = "XMLID_27_" d = "M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z" > < / path > < / g > < / svg >
< img id = "nav-btn" src = "/assets/plus.svg" >
< div id = "navbar" >
< p id = "logo" > [Notoric]< / p >
< div id = "nav" >
< a href = "#aboutme" > About< / a >
< a href = "#projects" > Projects< / a >
< a href = "#contact" > Contact< / a >
< / div >
< div id = "links" >
< a href = "https://linkedin.com/in/tom-cornes" target = "_blank" >
< svg role = "img" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > < title > LinkedIn< / title > < path d = "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" / > < / svg >
LinkedIn
< / a >
< a href = "https://github.com/Notoric" target = "_blank" >
< svg role = "img" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > < title > GitHub< / title > < path d = "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" / > < / svg >
GitHub
< / a >
< / div >
< / div >
< main >
< div id = "homepage" >
< div class = "card" >
< div id = "homepage-text" >
< p id = "hi" > Hi, my name is< / p >
< p id = "name" > Tom Cornes< / p >
< p id = "desc" > I'm a < em > Software Developer< / em > based in < em > Leicestershire, England.< / em > < / p >
< / div >
< div id = "homepage-img" > < / div >
< / div >
< / div >
< div id = "aboutme" >
< h1 > About Me< / h1 >
< div id = "box-with-title" >
2025-01-22 16:29:45 +00:00
< p > I am a < em id = age > 22< / em > year-old Computer Science graduate from De Montfort University with a passion for creating a wide range of practical applications. While I specialise in full-stack development, I have experience across a broad range of technologies, as showcased in my projects below. I am driven by a desire to create, and I feel incredibly fulfilled when I can see and interact with something that I have built. I enjoy working with others, and strive to create readable and maintainable code that adheres to common standards. When I'm not programming, you'll find me modifying hardware, such as keyboards or controllers.< / p >
2024-08-03 21:10:14 +00:00
< / div >
< / div >
< div id = "projects" >
< h1 > Projects< / h1 >
< div class = "project card" >
< div class = "text-content" >
< h2 > The Button< / h2 >
< div class = "project-tags" >
< p class = "HTML" > HTML< / p >
< p class = "CSS" > CSS< / p >
< p class = "JS" > JS< / p >
< p class = "date" > Apr 2024< / p >
< / div >
< p class = "project-description" > The Button is a game created by Elendow on Steam. I have recreated this game in a single day using a basic web development stack. The user is presented with a button which contains a number. When the user clicks the button, the button with either reset back to zero or increase it's counter by one. The counter also represents the percantage chance of the button resetting to zero on the next press.< / p >
< / div >
< a href = "https://the-button.notoric.net" target = "_blank" > < img src = "/assets/the-button.png" > < / a >
< / div >
< div class = "project card" >
< div class = "text-content" >
< h2 > Orion< / h2 >
< div class = "project-tags" >
< p class = "JAVA" > Java< / p >
< p class = "NOSQL" > NoSQL< / p >
< p class = "date" > Jan 2024< / p >
< / div >
< p class = "project-description" > Orion is a discord music bot built using the Java Discord Api. Orion was a project that me and a friend worked on as a way to further develop our programming knowledge during our degree, and to practise the skills we were learning. Orion utilises Maven to manage dependencies and Lavaplayer to play music. Secrets are managed via Dotenv to ensure that no sensitive data is made public.< / p >
< / div >
< a href = "https://github.com/Wilkozx/OrionV3" target = "_blank" > < img src = "/assets/orion.png" > < / a >
< / div >
< div class = "project card" >
< div class = "text-content" >
< h2 > DMU - Front End Module< / h2 >
< div class = "project-tags" >
< p class = "HTML" > HTML< / p >
< p class = "CSS" > CSS< / p >
< p class = "JS" > JS< / p >
< p class = "date" > Feb 2024< / p >
< / div >
< p class = "project-description" > This website is my final hand-in for my Front End Web Development module at De Montfort University. Most of the features in this website were created to meet hand-in requirements. This website uses no libraries and has been coded from scratch using the standard web languages. This website uses the PokeAPI to pull data for the pokedex.< / p >
< / div >
< a href = "https://ctec3905.notoric.net" target = "_blank" > < img src = "/assets/CTEC3905.png" > < / a >
< / div >
< / div >
2025-01-23 15:18:57 +00:00
< div id = "contact" >
< h1 > Looking to hire me?< / h1 >
< a id = "cv-button-wrapper" href = "/Tom Cornes CV.pdf" target = "_blank" > < button id = "cv-button" > CV< / button > < / a >
< h1 > Contact me here< / h2 >
< div id = "contact-showcase" class = "card" >
< div class = "contact-area" id = "email" >
< svg id = "email-logo" viewBox = "0 0 24 24" fill = "none" xmlns = "http://www.w3.org/2000/svg" stroke = "#7520ff" > < g id = "SVGRepo_bgCarrier" stroke-width = "0" > < / g > < g id = "SVGRepo_tracerCarrier" stroke-linecap = "round" stroke-linejoin = "round" > < / g > < g id = "SVGRepo_iconCarrier" > < path d = "M4 18L9 12M20 18L15 12M3 8L10.225 12.8166C10.8665 13.2443 11.1872 13.4582 11.5339 13.5412C11.8403 13.6147 12.1597 13.6147 12.4661 13.5412C12.8128 13.4582 13.1335 13.2443 13.775 12.8166L21 8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z" stroke = "#7520ff" stroke-width = "0.72" stroke-linecap = "round" stroke-linejoin = "round" > < / path > < / g > < / svg >
< a id = "email-link" href = "mailto:hireme@notoric.net" target = "_blank" > hireme@notoric.net< / a >
< p id = "email-desc" > Email me directly for any job opportunities or questions.< / p >
< / div >
< div class = "contact-area" id = "phone" >
< svg id = "phone-logo" viewBox = "0 0 64 64" xmlns = "http://www.w3.org/2000/svg" fill = "none" stroke = "#ff0050" stroke-width = "1.92" > < g id = "SVGRepo_bgCarrier" stroke-width = "0" > < / g > < g id = "SVGRepo_tracerCarrier" stroke-linecap = "round" stroke-linejoin = "round" > < / g > < g id = "SVGRepo_iconCarrier" > < rect x = "18" y = "8" width = "28" height = "48" rx = "4" > < / rect > < line x1 = "28" y1 = "12" x2 = "36" y2 = "12" > < / line > < line x1 = "30" y1 = "52" x2 = "34" y2 = "52" > < / line > < / g > < / svg >
< a id = "phone-link" href = "https://wa.me/447938135980" target = "_blank" > 07938135980< / a >
< p id = "phone-desc" > I prefer to be contacted via WhatsApp, but I am also available via text or phone.< / p >
< / div >
< div class = "contact-area" id = "linkedin" >
< svg fill = "#ff8000" version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "-243 51 700 700" xml:space = "preserve" stroke = "#ff8000" > < g id = "SVGRepo_bgCarrier" stroke-width = "0" > < / g > < g id = "SVGRepo_tracerCarrier" stroke-linecap = "round" stroke-linejoin = "round" > < / g > < g id = "SVGRepo_iconCarrier" > < g > < path d = "M329,145h-432c-22.1,0-40,17.9-40,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V185C369,162.9,351.1,145,329,145z M339,617c0,5.5-4.5,10-10,10h-432c-5.5,0-10-4.5-10-10V185c0-5.5,4.5-10,10-10h432c5.5,0,10,4.5,10,10V617z" > < / path > < rect x = "-8.5" y = "348.4" width = "49.9" height = "159.7" > < / rect > < path d = "M177.7,346.9c-28.6,0-46.5,15.6-49.8,26.6v-25.1H71.8c0.7,13.3,0,159.7,0,159.7h56.1v-86.3c0-4.9-0.2-9.7,1.2-13.1 c3.8-9.6,12.1-19.6,27-19.6c19.5,0,28.3,14.8,28.3,36.4v82.6H241v-88.8C241,369.9,213.2,346.9,177.7,346.9z" > < / path > < path d = "M15.4,273c-18.4,0-30.5,11.9-30.5,27.7c0,15.5,11.7,27.7,29.8,27.7h0.4c18.8,0,30.5-12.3,30.4-27.7 C45.1,284.9,33.8,273,15.4,273z" > < / path > < / g > < / g > < / svg >
< a id = "linkedin-link" href = "https://www.linkedin.com/in/tom-cornes/" target = "_blank" > Tom Cornes< / a >
< p id = "linkedin-desc" > Connect with me on LinkedIn for professional networking.< / p >
< / div >
< / div >
< / div >
2024-08-03 21:10:14 +00:00
< / main >
< script src = "/scripts/homepage.js" > < / script >
< / body >
2024-05-22 22:20:33 +00:00
< / html >
