Customizing design of About Page, standardizing old W95 styles

public/components/pages/AboutPage.jsx

@@ -12,12 +12,14 @@
 import React from 'react';
 
 import Page from './../Page';
-import Poly from './../sections/Poly';
+import BlankPromo from './../sections/BlankPromo';
 import BodySection from './../sections/BodySection';
 import SplitSection from './../sections/SplitSection';
 import { connect } from 'react-redux';
 import Language from './../../language/Language';
 
+import Window95 from './../w95/Window95';
+
 import domsHead from './../../images/profile.png';
 
 const ProgrammingBox = function(props) {
@@ -40,8 +42,8 @@ class AboutPage extends React.Component {
 
   render() {
     return (
-      <Page>
-        <Poly />
+      <Page className="c-page--style-about">
+        <BlankPromo />
 
         <SplitSection
           leftClass="c-page--style-about__profile-container"
@@ -49,8 +51,26 @@ class AboutPage extends React.Component {
 
           right={ <p>{Language.get("about.descriptions.welcome")}</p> }
           rightClass="c-page--style-about__blurb"
+          full
         />
 
+
+        <SplitSection
+          leftClass="c-page--style-about__window-container"
+          left={
+            <Window95 menu={[]} title={Language.get("about.titles.me")} className="c-page--style-about__window">
+              <div className="c-text-field c-page--style-about__window-text">
+                { Language.get("about.descriptions.me") }
+              </div>
+            </Window95>
+          }
+
+          rightClass="c-page--style-about__window-container"
+          right={ <div></div> }
+          full
+        />
+
+
         <BodySection>
           <h1>{Language.get("about.titles.me")}</h1>
           <p>

public/components/sections/SplitSection.jsx

@@ -29,8 +29,9 @@ class SplitSection extends React.Component {
   }
 
   render() {
+
     return (
-      <Section section="split">
+      <Section section="split" full={this.props.full ? true : false}>
         <SplitSectionSection className={this.props.leftClass}>
           {this.props.left}
         </SplitSectionSection>

public/components/w95/Window95.jsx

@@ -52,13 +52,13 @@ class Window95 extends Component {
       menu = <ContextMenu menu={this.state.menu} />;
     }
 
-    let clss = "window ";
+    let clss = "c-window ";
     if(this.props.className) clss += this.props.className;
 
     return (
       <div className={clss}>
         <div className="load_me_stuff"></div>
-        <div className="title">
+        <div className="c-title-bar">
           {this.state.title}
           <div className="buttons">
             {btns}