jake/jc-ng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reworking of projects page

Browse Source
This commit is contained in:
Jake Charman
2025-01-03 22:08:04 +00:00
parent e0e60830be
commit 028103d321
16 changed files with 220 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/static/index.html
View File

@@ -1,67 +0,0 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jake Charman</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style/mobile.css" />
<link rel="stylesheet" href="style/desktop.css" />
<link rel="stylesheet" href="fonts/fontawesome/css/all.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
</head>
<body>
<header>
<div id="logo">
<h1>Jake Charman</h1>
</div>
</header>
<main>
<section id="technology">
<div class="gradient gradient-left">
<div class="text text-left">
<div>
<h2>Technology</h2>
<hr>
<p>Working with technology is my day job, I currently specialise in:</p>
<ul>
<li>Linux (primarily RHEL & Debian based)</li>
<li>SCM with Git and Subversion</li>
<li>Big Data (Hadoop & Cloud storage)</li>
<li>Programming (Python, Bash & C#)</li>
</ul>
<p>I also run some services for personal use and occasionally write software. I may write about some of the services I run in the future. For now, my code can be found on <a href="https://github.com/jcharman">GitHub</a>.</p>
<div class="social">
<a class="button" href="https://www.linkedin.com/in/jakecharman/"><i class="fa-brands fa-linkedin-in"></i></a>
<a class="button" href="https://github.com/jcharman/"><i class="fa-brands fa-github"></i></a>
</div>
</div>
</div>
</div>
</section>
<section id="motorsport">
<div class="gradient gradient-right">
<div class="text text-right">
<div>
<h2>Racing</h2>
<hr />
<p>When not working on tech, I can usually be found at <a href="https://santapod.com">Santa Pod Raceway</a> working on my Dad's <a href="https://nitrojunkie.uk">NitroJunkie.UK</a> "All In" Top Fuel Bike. The bike is purpose built from the ground up with a supercharged, nitromethane injected engine capable of producing approximately 1000 horsepower. </p>
<p>The photo for this section was taken by <a href="https://www.facebook.com/BlackettPhotography">Blackett Photography</a></p>
<p>You can read more about our racing at <a href="https://nitrojunkie.uk">nitrojunkie.uk</a></p>
<div class="social">
<a class="button" href="https://nitrojunkie.uk"><i class="fa-solid fa-globe"></i></a>
<a class="button" href="https://www.youtube.com/@NitroJunkieUK"><i class="fa-brands fa-youtube"></i></a>
<a class="button" href="https://www.facebook.com/nitrojunkie.uk"><i class="fa-brands fa-facebook"></i></a>
<a class="button" href="https://instagr.am/nitrojunkieuk"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>&copy 2024 Jake Charman. This site uses cookies.</p>
</footer>
</body>
</html>

11
src/static/js/filter_projects.js Normal file
View File

@@ -0,0 +1,11 @@
window.onload = function () {
var project_filter = document.getElementById("filter_category");
project_filter.onchange = function () {
if (project_filter.value == 'all') {
window.location.href = '/projects';
}
else {
window.location.href = '/projects/category/' + project_filter.value;
}
}
}

1
src/static/style/desktop.css
View File

@@ -47,6 +47,5 @@
.project{
width: 20vw;
height: 25vw;
margin: 10px;
}
}

14
src/static/style/mobile.css
View File

@@ -2,9 +2,14 @@ body{
margin: 0;
color: #e5e5e5;
font-family: "Noto Sans", sans-serif;
background-color: rgba(23, 22, 20, 1);
}
h1, h2{
main{
padding: 0 10px 0 10px;
}
h1, h2, h3{
font-family: "Orbitron", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
@@ -30,6 +35,10 @@ footer{
margin: 0 auto 0 auto;
}
#logo>a{
text-decoration: none;
}
footer h2, section h2{
margin: 0;
}
@@ -100,5 +109,6 @@ a{
.project{
width: 80vw;
border: 2px solid rgba(23, 22, 20, 1);
border: 2px solid #e5e5e5;
margin: 10px;
}