diff --git a/public/images/patterns/florida.svg b/public/images/patterns/florida.svg new file mode 100644 index 0000000..04eaf16 --- /dev/null +++ b/public/images/patterns/florida.svg @@ -0,0 +1,1197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/patterns/lemon-triangle.svg b/public/images/patterns/lemon-triangle.svg new file mode 100644 index 0000000..c93e6fa --- /dev/null +++ b/public/images/patterns/lemon-triangle.svg @@ -0,0 +1,1308 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/language/en-AU.jsx b/public/language/en-AU.jsx index af96578..401bf72 100644 --- a/public/language/en-AU.jsx +++ b/public/language/en-AU.jsx @@ -26,6 +26,37 @@ module.exports = { "video": { "heading": "Learn about me", "paragraph": "Watch this short video about me, made by.. me!" + }, + "programming": { + "heading": "Programmer", + "paragraph": () => { + return ( +

+ I am a programmer, it's my job, as well as my passion. I have been + doing programming in some form for as long as I can remember, and + continue to learn and enhance my knowledge in the field. +

+

+ With over { new Date().getFullYear() - 2004 } years of experience, + and countless lines of code written, there isn't much I can't + develop. Whether you're looking to build a web project, create a + game engine, convert data from one format to another, or maintain + an old legacy system, I can do it all. +

+ ); + } + }, + "admin": { + "heading": "Systems Admin", + "paragraph": () => { + return ( +

+ Beyond programming knowledge, I also have extensive knowledge in + the field of systems administration, and while a little outdated, + I can still solve most systems issues. +

+ ); + } } }, diff --git a/public/page/about/AboutPage.jsx b/public/page/about/AboutPage.jsx index dab6968..e2be042 100644 --- a/public/page/about/AboutPage.jsx +++ b/public/page/about/AboutPage.jsx @@ -51,9 +51,10 @@ const AboutPage = (props) => { { /* Promo Video */ } -
+
+ + @@ -76,9 +77,56 @@ const AboutPage = (props) => { +
+ + {/* Programming */} +
+ + + + + { Language.get("pages.about.programming.heading") } + + + { Language.get("pages.about.programming.paragraph") } + + + + +
+ + {/* Systems Admin */} +
+ + + + + + + + + + + + { Language.get("pages.about.admin.heading") } + + { Language.get("pages.about.admin.paragraph") } + + + + + +
+ + {/* Media */} ); } diff --git a/public/styles/pages/_about-page.scss b/public/styles/pages/_about-page.scss index 04d2308..36f5704 100644 --- a/public/styles/pages/_about-page.scss +++ b/public/styles/pages/_about-page.scss @@ -8,10 +8,26 @@ * 1.0.0 - 2018/06/06 */ .p-about-page { + &__promo { + padding: 6em 0; + background-size: 50%; - &__promo-video { - padding: 5em 0; - background-image: url('./../images/banners/homepage/palms.svg'); - background-size: cover; + &-video { + background-size: cover; + background-image: url('./../images/banners/homepage/palms.svg'); + } + + &-programming { + background-image: url('./../images/patterns/third-dimension-squiggle.svg'); + } + + + &-admin { + background-image: url('./../images/patterns/lemon-triangle.svg'); + } + + &-media { + + } } }