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

8
src/templates/article.html
View File

@@ -1,2 +1,10 @@
{% include 'header.html' %}
<main>
<section id="tech-article">
<h1>{{ metadata.title}} </h1>
<p>{{ metadata.date | human_date }}</p>
<hr />
{{post|safe}}
</section>
</main>
{% include 'footer.html' %}

2
src/templates/error.html
View File

@@ -1,5 +1,5 @@
{% include 'header.html' %}
<section id="post">
<section id="error">
{{ post | safe }}
</section>
{% include 'footer.html' %}

11
src/templates/header.html
View File

@@ -2,18 +2,19 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jake Charman</title>
<title>{{ page_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="stylesheet" href="/static/style/mobile.css" />
<link rel="stylesheet" href="/static/style/desktop.css" />
<link rel="stylesheet" href="/static/fonts/fontawesome/css/all.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="/static/js/filter_projects.js"></script>
</head>
<body>
<header>
<div id="logo">
<h1>Jake Charman</h1>
<a href='/'><h1>Jake Charman</h1></a>
</div>
</header>

45
src/templates/index.html Normal file
View File

@@ -0,0 +1,45 @@
{% include 'header.html' %}
<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>
{% include 'footer.html' %}

21
src/templates/projects.html
View File

@@ -1,17 +1,30 @@
{% include 'header.html' %}
<main>
<h2>Projects</h2>
<p>A selection of projects I've worked on.</p>
<nav id="filter">
<label for="filter_category">Filter:</label>
<select id="filter_category" name="filter_category">
<option value="all">All Categories</option>
{% for category in all_categories %}
<option {{ 'selected' if current_category == category }} value="{{ category }}">{{all_categories.get(category).get('title')}}</option>
{% endfor %}
</select>
</nav>
<h2>{{ title }}</h2>
<p>{{ description }}</p>
<section id="projects">
{% for row in articles %}
<div class="project">
<img src="{{ row.image }}">
{% if row.get('link') is not none %}
<a href="{{ row.link }}"><h2>{{ row.title }}</h2></a>
<a href="{{ row.link }}"><h3>{{ row.title }}</h3></a>
{% else %}
<a href="./{{ row.get('categpry', '.') }}/{{ row.id }}"><h2>{{ row.title }}</h2></a>
<a href="/projects/{{ row.id }}"><h3>{{ row.title }}</h3></a>
{% endif %}
<p class="article-description">{{ row.description }}</p>
<p class="article-date">{{ row.date | human_date }}</p>
{% for category in row.categories %}
<a class="article-category" href="/projects/category/{{ category }}">{{ category | category_title }} </a>
{% endfor %}
</div>
{% endfor %}
</section>