diff --git a/src/.buildinfo.json b/src/.buildinfo.json index f4af9fd..32d46a0 100755 --- a/src/.buildinfo.json +++ b/src/.buildinfo.json @@ -1,6 +1,6 @@ { "tag": "jc-ng-localtest:", - "date": "2025-07-19", - "host": "jake-e580", + "date": "2025-07-21", + "host": "jake-pc", "user": "jake" } diff --git a/src/static/images/OCIF2023CA.png b/src/static/images/certs/OCIF2023CA.png similarity index 100% rename from src/static/images/OCIF2023CA.png rename to src/static/images/certs/OCIF2023CA.png diff --git a/src/static/images/technology/ansible.png b/src/static/images/technology/ansible.png new file mode 100755 index 0000000..9bda31c --- /dev/null +++ b/src/static/images/technology/ansible.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3e31bc5ca54d1591c2c43bdc8f2cccb4a54e0942b1e6a681eaaf41667e7a3d94 +size 38187 diff --git a/src/static/images/technology/aws.png b/src/static/images/technology/aws.png new file mode 100755 index 0000000..7428be9 --- /dev/null +++ b/src/static/images/technology/aws.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fe2c7d902afd5c3ff7935136b8b418007caa4aa01b5ff5b95773e973bba565a2 +size 22960 diff --git a/src/static/images/technology/azure.png b/src/static/images/technology/azure.png new file mode 100755 index 0000000..4f9cb1b --- /dev/null +++ b/src/static/images/technology/azure.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:52e5765d8835cf6b86c84add052ed0db2c638a36c24b4655561bc69fc812c4e1 +size 24152 diff --git a/src/static/images/technology/csharp.png b/src/static/images/technology/csharp.png new file mode 100755 index 0000000..0f34d5d --- /dev/null +++ b/src/static/images/technology/csharp.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:520c962d7c5a27aab760a5ad717ba07d8c6e1eb3d145e6feacc4857485e8fe92 +size 22629 diff --git a/src/static/images/technology/debian.png b/src/static/images/technology/debian.png new file mode 100755 index 0000000..19ae24e --- /dev/null +++ b/src/static/images/technology/debian.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ba6b3ea35f679e05a457a3a82c0087dfab725c04e7895f320c6b96714277e238 +size 25250 diff --git a/src/static/images/technology/digitalocean.png b/src/static/images/technology/digitalocean.png new file mode 100755 index 0000000..b469a63 --- /dev/null +++ b/src/static/images/technology/digitalocean.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fead02597e3d0af08d0638181e2811ba217e9bd34af20adce911e0b72dbf3e5b +size 43515 diff --git a/src/static/images/technology/docker.png b/src/static/images/technology/docker.png new file mode 100755 index 0000000..fe0f353 --- /dev/null +++ b/src/static/images/technology/docker.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:512543b56384befcc50761c9a41dcdf66b9887b1ebc1a0473cd0463c3161bb12 +size 63380 diff --git a/src/static/images/technology/freeipa.png b/src/static/images/technology/freeipa.png new file mode 100755 index 0000000..46f6e4f --- /dev/null +++ b/src/static/images/technology/freeipa.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:dd4f3b57c58ce96de9de9cc670aee3383cdac3fb5068b0c5179b404405f036bc +size 14654 diff --git a/src/static/images/technology/gcloud.png b/src/static/images/technology/gcloud.png new file mode 100755 index 0000000..ad811d2 --- /dev/null +++ b/src/static/images/technology/gcloud.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f2e028480ccf35cb9083882a2860f811bcb255aa93968e7b2b9b16bb50827ae8 +size 22214 diff --git a/src/static/images/technology/git.png b/src/static/images/technology/git.png new file mode 100755 index 0000000..aad02ba --- /dev/null +++ b/src/static/images/technology/git.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:89e4dea93f1e37357f6bcd425757974f7ee3f8eabb085630c2e78d80b577c3f6 +size 11234 diff --git a/src/static/images/technology/grafana.png b/src/static/images/technology/grafana.png new file mode 100755 index 0000000..cc16a03 --- /dev/null +++ b/src/static/images/technology/grafana.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:df234de0d2075e9c1471d7e23365b5ace551f8805220b0ea55ccbf00f7c26e24 +size 78586 diff --git a/src/static/images/technology/hadoop.svg b/src/static/images/technology/hadoop.svg new file mode 100755 index 0000000..c2301e6 --- /dev/null +++ b/src/static/images/technology/hadoop.svg @@ -0,0 +1 @@ + diff --git a/src/static/images/technology/hive.svg b/src/static/images/technology/hive.svg new file mode 100755 index 0000000..031ad38 --- /dev/null +++ b/src/static/images/technology/hive.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/static/images/technology/java.png b/src/static/images/technology/java.png new file mode 100755 index 0000000..e88f5f5 --- /dev/null +++ b/src/static/images/technology/java.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:4b44379f9e3aba311456e47c2331886b92cf5d31dc86980a7879b271a0cbcaf1 +size 32569 diff --git a/src/static/images/technology/jenkins.png b/src/static/images/technology/jenkins.png new file mode 100755 index 0000000..aa58cf2 --- /dev/null +++ b/src/static/images/technology/jenkins.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:59fc19cd0292fe012f62c67521ac607f983feac4c32795bf7a84447792143d7b +size 21282 diff --git a/src/static/images/technology/mariadb.png b/src/static/images/technology/mariadb.png new file mode 100755 index 0000000..ff882e3 --- /dev/null +++ b/src/static/images/technology/mariadb.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e5957b0ef60d73aa845f628926287197c018887c75da3dfcc9aa2ee02496bf58 +size 31033 diff --git a/src/static/images/technology/nginx.svg b/src/static/images/technology/nginx.svg new file mode 100755 index 0000000..27062a8 --- /dev/null +++ b/src/static/images/technology/nginx.svg @@ -0,0 +1,2 @@ + +file_type_nginx \ No newline at end of file diff --git a/src/static/images/technology/proxmox.png b/src/static/images/technology/proxmox.png new file mode 100755 index 0000000..5467c9c --- /dev/null +++ b/src/static/images/technology/proxmox.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:83d4e4132282e93def0c00a8895f3ec8a1540c5bdb00354be2129af178b3bc17 +size 13246 diff --git a/src/static/images/technology/python.png b/src/static/images/technology/python.png new file mode 100755 index 0000000..ba6197e --- /dev/null +++ b/src/static/images/technology/python.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9c2f1f4e379d55679e3852468a650b4fbe0b56d645e98e2fa777275aa4042e69 +size 18884 diff --git a/src/static/images/technology/redhat.png b/src/static/images/technology/redhat.png new file mode 100755 index 0000000..128d9cd --- /dev/null +++ b/src/static/images/technology/redhat.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2d75537fab8f1d709a49b9d00d7ffbe136f938075a6c93628ff3774829ab20f9 +size 16787 diff --git a/src/static/images/technology/rocky.png b/src/static/images/technology/rocky.png new file mode 100755 index 0000000..0ba50c3 --- /dev/null +++ b/src/static/images/technology/rocky.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e3b7025a9b50d2f27231a05de4a23a530cddffa75a49eb7a08de39f1699a1585 +size 25243 diff --git a/src/static/images/technology/svn.svg b/src/static/images/technology/svn.svg new file mode 100755 index 0000000..fa0ab13 --- /dev/null +++ b/src/static/images/technology/svn.svg @@ -0,0 +1,3 @@ + +Apache Subversion logoimage/svg+xmlMaster slide + diff --git a/src/static/style/desktop.css b/src/static/style/desktop.css index b8754e7..5ce80a2 100755 --- a/src/static/style/desktop.css +++ b/src/static/style/desktop.css @@ -1,7 +1,7 @@ @media (min-width: 1000px) { #technology{ background-position-x: 35vw; - height: 75vh; + height: fit-content; min-height: 75vh; } @@ -9,14 +9,16 @@ background-position-y: -180px; background-position-x: -200px; background-size: auto; + height: fit-content; min-height: 75vh; - height: 75vh; } .text{ width: 50%; height: 100%; align-items: flex-start; + height: fit-content; + min-height: 75vh } .text-right{ @@ -29,6 +31,13 @@ margin-right: auto; } + .gradient { + display: flex; + align-items: flex-end; + background-image: linear-gradient(to top, rgba(23, 22, 20, 1) 70%, rgba(23, 22, 20, 0)); + min-height: 75vh; + } + .gradient-left{ background-image: linear-gradient(to right, rgba(23, 22, 20, 1), rgba(23, 22, 20, 1), rgba(23, 22, 20, 0)); } @@ -71,4 +80,16 @@ #certs>a { max-width: 15%; } + + #techlogos { + max-height: 40%; + } + + #techlogos>a{ + max-width: 5%; + } + + .spacer { + display: none; + } } \ No newline at end of file diff --git a/src/static/style/mobile.css b/src/static/style/mobile.css index 0a548f7..c61b6c3 100755 --- a/src/static/style/mobile.css +++ b/src/static/style/mobile.css @@ -48,33 +48,32 @@ footer h2, section h2{ #technology{ background-image: url(../images/njr-code.png); - height: 100vh; + height: fit-content; margin: 0; background-position: center; background-position-x: -400px; + background-position-y: 400px; } #motorsport{ background-image: url(../images/topfuel_startline.jpg.jpeg); - height: 100vh; + height: fit-content; margin: 0; background-position: center; background-position-x: -65px; - background-position-y: -90px; + background-position-y: -100px; background-size: 200%; } .gradient{ width: 100%; - height: 100%; - background-image: linear-gradient(to top, rgba(23, 22, 20, 1) 70%, rgba(23, 22, 20, 0)); - display: flex; - align-items: flex-end; + height: fit-content; } .text{ - height: 70%; + height: fit-content; width: 100%; + background-color: rgba(23, 22, 20, 1); } .text>div{ @@ -227,7 +226,7 @@ pre{ display: flex; flex-direction: row; justify-content: center; - padding-top: 20px; + padding: 20px 0; } #certs>a { @@ -236,4 +235,27 @@ pre{ #certs>a>img { width: 100%; +} + +#techlogos { + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; + max-height:30%; +} + +#techlogos>a { + max-width: 10%; + padding: 10px; +} + +#techlogos>a>img { + width: 100%; +} + +.spacer { + height: 30vh; + width: 100%; + background-image: linear-gradient(to top, rgba(23, 22, 20, 1) 10%, rgba(23, 22, 20, 0)); } \ No newline at end of file diff --git a/src/templates/index.html b/src/templates/index.html index 3cd6670..80db268 100755 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -2,31 +2,57 @@
+

Technology

-

Working with technology is my day job, I currently specialise in:

-
    -
  • Linux (primarily RHEL & Debian based)
    • -
  • SCM with Git and Subversion
    • -
  • Big Data (Hadoop & Cloud storage)
    • -
  • Programming (Python, Bash & C#)
    • -
-

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 GitHub.

+

Technology is my day job. I design and build distributed systems for large companies around the world.

+

+ I also work with technology in my spare time, building systems for Nitro Junkie, and for me to use personally. For example, the current iteration of this website is written in Python and deployed via a Jenkins pipeline to Google Cloud Run as a Docker container. +

+

+ Below are some of the technologies I'm using most at the moment. + My personal projects can also be found over on the projects page. Be aware though that if I'm able to write about a project here, it most likely wasn't done professionally so some may be a little rough around the edges. +

+
+ + + + + + + + + + + + + + + + + + + + + + +
+
+ +
-
- -
+

Racing