Compare commits
39 Commits
11a969effa
...
6cdac143c3
| Author | SHA1 | Date | |
|---|---|---|---|
| 6cdac143c3 | |||
| d4bba30b2b | |||
| 0f489a7abc | |||
| f40f5ff3f0 | |||
| 8664fce9fe | |||
| fb6496f951 | |||
| b2ea8723c4 | |||
| 2eeac121b7 | |||
| e0890b77a9 | |||
| 31476bdec8 | |||
| 6b03c75d64 | |||
| a39413332d | |||
| a44e7e3141 | |||
| 0fb74407b2 | |||
| c2b65fe92e | |||
| 9494960e24 | |||
| 6ecd9c605c | |||
| a6372dadd3 | |||
| a4f5367c0d | |||
| 0f89c687e0 | |||
| 69f95c524d | |||
| e430bdf604 | |||
| e2f9addef1 | |||
| 681655023a | |||
| deb167c45b | |||
| 6444ec5a6e | |||
| 9b7ca99c2f | |||
| 02e6c1e409 | |||
| 3622984ca9 | |||
| 6f4b38d99a | |||
| 2f85fe1fd9 | |||
| 593a684ae8 | |||
| 5787bd7488 | |||
| 3c1cf2d3e0 | |||
| bd2972ffbd | |||
| 7e01ab7c5a | |||
| b02c9ef289 | |||
| c7abe66b48 | |||
| ad0dfad3df |
45
about.html
45
about.html
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>About - Frederick Boniface</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<p>I'm currently working on things, come back soon.</p>
|
||||
<p>Proudly hosted on the webserver at ww1.fb-infra.uk</p>
|
||||
<p>--<br>
|
||||
© Frederick Boniface 2020<br>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,6 +0,0 @@
|
||||
ul[title]::before {
|
||||
content: attr(title);
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
padding: 0px;
|
||||
}
|
||||
170
css/navbar.css
170
css/navbar.css
@ -1,170 +0,0 @@
|
||||
/* Navbar Style */
|
||||
.navbar {
|
||||
overflow: hidden;
|
||||
background-color: #6b98f2;
|
||||
font-family: sans-serif;
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Navbar Title & Logo */
|
||||
.navbar img {
|
||||
float: left;
|
||||
text-align: center;
|
||||
padding: 15px 15px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
/* Navbar Links Style */
|
||||
.navbar a {
|
||||
float: left;
|
||||
display: block;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 17px 15px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Hide 'Home' link by default, prefer icon */
|
||||
.mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Navbar Logo Link Style */
|
||||
.navbar a.logo {
|
||||
float: left;
|
||||
display: block;
|
||||
color: #f2f2f2;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
|
||||
/* Navbar Links Style */
|
||||
.navbar i {
|
||||
float: right;
|
||||
display: block;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 17px 15px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Navbar Hover Style */
|
||||
.navbar a:hover, .dropdown:hover {
|
||||
background-color: #115bf0;
|
||||
}
|
||||
|
||||
/* Droplist Hover Style */
|
||||
.droplist a:hover {
|
||||
background-color: #00349c;
|
||||
}
|
||||
|
||||
/* Navbar Active Class */
|
||||
.navbar a.active, .navbar img.active, .navbar button.active {
|
||||
background-color: #3075ff;
|
||||
}
|
||||
|
||||
/* Hide Hamburger Icon */
|
||||
.navbar .icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Dropdown Container Class */
|
||||
.dropdown {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Dropdown Button Styling */
|
||||
.dropdown .dropbutton {
|
||||
font-size: 18px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: white;
|
||||
padding: 17px 17px;
|
||||
background-color: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Dropdown Content Styling */
|
||||
.droplist {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #115bf0;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Style the links inside the dropdown */
|
||||
.droplist a {
|
||||
float: none;
|
||||
color: white;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
|
||||
.dropdown:hover .droplist {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* When the screen is less than 600 pixels wide, hide all links and replace 'Home' icon with link. Show the link that contains should open and close the topnav (.icon) */
|
||||
@media screen and (max-width: 600px) {
|
||||
.navbar a, .navbar img, .dropdown .dropbutton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: block
|
||||
}
|
||||
|
||||
.navbar a.icon {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
.navbar i {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Navbar Active Class */
|
||||
.navbar a.active, .navbar img.active, .navbar button.active {
|
||||
background-color: #3075ff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
|
||||
@media screen and (max-width: 600px) {
|
||||
.navbar.responsive {position: relative;}
|
||||
.navbar.responsive a.icon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.navbar.responsive a {
|
||||
float: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.navbar.responsive i {
|
||||
display: none
|
||||
}
|
||||
|
||||
.navbar.responsive .dropdown {float: none;}
|
||||
.navbar.responsive .droplist {position: relative;}
|
||||
.navbar.responsive .dropdown .dropbutton {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
170
css/styles.css
Normal file
170
css/styles.css
Normal file
@ -0,0 +1,170 @@
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100%;
|
||||
background-color: #444444;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
text-align: center;
|
||||
font-family: cursive;
|
||||
color: #eeeeee;
|
||||
padding-top: 65px;
|
||||
padding-bottom: 10px;
|
||||
width: 95%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.title-image img {
|
||||
max-width: 30%;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
margin-left: 35%;
|
||||
margin-right: 35%;
|
||||
}
|
||||
|
||||
.page-main-content {
|
||||
text-align: center;
|
||||
font-family: sans-serif;
|
||||
color: #f0f0f0f0;
|
||||
width: 95%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.page-main-content h2 {
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: rgb(61, 61, 61);
|
||||
color: #eeeeee;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* NAVBAR STYLING BELOW */
|
||||
|
||||
/* Add a black background color to the top navigation */
|
||||
.topnav {
|
||||
background-color: #333;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Style the links inside the navigation bar */
|
||||
.topnav a {
|
||||
float: left;
|
||||
font-family: monospace;
|
||||
display: block;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
/* Hide the link that should open and close the topnav on small screens */
|
||||
.topnav .icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Dropdown container - needed to position the dropdown content */
|
||||
.dropdown {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Style the dropdown button to fit inside the topnav */
|
||||
.dropdown .dropbtn {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: white;
|
||||
padding: 14px 16px;
|
||||
background-color: inherit;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Style the dropdown content (hidden by default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #f9f9f9;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Style the links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
float: none;
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Add a dark background on topnav links and the dropdown button on hover */
|
||||
.topnav a:hover, .dropdown:hover .dropbtn {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Add a grey background to dropdown links on hover */
|
||||
.dropdown-content a:hover {
|
||||
background-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
|
||||
@media screen and (max-width: 600px) {
|
||||
.topnav a:not(:first-child), .dropdown .dropbtn {
|
||||
display: none;
|
||||
}
|
||||
.topnav a.icon {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
|
||||
@media screen and (max-width: 600px) {
|
||||
.topnav.responsive {
|
||||
position: absolute;
|
||||
}
|
||||
.topnav.responsive a.icon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.topnav.responsive a {
|
||||
float: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
.topnav.responsive .dropdown {float: none;}
|
||||
.dropdown-content {position: relative;}
|
||||
.topnav.responsive .dropdown .dropbtn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
12
downloads/vcard.vcf
Normal file
12
downloads/vcard.vcf
Normal file
@ -0,0 +1,12 @@
|
||||
BEGIN:VCARD
|
||||
VERSION:3.0
|
||||
FN;CHARSET=UTF-8:Fred Boniface
|
||||
N;CHARSET=UTF-8:Boniface;Fred;;;
|
||||
GENDER:M
|
||||
EMAIL;CHARSET=UTF-8;type=HOME,INTERNET:fred@fjla.uk
|
||||
TEL;TYPE=HOME,VOICE:03331126831
|
||||
ADR;CHARSET=UTF-8;TYPE=HOME:;;;Bath;;;United Kingdom
|
||||
URL;CHARSET=UTF-8:https://fredboniface.co.uk
|
||||
NOTE;CHARSET=UTF-8:vCard generated at vcardmaker.com
|
||||
REV:2022-10-06T21:38:40.052Z
|
||||
END:VCARD
|
||||
62
email-safety.php
Normal file
62
email-safety.php
Normal file
@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php include "./page-blocks/head.php"; ?>
|
||||
<title>Page Title</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php include "./page-blocks/menu.php"; ?>
|
||||
|
||||
<h1 class="page-title">Page Title</h1>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
You are probably here beacuse you clicked a link in an email that I sent you. I was going to link to a quick guide to email safety but all I could find were specific guides aimed at children or the elderly. In the end I decided to throw a rough guide together.
|
||||
</p>
|
||||
|
||||
<h2>Phishing</h2>
|
||||
<p>
|
||||
Phishing is a technique used to try and get personal information from you. It could be styled to look like it is from a service that you use or a person that you know. Be on the lookout for:
|
||||
</p>
|
||||
<dl>
|
||||
<dt>Spelling or grammatical errors</dt>
|
||||
<dd>You will usually see spelling or grammatical errors, some people hypothesise that this is to weed out people that are savvy to the scam before they proceed</dd>
|
||||
<dt>Urgent calls to action</dt>
|
||||
<dd>Scam artists will use urgent language to invoke an emotive response, this can prevent you evaluating whether the email is genuine before you act.</dd>
|
||||
<dt>Unusual sender addresses</dt>
|
||||
<dd>Scam artists will usually send emails from an unusual looking address such as 'security-banking.xyz' or 'banking.something.xyz'. Elements of the address may even include the name of a trusted business or person.</dd>
|
||||
</dl>
|
||||
|
||||
<p>
|
||||
Even after checking for all of the above, it could be the case that the scam artist is sending an email from a real, trusted address. This is possible by hacking or spoofing. It is important that your email account is kept secure with a strong password - this helps to prevent your email address being used by scam artists.
|
||||
</p>
|
||||
|
||||
<h2>Tampering</h2>
|
||||
<p>
|
||||
Generally, email is an insecure means of communication. It is possible for an email to be viewed or tampered with whilst it is being transmitted.
|
||||
</p>
|
||||
<p>
|
||||
Because of this, it is important that you review links and attachments before opening them. Web browsers are improving on the security front and often alert you if you try to open a link to a scam website or that tries to download a file but you should still hover over the link which can reveal the actual destination. Attachments should be scanned for viruses or threats before you open them.
|
||||
</p>
|
||||
|
||||
<h2>Signing & Encryption</h2>
|
||||
<p>
|
||||
There are technologies to digitally sign and/or encrypt email messages, both PGP and S/MIME are available.
|
||||
</p>
|
||||
<p>
|
||||
S/MIME is more widely supported but does mean that you have to buy a certificate, cheaper certificates do not provide proof of the person sending the email, however your email client can use the certificate to check whether the email has been tampered with. More expensive certificates are available that you can use to prove your identity - these are the type of certificated used to digitally sign documents such as PDF files.
|
||||
</p>
|
||||
<p>
|
||||
PGP is not as widely supported and is more complicated for the end user, however there is no cost as you generate certificates yourself. It is then up to the sender to validate your identity, you can <a href="./pgp.php">read more about PGP</a> on my PGP page.
|
||||
</p>
|
||||
<p>
|
||||
Both S/MIME and PGP also support encryption which involves sharing your certificates public key with others, an email can only be encrypted with that public key. It is also possible to encrypt an email with a password. I won't go on further as email encryption is a bit out of scope here.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php include "./page-blocks/footer.php"; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
error-pages/403.php
Normal file
30
error-pages/403.php
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<?php include "../page-blocks/head.php"; ?>
|
||||
<title>Access Denied</title>
|
||||
</head>
|
||||
<body>
|
||||
<?php include "../page-blocks/menu.php"; ?>
|
||||
<h1 class="page-title">Access Denied</h1>
|
||||
<div class="title-image">
|
||||
<picture>
|
||||
<source srcset="/images/error-pages/denied.jxl" type="image/jxl">
|
||||
<source srcset="/images/error-pages/denied.webp" type="image/webp">
|
||||
<img src="/images/error-pages/denied.png" alt="Denied">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
I don't know where you are trying to go, but my server has decided
|
||||
that you aren't allowed to go there and has given you this error.
|
||||
</p>
|
||||
<p>
|
||||
If you followed a link and got this page then get in touch with the
|
||||
person who sent you the link. If it was me - I'm sorry, I messed up.
|
||||
</p>
|
||||
</div>
|
||||
<?php include "../page-blocks/footer.php"; ?>
|
||||
</body>
|
||||
</html>
|
||||
30
error-pages/404.php
Normal file
30
error-pages/404.php
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<?php include "../page-blocks/head.php"; ?>
|
||||
<title>Not Found</title>
|
||||
</head>
|
||||
<body>
|
||||
<?php include "../page-blocks/menu.php"; ?>
|
||||
<h1 class="page-title">Not Found</h1>
|
||||
<div class="title-image">
|
||||
<picture>
|
||||
<source srcset="/images/error-pages/not-found.jxl" type="image/jxl">
|
||||
<source srcset="/images/error-pages/not-found.webp" type="image/webp">
|
||||
<img src="/images/error-pages/not-found.png" alt="Not Found">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
I don't know where you are trying to go, but wherever it is, it
|
||||
doesn't exist.
|
||||
</p>
|
||||
<p>
|
||||
If you followed a link and got this page then get in touch with the
|
||||
person who sent you the link. If it was me - I'm sorry, I messed up.
|
||||
</p>
|
||||
</div>
|
||||
<?php include "../page-blocks/footer.php"; ?>
|
||||
</body>
|
||||
</html>
|
||||
31
error-pages/50x.html
Normal file
31
error-pages/50x.html
Normal file
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="./css/styles.css">
|
||||
<title>Sorry - We messed up</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 class="page-title">Server Error</h1>
|
||||
<div class="title-image">
|
||||
<picture>
|
||||
<source srcset="/images/error-pages/denied.jxl">
|
||||
<source srcset="/images/error-pages/denied.webp">
|
||||
<img src="/images/error-pages/denied.png" alt="Server Error">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
Sorry, there's been an error at my end.
|
||||
</p>
|
||||
<p>
|
||||
Try going <a href="https://fredboniface.co.uk">home</a> or try again
|
||||
later.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,47 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>Your FDS</title>
|
||||
</head>
|
||||
<body>
|
||||
<a id="top"></a>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
<h1>FDS</h1>
|
||||
<p>This information has moved, please visit <a href="https://fds.fjla.uk">fds.fjla.uk</a></p>
|
||||
<p>I'm currently working on things, come back soon.</p>
|
||||
<p>--<br>
|
||||
© Frederick Boniface 2020<br>
|
||||
</p>
|
||||
<a href="#top">Back to top</a>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,49 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>Your FDS</title>
|
||||
</head>
|
||||
<body>
|
||||
<a id="top"></a>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
<h1>Ultrasonic</h1>
|
||||
<p>
|
||||
This has moved to <a href="https://fds.fjla.uk">here</a></p>
|
||||
|
||||
<p>I'm currently working on things, come back soon.</p>
|
||||
<p>--<br>
|
||||
© Frederick Boniface 2020<br>
|
||||
</p>
|
||||
<a href="#top">Back to top</a>
|
||||
</body>
|
||||
</html>
|
||||
31
gpg.php
Normal file
31
gpg.php
Normal file
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php include "./page-blocks/head.php"; ?>
|
||||
<title>Page Title</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php include "./page-blocks/menu.php"; ?>
|
||||
|
||||
<h1 class="page-title">Page Title</h1>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
PGP stand for 'Pretty Good Privacy', GPG stands for 'GNU Privacy Guard'
|
||||
, for the scope of this website they are interchangable.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
My public GPG keys will be published below. You can use my public key to
|
||||
confirm that a signed email came from me, to verify signed files, and
|
||||
to verify commits and downloads from my <a href="https://git.fjla.uk">
|
||||
gitea server</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php include "./page-blocks/footer.php"; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,95 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/main.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>PGP - About</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<h1>About PGP</h1>
|
||||
<ul title="Quick Links"><br>
|
||||
<li><a href="#trust">Should I trust your key?</a></li>
|
||||
<li><a href="#integrity">How do you keep your keys secure?</a></li>
|
||||
<li><a href="#create">How can I create my own keys?</a></li>
|
||||
</ul>
|
||||
|
||||
<h2 id="trust">How do I know I can trust your key?</h2>
|
||||
<p> There are a few ways to confirm where an email came from but checking
|
||||
the sender address isn't a reliable way to check. Signing emails with a
|
||||
PGP key can be a good way to verify an emails source but it isn't as
|
||||
simple as receiving a signed email. </p>
|
||||
|
||||
<p> Once you have verified that the key used to sign the email belongs to
|
||||
me, you can trust that any message signed with the key originated from me.
|
||||
</p>
|
||||
|
||||
<p> You can check if the key is mine in several ways. </p>
|
||||
|
||||
<ul>
|
||||
<li>If you trust this website, you can trust the key provided here.</li>
|
||||
<br>
|
||||
<li>If you know my contact details, you can confirm the keys fingerprint
|
||||
with me.</li>
|
||||
<br>
|
||||
<li>If you do not know me and still need to verify the key, you could
|
||||
video call me and verify the fingerprint and some photo ID.</li>
|
||||
</ul>
|
||||
|
||||
<p> Once you've established that you can trust the key you can sign it with
|
||||
your key. </p>
|
||||
|
||||
<p> View my key history and download my current PGP key <a href="index.html">here</a>.
|
||||
</p>
|
||||
|
||||
<h2 id="integrity">
|
||||
What do you do to keep your key secure?
|
||||
</h2>
|
||||
<p>
|
||||
I'm going to provide instructions, showing how I create and manage my keys and showing how you can do the same
|
||||
if you wish.
|
||||
</p>
|
||||
<h2 id="create">Creation</h2>
|
||||
<p>
|
||||
To create your key run the following commands.
|
||||
<br>
|
||||
<br>
|
||||
<code>
|
||||
gpg --generate-key<br>
|
||||
</code>
|
||||
</p>
|
||||
<br>
|
||||
<footer>----<br>This website is under contruction and is being written by hand. I'm
|
||||
focussing on the content first before adding styling.</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1 +0,0 @@
|
||||
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC4UcekK1y93q7yCmhvthn/lhhQQI3jV8LBzXOac+9tZmGuIzPDhoZ079x4BUihz89NBDNh7hqsIt93AWLNEknTyve4av/oluzcXqA35s845jblaoMKEya+zEcLQeXA8Bd6xaG3MlFQfNhnHthT/8M06aslMhj8ocVLqDjhduv/cLm+HB0boGQKJWEAlO5C1ZaduwHCHgZ+PBiU/JgUm1FYkbioX5UA9EFsACBMtFRgZDrFWJQHs08fYnkTRYGmxi+ncoZRZ6RpYcbF0VtdzZDkKy1a154IMrnfWOXzeyzHJ9DmzkzqvTAVspVRVD4g4/IgErni2e6ck7c4uLFVSEbChbCrnd2TNuPCM51tZtX9JpounAZJh/33kslWUe5XxgKTo+/m32THPcPWkUo0Gg7s51d6bzvwv3gcnfJSsdjT3yDMGKrXYFuBXnlb2b3Adb2VVVUh95Mdq/eMJgZeENQd4lpUxoFLZRYqdCh8fvO+wib6bu96mdaj11DYGkbZQ9M= fred@desktop-fred
|
||||
@ -1,61 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>PGP - Frederick Boniface</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<h2>SSH</h2>
|
||||
<p>I prefer to use GPG/PGP for SSH authentication but where this isn't available my public SSH key can be downloaded
|
||||
<a href="/static-objects/identity/ssh/2020-11/id_desktopFred.pub">here</a>. The private key is secured with a strong password
|
||||
with just over 150bits of entropy for the security of any systems that it has access to.
|
||||
</p>
|
||||
|
||||
<h3>GPG Keys</h3>
|
||||
<p>
|
||||
Key fingerprints will be listed here along with their creation an expiry dates.
|
||||
Click on a fingerprint to download the associated public key.
|
||||
</p>
|
||||
<h4>
|
||||
<a href="/static-objects/identity/pgp/past/2020/fb-pub-2020-10-21.asc">79F1 9173 0942 8B49 5523 C779 7912 D618 1CFC 5C58</a>
|
||||
</h4>
|
||||
<ul>
|
||||
<li>Created: 21/10/2020</li>
|
||||
<li>Expired: 10/12/2022</li>
|
||||
<li>Withdrawn: N/A</li>
|
||||
</ul>
|
||||
<footer><br>---<br>This website is under contruction and is being written by hand. I'm
|
||||
focussing on the content first before adding styling.</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,46 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>PGP Integrity - Frederick Boniface</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<p>This page has been decomissioned, please see <a href="/pgp/trust.html#integrity"> this page</a>.</p>
|
||||
<p>It will be removed from menus soon, sorry for any inconvinience</p>
|
||||
<br>
|
||||
<footer>----<br>
|
||||
This website is under contruction and is being written by hand. I'm
|
||||
focussing on the content first before adding styling.</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
images/error-pages/denied.jxl
Normal file
BIN
images/error-pages/denied.jxl
Normal file
Binary file not shown.
BIN
images/error-pages/denied.png
Normal file
BIN
images/error-pages/denied.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
images/error-pages/denied.webp
Normal file
BIN
images/error-pages/denied.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/error-pages/not-found.jxl
Normal file
BIN
images/error-pages/not-found.jxl
Normal file
Binary file not shown.
BIN
images/error-pages/not-found.png
Normal file
BIN
images/error-pages/not-found.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
images/error-pages/not-found.webp
Normal file
BIN
images/error-pages/not-found.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 602 B After Width: | Height: | Size: 602 B |
51
index.html
51
index.html
@ -1,51 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>Frederick Boniface</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
<h1>About me</h1>
|
||||
<p>Hi, I am Fred - a 28 year old Rail Professional with many interests.
|
||||
This website will be about my interests, not my work. You can use the
|
||||
links above to have a look around, right now there isn't much to see but
|
||||
I am working on adding more content as we go forwards.</p>
|
||||
|
||||
<p>I won't waffle on about too much here, but there is more to read about
|
||||
each topic on the relevant page.</p>
|
||||
|
||||
<p>--<br>
|
||||
© Frederick Boniface 2020<br>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
41
index.php
Normal file
41
index.php
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<?php include "./php/age.php"; ?>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php include "./page-blocks/head.php"; ?>
|
||||
<title>Fred Boniface</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php include "./page-blocks/menu.php"; ?>
|
||||
|
||||
<h1 class="page-title">Hello</h1>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
I'm Fred Boniface - a <?php echo getAge(1993,11); ?> year old Rail
|
||||
Professional with many interests outside of work and while I do have
|
||||
many opinions about the state of the rail industry at present, this
|
||||
website aims to be about my personal life and interests, rather than my
|
||||
work.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I am married to Jade and we have two children, Lucy & Ava-Rose - both
|
||||
in school. I will get around to adding some images to this page - I
|
||||
promise.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
To keep this homepage simple and easy to digest, I won't waffle on
|
||||
about too much here, but there is more to read about each topic on
|
||||
the relevant page.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php include "./page-blocks/footer.php"; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,9 +1,9 @@
|
||||
/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
|
||||
function hamburger() {
|
||||
var x = document.getElementById("navbar");
|
||||
if (x.className === "navbar") {
|
||||
var x = document.getElementById("myTopnav");
|
||||
if (x.className === "topnav") {
|
||||
x.className += " responsive";
|
||||
} else {
|
||||
x.className = "navbar";
|
||||
x.className = "topnav";
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
body {
|
||||
width: 90%;
|
||||
background-color: #B4C6E2;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
text-align: center;
|
||||
color: #323C4A;
|
||||
}
|
||||
|
||||
.page-main-content {
|
||||
text-align: left;
|
||||
color: #495568;
|
||||
}
|
||||
@ -1,38 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="./css/styles.css">
|
||||
<title>Fred Boniface - Hello</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 class="page-title">Hello</h1>
|
||||
<div class="page-main-content">
|
||||
<p>
|
||||
Hi, I am Fred Boniface - a 28 year old Rail Professional with many
|
||||
interests outside of work and while I do have many opinions about the
|
||||
state of the rail industry at present, this website aims to be about
|
||||
my personal life and interests, rather than my work.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I am married to Jade and we have two children, Lucy & Ava-Rose - both
|
||||
in school. I will get around to adding some images to this page - I
|
||||
promise.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
To keep this homepage simple and easy to digest, I won't waffle on
|
||||
about too much here, but there is more to read about each topic on
|
||||
the relevant page.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
© Frederick Boniface 2022
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
@ -1 +0,0 @@
|
||||
<?php
|
||||
1
page-blocks/footer.php
Normal file
1
page-blocks/footer.php
Normal file
@ -0,0 +1 @@
|
||||
<footer><p>© Frederick Boniface 2022</p></footer>
|
||||
4
page-blocks/head.php
Normal file
4
page-blocks/head.php
Normal file
@ -0,0 +1,4 @@
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="./css/styles.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
16
page-blocks/menu.php
Normal file
16
page-blocks/menu.php
Normal file
@ -0,0 +1,16 @@
|
||||
<div class="topnav" id="myTopnav">
|
||||
<a href="/">Home</a>
|
||||
<a href="/gpg.php">GPG</a>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">Downloads
|
||||
<i class="fa fa-caret-down"></i>
|
||||
</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="/downloads/vcard.vcf">vCard</a>
|
||||
<a href="#">Link 2</a>
|
||||
<a href="#">Link 3</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects.php">Projects</a>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
21
page-blocks/template.php
Normal file
21
page-blocks/template.php
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php include "./page-blocks/head.php"; ?>
|
||||
<title>Page Title</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php include "./page-blocks/menu.php"; ?>
|
||||
|
||||
<h1 class="page-title">Page Title</h1>
|
||||
<div class="page-main-content">
|
||||
|
||||
</div>
|
||||
|
||||
<?php include "./page-blocks/footer.php"; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
12
php/age.php
Normal file
12
php/age.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
|
||||
function getAge($birth_year, $birth_month) {
|
||||
$cur_year = date("Y");
|
||||
$cur_month = date("m");
|
||||
|
||||
if ($birth_month > $cur_month) {
|
||||
return (($cur_year - 1) - $birth_year);
|
||||
} else {
|
||||
return ($cur_year - $birth_year);
|
||||
}
|
||||
}
|
||||
21
projects.php
Normal file
21
projects.php
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php include "./page-blocks/head.php"; ?>
|
||||
<title>Projects</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php include "./page-blocks/menu.php"; ?>
|
||||
|
||||
<h1 class="page-title">Projects</h1>
|
||||
<div class="page-main-content">
|
||||
<p>Sorry, there's nothing here yet</p>
|
||||
</div>
|
||||
|
||||
<?php include "./page-blocks/footer.php"; ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,54 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/main.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>Projects - Fred Boniface</title>
|
||||
</head>
|
||||
<body>
|
||||
<a id="top"></a>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
<h1>Projects</h1>
|
||||
<p>Recently, I have been learning to write code. I have started to learn Python and Javascript at the same time as learning to write HTML and CSS
|
||||
- that's why this website isn't (at least at the time of writing!) very graphically impressive, it's something I'm working on. This website
|
||||
has all been written by hand as HTML, CSS and JS. I've also started exploring Go for some projects.</p>
|
||||
|
||||
<p>All of my projects, including this website can be found at <a href="https://git.fjla.uk/explore">git.fjla.uk</a>.</p>
|
||||
|
||||
|
||||
<p>I'm currently working on things, come back soon.</p>
|
||||
<p>--<br>
|
||||
© Frederick Boniface 2022<br>
|
||||
</p>
|
||||
<a href="#top">Back to top</a>
|
||||
</body>
|
||||
</html>
|
||||
@ -1 +0,0 @@
|
||||
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC4UcekK1y93q7yCmhvthn/lhhQQI3jV8LBzXOac+9tZmGuIzPDhoZ079x4BUihz89NBDNh7hqsIt93AWLNEknTyve4av/oluzcXqA35s845jblaoMKEya+zEcLQeXA8Bd6xaG3MlFQfNhnHthT/8M06aslMhj8ocVLqDjhduv/cLm+HB0boGQKJWEAlO5C1ZaduwHCHgZ+PBiU/JgUm1FYkbioX5UA9EFsACBMtFRgZDrFWJQHs08fYnkTRYGmxi+ncoZRZ6RpYcbF0VtdzZDkKy1a154IMrnfWOXzeyzHJ9DmzkzqvTAVspVRVD4g4/IgErni2e6ck7c4uLFVSEbChbCrnd2TNuPCM51tZtX9JpounAZJh/33kslWUe5XxgKTo+/m32THPcPWkUo0Gg7s51d6bzvwv3gcnfJSsdjT3yDMGKrXYFuBXnlb2b3Adb2VVVUh95Mdq/eMJgZeENQd4lpUxoFLZRYqdCh8fvO+wib6bu96mdaj11DYGkbZQ9M= fred@desktop-fred
|
||||
@ -1,46 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>SSH Keys</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<h1>SSH Keys</h1>
|
||||
<p>I prefer to use GPG/PGP for SSH authentication, but an SSH key is always useful where GPG authentication isn't available.
|
||||
</p>
|
||||
<p>My main workstation's public SSH key can be downloaded
|
||||
<a href="desktop-fred_rsa.pub">here</a>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,41 +0,0 @@
|
||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
4we05c/gZhWndmfXWsSaiRjlRmSYdhEQBQ==
|
||||
=X0nd
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
@ -1,41 +0,0 @@
|
||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
7SF8gZgpqqqBNRfyylJCiwY93qknB07G/Q==
|
||||
=nKqs
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
@ -1 +0,0 @@
|
||||
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC4UcekK1y93q7yCmhvthn/lhhQQI3jV8LBzXOac+9tZmGuIzPDhoZ079x4BUihz89NBDNh7hqsIt93AWLNEknTyve4av/oluzcXqA35s845jblaoMKEya+zEcLQeXA8Bd6xaG3MlFQfNhnHthT/8M06aslMhj8ocVLqDjhduv/cLm+HB0boGQKJWEAlO5C1ZaduwHCHgZ+PBiU/JgUm1FYkbioX5UA9EFsACBMtFRgZDrFWJQHs08fYnkTRYGmxi+ncoZRZ6RpYcbF0VtdzZDkKy1a154IMrnfWOXzeyzHJ9DmzkzqvTAVspVRVD4g4/IgErni2e6ck7c4uLFVSEbChbCrnd2TNuPCM51tZtX9JpounAZJh/33kslWUe5XxgKTo+/m32THPcPWkUo0Gg7s51d6bzvwv3gcnfJSsdjT3yDMGKrXYFuBXnlb2b3Adb2VVVUh95Mdq/eMJgZeENQd4lpUxoFLZRYqdCh8fvO+wib6bu96mdaj11DYGkbZQ9M= fred@desktop-fred
|
||||
@ -1 +0,0 @@
|
||||
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC7d+gbK16JgRhj8RPuXEguHZvWszsFzGrj7KMLVUa7h9qI5xXoOacwT5JpRQuLQ8JkJIi2b74SGrZT3dAc6myvJ4G5wD+CSeKSvTVsNakPKRsGO1st3/7EBr8+eMfmtORXM5ZVNgCHxxn+49+TS8B0ec/5jJtOE5RmAhjVQ8SP/Yn9WzepcpyojR1tPZAZh0fXpgTea2WDl/dsBqYdZlS1Pw+kW6LoG1mjhCCEmxlH1ChEQD0Pi3e0ItA38UcIwdCTFaWqD7IbTm2W4DBqqRTFTGZxgAQPCajyhAynh6XlOo4hO8cHxQQJ0dDbF1Ykxj7zL7CotPNt7169cYZyYAzqum7WOkrSG6KzSt+VTN22X3Mx3LJ+pPzaSl6i2T5MeqaZd1Zxm5FmobIsb8g8IC48VRFUBAPLQDvJN8mntdxKNEbfln81FVSjJgfXIu5/4gfvAcWJkRw1bjVBArgriLKufvsv04s4+RGPZjOhZMvxNjRotmEFI3SX2zKW83D+gCk= fred@desktop-fred
|
||||
@ -1,24 +0,0 @@
|
||||
<div class="navbar" id="navbar">
|
||||
<a class="logo" href="/index.html"><img src="/static-objects/navbar/home.svg" alt="Home" width="26" height="26"></a>
|
||||
<div class="mobile">
|
||||
<a href="/index.html">Home</a>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">Identity ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/identity">⤷ Key Downloads</a>
|
||||
<a href="/identity/about.html">⤷ About PGP</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbutton">FDS ⤵</button>
|
||||
<div class="droplist">
|
||||
<a href="/fds">⤷ About FDS</a>
|
||||
<a href="/fds/ultrasonic">⤷ Ultrasonic</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/projects">Projects</a>
|
||||
<a href="/about.html">About</a>
|
||||
<i>Fred Boniface</i>
|
||||
<a href="javascript:void(0);" class="icon" onclick="hamburger()">☰</a>
|
||||
</div>
|
||||
@ -1,23 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="/css/navbar.css">
|
||||
<script src="/js/navbar.js"></script>
|
||||
<title>TITLE</title>
|
||||
</head>
|
||||
<body>
|
||||
<a id="top"></a>
|
||||
|
||||
<!-- BEGIN NAVBAR -->
|
||||
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<p>I'm currently working on things, come back soon.</p>
|
||||
<p>--<br>
|
||||
© Frederick Boniface 2020<br>
|
||||
</p>
|
||||
<a href="#top">Back to top</a>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user