View this page in:
Pure HTML /
Modern HTML + CSS /
Modern HTML + CSS + JS
Fin is cool.
This website is a collection of projects by Finbar. They cover many different topics, from AI to artwork.
The site is a little light on content at the moment, but more will be added soon™.
You are viewing the pure HTML version of the site.
The structure of the page utilises outdated HTML elements, such as <center> and <blockquote>, and contains no CSS or JavaScript.
This is intentional, as this version of the site aims to emulate how these elements were used in the past and demonstrate an understanding of the fundamentals of HTML.
Some inspiration for this version of the site was taken from Bjarne Stroustrup's website, Ted Nelson's Xanadu, and the W3C's history page.
These sites are examples of how the web looked in the past, and how it has evolved over time.
This page is a novel experiment in web design, and I hope you enjoy it. For a more modern experience, please visit the other versions of the site.
Projects
McDade Painting
A hand-made website for McDade Painting, a father-son painting company operating in Canberra and Sydney.
The site is built with HTML, CSS, and JavaScript, and is hosted using Netlify building from a GitHub repository.
This was a great learning experience for me, as it was my first time building a website for a client in a professional capacity.
The site utilises modern web design principles, such as responsive design and accessibility, to ensure that it is usable on a wide range of devices.
Sideseam Sewing
Sideseam is a sewing studio in Canberra, Australia, that offers sewing classes and workshops.
The site is built with HTML, CSS, and JavaScript, and is hosted using Netlify building from a GitHub repository.
A strong emphasis was placed on the design of the site, as it needed to reflect the creative and welcoming atmosphere of the studio.
I used Figma to work with the client to design the site, and then built it from scratch using HTML, CSS, and JavaScript.
This workflow allowed for a high degree of customisation and control over the final product without having to rewrite large sections of code.
The site is intended to be used not only to promote the business, but also to enable clients to book classes and workshops online.
I used the Shopify Buy Button API to display and manage classes and implement a secure checkout system.
This allows the client to manage their classes and workshops through Shopify, and have the changes reflected on the site in real-time.
Learning to work with the Shopify API was a challenging but rewarding experience, and I am proud of the final product.
It also allows me to provide a more complete service to clients, as I can now offer e-commerce solutions as well as web design.
ThreeJS FPS
A work-in-progress first person game using ThreeJS as the graphics engine and CannonJS as the physics library.
Only for desktop at the moment, and can be quite demanding on your hardware.
This was a great way to learn more about 3D graphics, simulated physics, and game development in general. I will continue to develop it in the future.
aIMG
Use DALLE to generate images from text, or input an image to have it described by AI.
L00T
Create "L00T" - a unique, trading card type collectible - by inputting text.
This version of L00T is currently non-functional and is a work-in-progress.
It has been rewritten to use ThreeJS for 3D graphics and is currently being developed.
More to come... Soon...