Updated headshot
This commit is contained in:
Notoric
parent
eef9f31f87
commit
9d1150d67d
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 912 KiB |
176
index.html
176
index.html
|
|
@ -1,89 +1,89 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Notoric's Portfolio</title>
|
<title>Notoric's Portfolio</title>
|
||||||
<link rel="stylesheet" type="text/css" href="styles/global.css">
|
<link rel="stylesheet" type="text/css" href="styles/global.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<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">
|
<img id="nav-btn" src="/assets/plus.svg">
|
||||||
<div id="navbar">
|
<div id="navbar">
|
||||||
<p id="logo">[Notoric]</p>
|
<p id="logo">[Notoric]</p>
|
||||||
<div id="nav">
|
<div id="nav">
|
||||||
<a href="#aboutme">About</a>
|
<a href="#aboutme">About</a>
|
||||||
<a href="#projects">Projects</a>
|
<a href="#projects">Projects</a>
|
||||||
<a href="#contact">Contact</a>
|
<a href="#contact">Contact</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="links">
|
<div id="links">
|
||||||
<a href="https://linkedin.com/in/tom-cornes" target="_blank">
|
<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>
|
<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
|
LinkedIn
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/Notoric" target="_blank">
|
<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>
|
<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
|
GitHub
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<main>
|
<main>
|
||||||
<div id="homepage">
|
<div id="homepage">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div id="homepage-text">
|
<div id="homepage-text">
|
||||||
<p id="hi">Hi, my name is</p>
|
<p id="hi">Hi, my name is</p>
|
||||||
<p id="name">Tom Cornes</p>
|
<p id="name">Tom Cornes</p>
|
||||||
<p id="desc">I'm a <em>Software Developer</em> based in <em>Leicestershire, England.</em></p>
|
<p id="desc">I'm a <em>Software Developer</em> based in <em>Leicestershire, England.</em></p>
|
||||||
</div>
|
</div>
|
||||||
<div id="homepage-img"></div>
|
<div id="homepage-img"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="aboutme">
|
<div id="aboutme">
|
||||||
<h1>About Me</h1>
|
<h1>About Me</h1>
|
||||||
<div id="box-with-title">
|
<div id="box-with-title">
|
||||||
<p>I am a <em id=age>22</em> year old Computer Science graduate from De Montfort University. For as long as I can remember, I have had a desire to tinker and solve logical problems. As a child, I found myself playing with circuit kits and components all the time. I loved creating a circuit as the instructions told me, and then modifying it to add features or change how it worked. When I got my first laptop I was extatic. I began hosting game servers for my friends, tinkering around in the settings and troubleshooting crashes or installing mods. I wrote my first script in python at the age of 12 and have never looked back since.</p>
|
<p>I am a <em id=age>22</em> year old Computer Science graduate from De Montfort University. For as long as I can remember, I have had a desire to tinker and solve logical problems. As a child, I found myself playing with circuit kits and components all the time. I loved creating a circuit as the instructions told me, and then modifying it to add features or change how it worked. When I got my first laptop I was extatic. I began hosting game servers for my friends, tinkering around in the settings and troubleshooting crashes or installing mods. I wrote my first script in python at the age of 12 and have never looked back since.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="projects">
|
<div id="projects">
|
||||||
<h1>Projects</h1>
|
<h1>Projects</h1>
|
||||||
<div class="project card">
|
<div class="project card">
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>The Button</h2>
|
<h2>The Button</h2>
|
||||||
<div class="project-tags">
|
<div class="project-tags">
|
||||||
<p class="HTML">HTML</p>
|
<p class="HTML">HTML</p>
|
||||||
<p class="CSS">CSS</p>
|
<p class="CSS">CSS</p>
|
||||||
<p class="JS">JS</p>
|
<p class="JS">JS</p>
|
||||||
<p class="date">Apr 2024</p>
|
<p class="date">Apr 2024</p>
|
||||||
</div>
|
</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>
|
<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>
|
</div>
|
||||||
<a href="https://the-button.notoric.net" target="_blank"><img src="/assets/the-button.png"></a>
|
<a href="https://the-button.notoric.net" target="_blank"><img src="/assets/the-button.png"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="project card">
|
<div class="project card">
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>Orion</h2>
|
<h2>Orion</h2>
|
||||||
<div class="project-tags">
|
<div class="project-tags">
|
||||||
<p class="JAVA">Java</p>
|
<p class="JAVA">Java</p>
|
||||||
<p class="NOSQL">NoSQL</p>
|
<p class="NOSQL">NoSQL</p>
|
||||||
<p class="date">Jan 2024</p>
|
<p class="date">Jan 2024</p>
|
||||||
</div>
|
</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>
|
<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>
|
</div>
|
||||||
<a href="https://github.com/Wilkozx/OrionV3" target="_blank"><img src="/assets/orion.png"></a>
|
<a href="https://github.com/Wilkozx/OrionV3" target="_blank"><img src="/assets/orion.png"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="project card">
|
<div class="project card">
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>DMU - Front End Module</h2>
|
<h2>DMU - Front End Module</h2>
|
||||||
<div class="project-tags">
|
<div class="project-tags">
|
||||||
<p class="HTML">HTML</p>
|
<p class="HTML">HTML</p>
|
||||||
<p class="CSS">CSS</p>
|
<p class="CSS">CSS</p>
|
||||||
<p class="JS">JS</p>
|
<p class="JS">JS</p>
|
||||||
<p class="date">Feb 2024</p>
|
<p class="date">Feb 2024</p>
|
||||||
</div>
|
</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>
|
<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>
|
</div>
|
||||||
<a href="https://ctec3905.notoric.net" target="_blank"><img src="/assets/CTEC3905.png"></a>
|
<a href="https://ctec3905.notoric.net" target="_blank"><img src="/assets/CTEC3905.png"></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<script src="/scripts/homepage.js"></script>
|
<script src="/scripts/homepage.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
1188
styles/global.css
1188
styles/global.css
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue