Compare commits
13 Commits
871be3a9af
...
d90ec5b5dd
Author | SHA1 | Date |
---|---|---|
Fred Boniface | d90ec5b5dd | |
Fred Boniface | 35b2bf5331 | |
Fred Boniface | ff5b6832e9 | |
Fred Boniface | 05db97179d | |
Fred Boniface | 1d3f3da2ea | |
Fred Boniface | 4e690ea245 | |
Fred Boniface | eac6234a73 | |
Fred Boniface | 5bc4157097 | |
Fred Boniface | 44c5b93bfd | |
Fred Boniface | 67c5ca6e9b | |
Fred Boniface | a347988874 | |
Fred Boniface | 46ab6e9617 | |
Fred Boniface | e9b56f7ffd |
28
contact.php
|
@ -14,9 +14,31 @@
|
||||||
<div class="page-main-content">
|
<div class="page-main-content">
|
||||||
<a href="/downloads/vcard.vcf" class="download-link">Add me to your contacts</a>
|
<a href="/downloads/vcard.vcf" class="download-link">Add me to your contacts</a>
|
||||||
<h2>Find me elsewhere</h2>
|
<h2>Find me elsewhere</h2>
|
||||||
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener">Facebook</a>
|
<div class="social-links">
|
||||||
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">GitHub</a>
|
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener">
|
||||||
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">500px</a>
|
<picture>
|
||||||
|
<source media="(max-width: 600px)" srcset="/images/social-icons/fb_blue_58.png" type="image/png">
|
||||||
|
<source srcset="/images/social-icons/fb_blue_144.png" type="image/png">
|
||||||
|
<img src="/images/social-icons/fb_blue_144.png" alt="Facebook Logo">
|
||||||
|
</picture>
|
||||||
|
</a>
|
||||||
|
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
|
||||||
|
<picture>
|
||||||
|
<source media="(max-width: 400px)" srcset="/images/social-icons/gh_white_64.png" type="image/png">
|
||||||
|
<img src="/images/social-icons/gh_white_120.png" alt="GitHub Logo">
|
||||||
|
</picture>
|
||||||
|
</a>
|
||||||
|
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
|
||||||
|
<picture>
|
||||||
|
<source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
|
||||||
|
<source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
|
||||||
|
<source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.png" type="image/png">
|
||||||
|
<source srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
|
||||||
|
<source srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
|
||||||
|
<img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
|
||||||
|
</picture>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -16,6 +16,7 @@ body {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-image img {
|
.title-image img {
|
||||||
|
@ -39,14 +40,22 @@ body {
|
||||||
padding-top: 45px;
|
padding-top: 45px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-link {
|
.social-links img {
|
||||||
background-color: #444444;
|
max-width: 58px;
|
||||||
color: #f1f1f1;
|
padding: 10px;
|
||||||
border: 0px;
|
}
|
||||||
|
|
||||||
|
a.download-link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #242121;
|
||||||
|
background-color: #d1caca;
|
||||||
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
background-color: rgb(61, 61, 61);
|
background-color: rgb(61, 61, 61);
|
||||||
color: #eeeeee;
|
color: #eeeeee;
|
||||||
|
@ -146,4 +155,7 @@ footer {
|
||||||
/*Provice space for top menu*/
|
/*Provice space for top menu*/
|
||||||
.page-title {padding-top: 100px}
|
.page-title {padding-top: 100px}
|
||||||
|
|
||||||
|
/*Increase social link image size*/
|
||||||
|
.social-links img {max-width: 75px;}
|
||||||
|
|
||||||
}
|
}
|
|
@ -10,6 +10,9 @@
|
||||||
<h1 class="page-title">Access Denied</h1>
|
<h1 class="page-title">Access Denied</h1>
|
||||||
<div class="title-image">
|
<div class="title-image">
|
||||||
<picture>
|
<picture>
|
||||||
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.jxl" type="image/jxl">
|
||||||
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.webp" type="image/webp">
|
||||||
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.png" type="image/png">
|
||||||
<source srcset="/images/error-pages/denied.jxl" type="image/jxl">
|
<source srcset="/images/error-pages/denied.jxl" type="image/jxl">
|
||||||
<source srcset="/images/error-pages/denied.webp" type="image/webp">
|
<source srcset="/images/error-pages/denied.webp" type="image/webp">
|
||||||
<img src="/images/error-pages/denied.png" alt="Denied">
|
<img src="/images/error-pages/denied.png" alt="Denied">
|
||||||
|
|
|
@ -10,6 +10,9 @@
|
||||||
<h1 class="page-title">Not Found</h1>
|
<h1 class="page-title">Not Found</h1>
|
||||||
<div class="title-image">
|
<div class="title-image">
|
||||||
<picture>
|
<picture>
|
||||||
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.jxl" type="image/jxl">
|
||||||
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.webp" type="image/webp">
|
||||||
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.png" type="image/png">
|
||||||
<source srcset="/images/error-pages/not-found.jxl" type="image/jxl">
|
<source srcset="/images/error-pages/not-found.jxl" type="image/jxl">
|
||||||
<source srcset="/images/error-pages/not-found.webp" type="image/webp">
|
<source srcset="/images/error-pages/not-found.webp" type="image/webp">
|
||||||
<img src="/images/error-pages/not-found.png" alt="Not Found">
|
<img src="/images/error-pages/not-found.png" alt="Not Found">
|
||||||
|
|
|
@ -13,9 +13,12 @@
|
||||||
<h1 class="page-title">Server Error</h1>
|
<h1 class="page-title">Server Error</h1>
|
||||||
<div class="title-image">
|
<div class="title-image">
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="/images/error-pages/denied.jxl">
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.jxl" type="image/jxl">
|
||||||
<source srcset="/images/error-pages/denied.webp">
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.webp" type="image/webp">
|
||||||
<img src="/images/error-pages/denied.png" alt="Server Error">
|
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.png" type="image/png">
|
||||||
|
<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>
|
</picture>
|
||||||
</div>
|
</div>
|
||||||
<div class="page-main-content">
|
<div class="page-main-content">
|
||||||
|
|
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 7.3 KiB |
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="26" height="26" viewBox="0 0 24 24">
|
|
||||||
<path fill="#ffffda" d="M19.07,4.93C17.22,3 14.66,1.96 12,2C9.34,1.96 6.79,3 4.94,4.93C3,6.78 1.96,9.34 2,12C1.96,14.66 3,17.21 4.93,19.06C6.78,21 9.34,22.04 12,22C14.66,22.04 17.21,21 19.06,19.07C21,17.22 22.04,14.66 22,12C22.04,9.34 21,6.78 19.07,4.93M17,12V18H13.5V13H10.5V18H7V12H5L12,5L19.5,12H17Z" />
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 602 B |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 5.5 KiB |
After Width: | Height: | Size: 9.5 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 2.3 KiB |