diff --git a/public/images/branding/csharp/csharp-logo.svg b/public/images/branding/csharp/csharp-logo.svg
new file mode 100644
index 0000000..ddc79cd
--- /dev/null
+++ b/public/images/branding/csharp/csharp-logo.svg
@@ -0,0 +1,32 @@
+
+
+
diff --git a/public/images/branding/discord/discord-logo.svg b/public/images/branding/discord/discord-logo.svg
new file mode 100644
index 0000000..65c9fcc
--- /dev/null
+++ b/public/images/branding/discord/discord-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/branding/google-cloud/google-cloud-logo.svg b/public/images/branding/google-cloud/google-cloud-logo.svg
new file mode 100644
index 0000000..4a232dc
--- /dev/null
+++ b/public/images/branding/google-cloud/google-cloud-logo.svg
@@ -0,0 +1,779 @@
+
+
+
diff --git a/public/images/branding/heroku/heroku-logo.svg b/public/images/branding/heroku/heroku-logo.svg
new file mode 100644
index 0000000..abeabe9
--- /dev/null
+++ b/public/images/branding/heroku/heroku-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/branding/java/java-logo.svg b/public/images/branding/java/java-logo.svg
new file mode 100644
index 0000000..c85098c
--- /dev/null
+++ b/public/images/branding/java/java-logo.svg
@@ -0,0 +1,12 @@
+
+
+
\ No newline at end of file
diff --git a/public/images/branding/monogame/monogame-logo.svg b/public/images/branding/monogame/monogame-logo.svg
new file mode 100644
index 0000000..226a1d2
--- /dev/null
+++ b/public/images/branding/monogame/monogame-logo.svg
@@ -0,0 +1,30 @@
+
+
+
+
\ No newline at end of file
diff --git a/public/images/branding/mysql/mysql-logo.svg b/public/images/branding/mysql/mysql-logo.svg
new file mode 100644
index 0000000..557da75
--- /dev/null
+++ b/public/images/branding/mysql/mysql-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/branding/neto/neto-logo.svg b/public/images/branding/neto/neto-logo.svg
new file mode 100644
index 0000000..fad1b20
--- /dev/null
+++ b/public/images/branding/neto/neto-logo.svg
@@ -0,0 +1,13 @@
+
+
+
\ No newline at end of file
diff --git a/public/images/branding/nodejs/nodejs-logo.svg b/public/images/branding/nodejs/nodejs-logo.svg
new file mode 100644
index 0000000..0b4e0c9
--- /dev/null
+++ b/public/images/branding/nodejs/nodejs-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/branding/opengl/opengl-logo.svg b/public/images/branding/opengl/opengl-logo.svg
new file mode 100644
index 0000000..9acc5f0
--- /dev/null
+++ b/public/images/branding/opengl/opengl-logo.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/public/images/branding/pgsql/pgsql-logo.svg b/public/images/branding/pgsql/pgsql-logo.svg
new file mode 100644
index 0000000..8666f75
--- /dev/null
+++ b/public/images/branding/pgsql/pgsql-logo.svg
@@ -0,0 +1,20 @@
+
+
+
\ No newline at end of file
diff --git a/public/images/branding/php/php-logo.svg b/public/images/branding/php/php-logo.svg
new file mode 100644
index 0000000..e4f137c
--- /dev/null
+++ b/public/images/branding/php/php-logo.svg
@@ -0,0 +1,96 @@
+
+
\ No newline at end of file
diff --git a/public/images/branding/react/react-logo.svg b/public/images/branding/react/react-logo.svg
new file mode 100644
index 0000000..e73b369
--- /dev/null
+++ b/public/images/branding/react/react-logo.svg
@@ -0,0 +1,11 @@
+
+
+
+
\ No newline at end of file
diff --git a/public/images/branding/shopify/shopify_glyph.svg b/public/images/branding/shopify/shopify_glyph.svg
new file mode 100644
index 0000000..7c88138
--- /dev/null
+++ b/public/images/branding/shopify/shopify_glyph.svg
@@ -0,0 +1,23 @@
+
+
+
diff --git a/public/images/branding/shopify/shopify_logo_darkbg.svg b/public/images/branding/shopify/shopify_logo_darkbg.svg
new file mode 100644
index 0000000..92981a3
--- /dev/null
+++ b/public/images/branding/shopify/shopify_logo_darkbg.svg
@@ -0,0 +1,42 @@
+
+
+
+
diff --git a/public/images/branding/shopify/shopify_logo_whitebg.svg b/public/images/branding/shopify/shopify_logo_whitebg.svg
new file mode 100644
index 0000000..481dd48
--- /dev/null
+++ b/public/images/branding/shopify/shopify_logo_whitebg.svg
@@ -0,0 +1,41 @@
+
+
+
+
diff --git a/public/images/branding/twitch/twitch-logo.svg b/public/images/branding/twitch/twitch-logo.svg
new file mode 100644
index 0000000..905e364
--- /dev/null
+++ b/public/images/branding/twitch/twitch-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/branding/twitter/twitter-logo.svg b/public/images/branding/twitter/twitter-logo.svg
new file mode 100644
index 0000000..2832e7b
--- /dev/null
+++ b/public/images/branding/twitter/twitter-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/branding/xna/xna-logo.svg b/public/images/branding/xna/xna-logo.svg
new file mode 100644
index 0000000..4ec040e
--- /dev/null
+++ b/public/images/branding/xna/xna-logo.svg
@@ -0,0 +1,37 @@
+
+
+
\ No newline at end of file
diff --git a/public/images/patterns/asteroids.svg b/public/images/patterns/asteroids.svg
new file mode 100644
index 0000000..5fdf734
--- /dev/null
+++ b/public/images/patterns/asteroids.svg
@@ -0,0 +1,1306 @@
+
+
+
diff --git a/public/images/patterns/cookies.svg b/public/images/patterns/cookies.svg
new file mode 100644
index 0000000..209c1e1
--- /dev/null
+++ b/public/images/patterns/cookies.svg
@@ -0,0 +1,1032 @@
+
+
+
diff --git a/public/images/patterns/game-show.svg b/public/images/patterns/game-show.svg
new file mode 100644
index 0000000..d133106
--- /dev/null
+++ b/public/images/patterns/game-show.svg
@@ -0,0 +1,993 @@
+
+
+
diff --git a/public/images/patterns/rhythm-heaven.svg b/public/images/patterns/rhythm-heaven.svg
new file mode 100644
index 0000000..c3fe705
--- /dev/null
+++ b/public/images/patterns/rhythm-heaven.svg
@@ -0,0 +1,7009 @@
+
+
+
diff --git a/public/language/en-AU.jsx b/public/language/en-AU.jsx
index 401bf72..098ec6d 100644
--- a/public/language/en-AU.jsx
+++ b/public/language/en-AU.jsx
@@ -46,6 +46,9 @@ module.exports = {
);
}
},
+ "platforms": {
+ "heading": "Platforms I work with"
+ },
"admin": {
"heading": "Systems Admin",
"paragraph": () => {
diff --git a/public/page/about/AboutPage.jsx b/public/page/about/AboutPage.jsx
index e2be042..d59d647 100644
--- a/public/page/about/AboutPage.jsx
+++ b/public/page/about/AboutPage.jsx
@@ -24,6 +24,7 @@
import React from 'react';
import { connect } from 'react-redux';
import Language from './../../language/Language';
+import { Link } from 'react-router-dom';
import Page, { PageBoundary } from './../Page';
import Section, { ImageSection, VideoSection, SplitSection, Split } from './../../section/Section';
import FloatingContentBox from './../../content/FloatingContentBox';
@@ -33,7 +34,33 @@ import Video from './../../video/Video';
import { Title, Subtitle, Paragraph, Heading1 } from './../../typography/Typography';
import ElementScrollFader from './../../animation/fade/ElementScrollFader';
+const AboutPageBrand = (props) => {
+ let children;
+ let image = ;
+
+ if(props.to) {
+ children = (
+
+ {image}
+
+ );
+ } else {
+ children = image;
+ }
+
+ return (
+
+
+
+ {children}
+
+
+
+ );
+};
+
const AboutPage = (props) => {
+ //Return
return (
@@ -98,19 +125,151 @@ const AboutPage = (props) => {
+ {/* Platforms */}
+
+
+
+ { Language.get("pages.about.platforms.heading") }
+
+
+
+ {/* Shopify */}
+
+ {/* React */}
+
+
+ {/* MonoGame */}
+
+
+ {/* PGSQL */}
+
+
+
+
+
+
+ {/* NodeJS */}
+
+
+ {/* C# */}
+
+
+ {/* PHP */}
+
+
+ {/* Java */}
+
+
+
+
+
+ {/* neto */}
+
+
+ {/* MySQL */}
+
+
+ {/* Heroku */}
+
+
+ {/* OpenGL */}
+
+
+
+
+ {/* Discord */}
+
+
+ {/* Twitch */}
+
+
+ {/* Twitter */}
+
+
+ ``{/* Google Cloud */}
+
+
+ ... And many more!
+
+
+
{/* Systems Admin */}
-
-
-
-
-
+
+
+
+
+
@@ -127,6 +286,19 @@ const AboutPage = (props) => {
{/* Media */}
+
);
}
diff --git a/public/styles/pages/_about-page.scss b/public/styles/pages/_about-page.scss
index 36f5704..8e059e7 100644
--- a/public/styles/pages/_about-page.scss
+++ b/public/styles/pages/_about-page.scss
@@ -17,6 +17,11 @@
background-image: url('./../images/banners/homepage/palms.svg');
}
+ &-platforms {
+ //background-image: url('./../images/patterns/game-show.svg');
+ background: black;
+ }
+
&-programming {
background-image: url('./../images/patterns/third-dimension-squiggle.svg');
}
@@ -30,4 +35,18 @@
}
}
+
+ &__brand {
+ display: block;
+ > a {display: block;}
+
+ &-image {
+ width: 100%;
+ max-width: 250px;
+ max-height: 200px;
+ display: block;
+ margin: auto;
+ padding: 2em;
+ }
+ }
}