diff --git a/public/assets/images/work-showcase/cocksox.png b/public/assets/images/work-showcase/cocksox.png
new file mode 100644
index 0000000..aa6e19d
Binary files /dev/null and b/public/assets/images/work-showcase/cocksox.png differ
diff --git a/public/language/en-AU.jsx b/public/language/en-AU.jsx
index 1414c23..224e4e8 100644
--- a/public/language/en-AU.jsx
+++ b/public/language/en-AU.jsx
@@ -122,6 +122,26 @@ export default {
             </Fragment>
           ); }
         },
+        "cocksox": {
+          "heading": "Cocksox",
+          "description": () => { return (
+            <Fragment>
+              <p>
+                Cocksox is a male fashion focused underwear company, with a sexy
+                product requiring an equally sexy site to boast its pride.
+              </p>
+              <p>
+                Requiring a strong and versitile mobile browsing experience, as
+                well as many fast and easy to use filtering systems to help
+                search through their range to find the perfect fit for each pair
+                of underpants. I built on Shopify while working at
+                <a target="_blank" href="//processcreative.com.au">
+                  Process Creative
+                </a>
+              </p>
+            </Fragment>
+          ); }
+        },
         "ozhair": {
           "heading": "Oz Hair & Beauty",
           "description": () => { return ( <Fragment>
diff --git a/public/pages/home/sections/ExistingWorkSection.jsx b/public/pages/home/sections/ExistingWorkSection.jsx
index 1f4d6b1..56b2839 100644
--- a/public/pages/home/sections/ExistingWorkSection.jsx
+++ b/public/pages/home/sections/ExistingWorkSection.jsx
@@ -40,32 +40,35 @@ import Window95, {
 } from '@objects/window/Window95';
 
 const ExistingWorkFrame = (props) => {
-  let fakeURL = props.href;
-  if(!fakeURL.startsWith("http") && typeof window !== typeof undefined) {
-    fakeURL = window.location.protocol + fakeURL;
-  }
+  let {
+    fakeURL, href, title, src, fromRight, fromLeft, description, swap,
+  } = props;
+
+  fakeURL = fakeURL || href;
+
+  if(!fakeURL.startsWith("http")) fakeURL = window.location.protocol+fakeURL;
 
   let fakeWindow = (
-    <ElementScrollFader from={props.fromLeft}>
+    <ElementScrollFader from={swap?fromRight:fromLeft}>
       <Window95>
         <TitleBar buttons={[
           <Minimize key="Minimize" disabled />,
           <Close key="close" disabled />
         ]}>
-          { props.title }
+          { title }
         </TitleBar>
 
         <MenuBar>
           <MenuOption title="File" disabled />
-          <MenuOption title="Visit Page" href={ props.href } target="_blank" />
+          <MenuOption title="Visit Page" href={ href } target="_blank" />
         </MenuBar>
 
         <AddressBar href={fakeURL} />
         <Frame>
-          <a href={ props.href} target="_blank" className="p-home-page__work-link">
+          <a href={ href} target="_blank" className="p-home-page__work-link">
             <Image
-              src={props.src}
-              alt={props.title}
+              src={ src }
+              alt={ title }
               loadable
               className="p-home-page__work-link-image"
               maxWidth="600"
@@ -77,10 +80,10 @@ const ExistingWorkFrame = (props) => {
   );
 
   let box = (
-    <ElementScrollFader from={ props.fromRight } test={ props.test }>
+    <ElementScrollFader from={swap?fromLeft:fromRight }>
       <ContentBox box>
-        <Heading2>{ props.title }</Heading2>
-        { props.description }
+        <Heading2>{ title }</Heading2>
+        { description }
       </ContentBox>
     </ElementScrollFader>
   );
@@ -96,20 +99,15 @@ const ExistingWorkFrame = (props) => {
 
   return (
     <SplitSection align="center">
-      <Split padded>
-        { left }
-      </Split>
-
-      <Split padded>
-        { right }
-      </Split>
+      <Split padded children={left} />
+      <Split padded children={ right } />
     </SplitSection>
   );
 };
 
 
 
-export default (props) => {
+export default props => {
   return (
     <ImageSection
       className="p-home-page__promo p-home-page__promo-work"
@@ -156,12 +154,22 @@ export default (props) => {
           description={ Language.get("pages.home.work.smai.description") }
         />
 
-      {/* Oz Hair and Beauty */}
+        {/* Cocksox */}
+        <ExistingWorkFrame
+          href="//www.cocksox.com/"
+          fromLeft="bottom"
+          fromRight="top"
+          src={ require('@assets/images/work-showcase/cocksox.png') }
+          title={ Language.get("pages.home.work.cocksox.heading") }
+          description={ Language.get("pages.home.work.cocksox.description") }
+        />
+
+        {/* Oz Hair and Beauty */}
         <ExistingWorkFrame
           href="//www.ozhairandbeauty.com/"
           fromLeft="left"
           fromRight="left"
-
+          swap
           src={ require('@assets/images/work-showcase/ozhair.png') }
           title={ Language.get("pages.home.work.ozhair.heading") }
           description={ Language.get("pages.home.work.ozhair.description") }