Ada-C6 · sckirk · Sep 16, 2016 · Sep 16, 2016 · Sep 16, 2016 · Sep 23, 2016
diff --git a/about.html b/about.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title></title>
+        <link rel="stylesheet" href="styles/styles.css" media="screen" title="no title">
+    </head>
+    <body>
+        <header class="subpage">
+            <h1 class="subpage_focus">SUZANNAH</h1>
+            <h1 class="subpage">KIRK-DALIGCON</h1>
+        </header>
+
+        <div>
+            <h2>about...</h2>
+            <p>Pommy ipsum 10 pence mix have a gander corgi completely crackers atrocious, you 'avin a laugh bobby put me soaps back on challenge you to a duel ey up duck, bargain Betty completely crackers owt cobbles getting on my wick. It's me peepers stiff upper lip off t'shop Prince Charles ridiculous owt shortbread cheerio, houlligan lad 'ar kid blighty Dalek. Gob marmite nuthouse posh nosh bits 'n bobs flog a dead horse, codswallop not some sort of dosshouse ever so bit of alright, it's me peepers fish fingers and custard have a butcher's at this ey up chuck. See a man about a dog flog a dead horse lug hole manky, gob pezzy little. </p>
+
+            <p>Treacle oo ecky thump flabbergasted they can sod off bottled it cockney devonshire cream tea conked him one on the nose, goggledegook pulled a right corker done up like a kipper naff off dignified fish fingers and custard bogroll spiffing, got his end away jolly good have a kip nosh nicked scally. River Song bit of alright completely starkers flip flops bloody mary blimey, bloody mary cotton on bloody mary. Bent as a nine bob note pulled out the eating irons cornish pasty morris dancers, lost her marbles. The old bill smeg marmite, well chuffed. Have a butcher's at this muck about chips her Majesty's pleasure daft cow Victoria sponge cake a week on Sunday Dr. Watson laughing gear eton mess Victoria sponge cake, complete mare flog conked him one on the nose tally-ho lug hole up at the crack of dawn gobsmacked one feels that. </p>
+
+            <p>Who brought loaf 221B Baker Street her Majesty's pleasure posh nosh nosh full English breakast teacakes mince pies, gallivanting around chippy bow ties are cool flog a dead horse rather how's your father jolly, her Majesty's pleasure up the duff double dutch complete mare terribly proper. And thus munta bull dog spam fritters got a lot of brass curtain twitching, houlligan absobloodylootely absolute twoddle marvelous queer as a clockwork orange Prince Charles, bobby alright duck numbskull rumpy pumpy. Moriarty Geordie it's just not cricket, is she 'avin a laugh. </p>
+        </div>
+
+        <nav>
+            <h3 class="circle"><a href="index.html">home</a></h3>
+            <h3 class="circle"><a href="about.html">about</a></h3>
+            <h3 class="circle"><a href="portfolio.html">portfolio</a></h3>
+            <h3 class="circle"><a href="code_journal.html">journal</a></h3>
+        </nav>
+        <footer>
+            <h6>Copyright (c) 2016 Copyright Holder All Rights Reserved.</h6>
+        </footer>
+    </body>
+</html>
diff --git a/code_journal.html b/code_journal.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title></title>
+        <link rel="stylesheet" href="styles/styles.css" media="screen" title="no title">
+    </head>
+    <body>
+        <header class="subpage">
+            <h1 class="subpage_focus">SUZANNAH</h1>
+            <h1 class="subpage">KIRK-DALIGCON</h1>
+        </header>
+
+        <div>
+            <h2>journal...</h2>
+            <h4>2016.03.23 - Phase 1 - Ada Application</h4>
+            <img class="right" src="images/eucalyptus.jpg" alt="eucalyptus rainbow trunk"/>
+            <p>Pommy ipsum gravy cheese and chips put me soaps back on roast beef oo ecky thump jolly good smeg one off, skive make a brew chaps fried toast oopsy-daisies have a butcher's at this. A right toff pot noodle flabbergasted big light cobbles have a gander lost her marbles, ridiculous put me soaps back on made a pig's ear of it got his end away alright geezer. </p>
+            <p>Grab a jumper cup of tea Bad Wolf pie-eyed damn a tenner, a right royal knees up collywobbles Bad Wolf bobby picalilly, done up like a kipper bag egg's old boy pezzy little mince pies. One feels that picalilly Dr. Watson how's your father bread and butter pudding what a mug a bit miffed, cockney done up like a kipper up at the crack of dawn down the village green Kate and Will pork scratchings ridiculous, bloody shambles Queen Elizabeth doofer a fiver sod's law. </p>
+            <h4>2016.04.25 - Phase 2 - Ada Application</h4>
+            <img class="left" src="images/treetops.jpg" alt="treetops"/>
+            <p>On't goggle box on the pull smeg head bobby therewith bloody mary morris dancers, smeg head cobbles gosh it's nicked jolly hockey sticks, the fuzz bossy britches ever so lovely bloke meat and two veg. The lakes supper sweets bloody mary pot noodle Kate and Will for sooth 10 pence mix goggledegook football rubbish marvelous, throw a paddy off the hook know your onions on his bill manky fish and chips double dutch oopsy-daisies on a stag do apple and pears. </p>
+            <p>Getting on my wick loo pie-eyed you mean it ain't me noggin' Dalek, doofer lass knackered atrocious spiffing, a cuppa big light absobloodylootely. Know your onions marmite round our gaff gob chap cockney cottage pie oopsy-daisies scally knows bugger all about nowt challenge you to a duel, fork out chav tad 10 pence mix lost the plot getting on my wick a tenner atrocious. </p>
+            <p>By 'eck love 'ar kid oo ecky thump bits 'n bobs tip-top pezzy little wellies, smeg head brainbox alright duck complete mare.  </p>
+            <h4>2016.04.29 - Phase 3 - Ada Application</h4>
+            <img class="right" src="images/goats_tree.jpg" alt="goats in a tree"/>
+            <p>Bow ties are cool that's ace picalilly morris dancers on his bill pigeons in Trafalgar Square doolally, driving a mini jolly tosser terribly. </p>
+            <p> Wibbly-wobbly timey-wimey stuff tallywhacker roast beef rather at the boozer alright geezer completely crackers golly gosh numbskull off the hook, marvelous sorted it a tenner cotton on a fiver on the beat chin up nose rag, gosh Kate and Will could be a bit of a git mush up the duff god save the queen full English breakast pie-eyed. </p>
+            <h4>2016.05.03 - Ada Acceptance</h4>
+            <img class="left" src="images/wow_tree.jpg" alt="cone trees"/>
+            <p>WOO HOO! I was working from my home office when I checked my gmail account and discovered Ada had sent an acceptance email a few hours earlier. I was literally jumping for joy... for a number of minutes! I wish someone had been present to watch. I called Sean at work and possibly left the most squealing, excited voice message ever. He had a difficult time understanding me and called me right back because he wanted to make sure I was okay. ;) </p>
+        </div>
+
+        <nav>
+            <h3 class="circle"><a href="index.html">home</a></h3>
+            <h3 class="circle"><a href="about.html">about</a></h3>
+            <h3 class="circle"><a href="portfolio.html">portfolio</a></h3>
+            <h3 class="circle"><a href="code_journal.html">journal</a></h3>
+        </nav>
+        <footer>
+            <h6>Copyright (c) 2016 Copyright Holder All Rights Reserved.</h6>
+        </footer>
+    </body>
+</html>
diff --git a/images/eucalyptus.jpg b/images/eucalyptus.jpg
diff --git a/images/goats_tree.jpg b/images/goats_tree.jpg
diff --git a/images/treetops.jpg b/images/treetops.jpg
diff --git a/images/wow_tree.jpg b/images/wow_tree.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title></title>
+        <link rel="stylesheet" href="styles/styles.css" media="screen" title="no title">
+    </head>
+    <body>
+        <header>
+            <h1 class="focus">SUZANNAH</h1>
+            <h1>KIRK-DALIGCON</h1>
+        </header>
+        <nav>
+            <h3 class="circle"><a href="index.html">home</a></h3>
+            <h3 class="circle"><a href="about.html">about</a></h3>
+            <h3 class="circle"><a href="portfolio.html">portfolio</a></h3>
+            <h3 class="circle"><a href="code_journal.html">journal</a></h3>
+        </nav>
+        <footer>
+            <h6>Copyright (c) 2016 Copyright Holder All Rights Reserved.</h6>
+        </footer>
+    </body>
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title></title>
+        <link rel="stylesheet" href="styles/styles.css" media="screen" title="no title">
+    </head>
+    <body>
+        <header class="subpage">
+            <h1 class="subpage_focus">SUZANNAH</h1>
+            <h1 class="subpage">KIRK-DALIGCON</h1>
+        </header>
+
+        <div>
+            <h2>portfolio... links to GitHub:</h2>
+            <a href="https://github.com/sckirk/door"><h4>door</h4></a>
+            <a href="https://github.com/sckirk/FarMar"><h4>FarMar</h4></a>
+            <a href="https://github.com/sckirk/Scrabble"><h4>Scrabble</h4></a>
+            <a href="https://github.com/sckirk/BankAccounts"><h4>BankAccounts</h4></a>
+        </div>
+
+        <nav>
+            <h3 class="circle"><a href="index.html">home</a></h3>
+            <h3 class="circle"><a href="about.html">about</a></h3>
+            <h3 class="circle"><a href="portfolio.html">portfolio</a></h3>
+            <h3 class="circle"><a href="code_journal.html">journal</a></h3>
+        </nav>
+        <footer>
+            <h6>Copyright (c) 2016 Copyright Holder All Rights Reserved.</h6>
+        </footer>
+    </body>
+</html>
diff --git a/styles/styles.css b/styles/styles.css
@@ -0,0 +1,115 @@
+body {
+    background-color: #fcfbe3;
+    font-family: fantasy;
+    color: #3c3c3c;
+}
+
+header {
+    padding-top: 10%;
+}
+
+header h1 {
+    text-align: center;
+    width: 100vw;
+    font-size: 4em;
+    margin: 10px;
+}
+
+h1.focus {
+    font-size: 6em;
+    height: 1em;
+}
+
+header.subpage {
+    padding-top: 0%;
+}
+
+h1.subpage_focus {
+    font-size: 3em;
+    height: 1em;
+}
+
+header h1.subpage {
+    text-align: center;
+    width: 100vw;
+    font-size: 2em;
+    margin: 10px;
+}
+
+div h2 {
+    text-align: center;
+    width: 100vw;
+    font-size: 4em;
+    margin: 10px;
+    color: #626e60;
+}
+
+div h4 {
+    text-align: left;
+    font-size: 2em;
+    margin: 10px;
+    color: #af473c;
+}
+
+img {
+    border-radius: 50%;
+    height: 200px;
+    width: 200px;
+}
+
+img.right {
+    float: right;
+}
+
+img.left {
+    float: left;
+}
+
+div {
+    display: inline;
+}
+
+p.last {
+    padding-bottom: 100px;
+}
+
+h3.circle {
+    display: inline-block;
+    height: 6.6em;
+    width: 6.6em;
+    background-color: #626e60;
+    border-radius: 50%;
+    text-align: center;
+    margin: 0em .2em;
+    line-height: 6em;
+    font-size: 1.8em;
+}
+
+h3.circle:nth-child(2) {
+    background-color: #945d60;
+}
+
+h3.circle:nth-child(3) {
+    background-color: #3c3c3c;
+}
+
+h3.circle:nth-child(4) {
+    background-color: #af473c;
+}
+
+nav {
+    width: 100vw;
+    align-items: center;
+    padding: 0 12vw;
+    clear: both;
+}
+
+nav h3 a {
+    color: #fcfbe3;
+    text-decoration: none;
+}
+
+footer {
+    display: block;
+    float: left;
+}