An Event Apart: Boston. June 18 & 19th 2012

In June of last year I went to An Event Apart. I wrote up my notes on my current workplaces knowledge base. I want a copy of those notes now that I'm leaving. So here they are:

Information about the conference can be found here: http://aneventapart.com/

Upper level thoughts: highly recommend. This is a well curated conference populated by passionate, innovative speakers. Insanely impressed by the content and quality. I would say the main, driving point in all of these presentations (besides a death star joke) is content first. Designers and developers are there to SERVE the content. CONTENT FIRST!

I'm going to break down the presentations individually and do a note/link dump. Many of these notes may not make sense without referencing the slides. But I want to stress to please feel free to ask me any questions in person or in comments. The slides themselves can be found here: [redacted] Please do not publish that link or share it outside of the office, An Event Apart has asked that we share responsibly.

Monday June 18

Content First! - Jeffrey Zeldman

Main point: designer/developer does not truly have control - our job: to connect the right user with the right content at the right time. Inherent conflict in the ebb & flow of the web and what our bosses want.

Concepts of note: contingency design (helpful errors, coding for the possible future needs), scent of information (we're hunters by nature, so even if something is buried in the site as long as the trail leaves a smell/is capable of following, we'll dig deep) and orbital content (that the content revolved around you and not the other way).

Book recommendations: Steve Krug - Don't Make Me Think, Aaron Gustafson - Adaptive Web Design

Sites to look at: Zeldman himself : with his very obviously CONTENT FIRST! web site. Text, text, text! Knowbility: accessibility organization with good resources

What s Your Problem? Putting Purpose Back into Your Projects - Whitney Hess

Main point: we are bad at defining what the problem actually is - and therefore are incapable of solving it. More emphasis should be put on understanding the problem before we design/develop a solution. Get to know the people you serve, otherwise you'll end up with a band-aid solution that will eventually fail. High emphasis on interviews/observations of the user.

Concepts of note: empathy for the problem owner is important, use empathy maps or personas to approach that (also, side note: make personas psychographically not demographically). 5 whys diagram. Fishbone diagram. Both help to get to the root of a problem.

Sites to look at: Whitney Hess

On Web Typography - Jason Santa Maria

This guy loves typography and hates helvetica, papyrus, comic sans and many other well known fonts. He doesn't hate Verdana.

Main point: Type can unify as it communicates. Contrast is super important. To pick a font, write down feeling words (bold, simple, sassy, gentle) that apply to your site and these will lead you to a font. Take note that there is a difference between display faces and text faces. Try to find workhorse faces that can do both.

Concepts of note: Contrast. Saccade (the way your eyes move as you read).

Book recommendations: (second for Steve Krug, see above).

Sites to look at: Typekit: a way to use fonts on your site, lettering.js: a jquery plugin for impactful typography,FitText.js: jquery plugin for flexible font sizes (headlines, not content text), Typedia: an encyclopedia of types, Mighty: Jason's design studio, Jason Santa Maria, Lost World's Fairs: beautiful example of Jason's work

The Five Most Dangerous Ideas - Scott Berkun

1. Everyone is a designer: everyone is a maker, even the least technical of us. If you cast yourself in the role of mentor, you are an ambassador for design. A change of perspective is everything
2. You have no power - you have a very small circle of control in your larger project (or organization). This causes people to get defensive and "hunker down" to protect that which they feel is in their power. This is not an effective strategy to gain any further control or to inspire others to listen to you. Whoever uses the most jargon is the least confident in their ideas and he's noted that teams that use the most jargon output the lowest quality work. There are three kinds of power - granted, earned and claimed. As a note of how to claim power, go to the white board first in meetings to clarify someone's thoughts. Immediate shift.
3. The generalists are in charge - specific knowledge is our domain. The generalists oversee those of us with specific knowledge. In a meeting with more than 5 people, where decisions are supposed to be made - generally is not really where the decision is made. Catching the decision maker on the walk out or alone in their office has way more sway than being compelling in a large meeting (this is the gist of in-room power vs. out-of-room power). We have to own our ideas, if we won't put our all behind an idea, why would we expect our overseeing generalist to? Some percentage of our time (but admittedly not all) should be championing ourselves.
4. We work in sales - nearly everything we do is a pitch (prototyping, meetings, presentations) so we need to accept that we are salesmen, that we need to be able to persuade and talk to people. Soft skills are insanely important. "if people think you are smart and useful, your job title is irrelevant"
5. Creativity is risk - go out on a limb, take chances, be willing to fail. Because it will sometimes fail.

As a side note (i don't remember which point this was about - I think it might have been during Q&A) - trust is super important for anything/a team. Whoever is most senior in a room is responsible if the team doesn't trust each other - probably because that person doesn't trust everyone.

Sites to look at: Scott Berkun

Adapting Ourselves to Adaptive Content - Karen McGrane

Main point: Content first! Seriously. We should, in a perfect world, work with chunks of structured content that are wholly independent of design so that they can be consumed in whatever medium is desired. Most of our CMS's are coupled (content entry intricately tied to the design layer, think wysiwyg). There is a notion in most businesses of a "primary platform" that the content is made for (in a lot of industries this is still print. For the rest of us, even if we don't mean to, it's web pages) - this is bad. Everything should be written with a multi-channel viewpoint. Case study: NPR's content API.

Concepts of note: Blobs vs. chunks. Blob = "i just want to put all of my content into one big text area". Chunk = properly structured/metadata'd content. We should ALL be on team chunk.

I wrote two personal notes on this note page: 1) this presentation made me sad. giving in to blobs - content editors who just want to create a word doc. This strategy will never support multichannel publishing. 2) The structured content web part base is eerily close to a CMS within a CMS. If we do eventually build it to save to/pull from a list, we have essentially done what Karen wanted for part of our content - structured chunks that are independent of view markup/style.

Sites to look at: Karen McGrane, ftrain

Rolling Up Our Responsive Sleeves - Ethan Marcotte

Main point: Content first! We're not designing pages, we're designing systems of networked content. If something isn't valuable to your mobile readers, is it valuable to any readers? We are putting too much focus on columns. Possibly give some of the control back to the user (options for display).

Sites to look at: Starbucks styleguide: they went responsive and are sharing all their patterns, styletiles: design sales without webpage mockups, The Great Discontent: Ethan's favorite responsive site if he had to choose,responsive images: worked until browsers changed to asset pre-loading, picturefill: polyfill (sort of) to load pictures based on media size, responsive tables: choose which fields to show

Tuesday June 19, 2012

The Future of CSS - Eric Meyer

Very technical presentation about css3. My notes verbatim: labels & inputs: put label surrounding input. Math angles in prefix gradients, compass angles in CSS3 gradients (non-prefix). color stops = . (note, i literally just wrote color stops = blank...not sure what i was going for). Transparent = transparent black (in most browsers). Look up data-url as background images. GRADIENTS ARE IMAGES (creating images with css, not visual effects). text-rendering: optimizeLegibility.

Sites to look at: Eric Meyer

Interacting Responsibly (and Responsively!) - Scott Jehl

This dude is writing everything we should be using to make a responsive site. INSANE and awesome. See South Street on git.

Main point: We are not responsibly coding for all users - we are putting a heavy burden on the bandwidth of the user. We presume/assume that the network is solid/reliable. The average amount of js on a page is equivalent to six times (6 X!) the code that sent apollo to the moon. At the cost of the users. So we need to reconsider how we load. At the south street project, all of the following:

• ajaxinclude - modular loading of content (every place we use this is a new http request, so....not great on its own)
• quickconcat - combines many files into one request (pair with the above)
• append arround - css moving of elements
• ecssential - only loads the required css in a blocking manner (ie, in the head, blocking load of other items), otherwise the css lazy loads (or doesn't at all)
• picturefill - images load based on media. picture element not supported in html5 specs at this moment, so use with divs. However, consider if we want to be loading HD images even if we can. Still a burden. A huge one.
• enhance - help devs decide which scripts need to load on devices
• wrap - a dom utility. Seems like an alternative to jquery.

Read recommended: Paul Ford - 10 Timeframes

Sites to look at: Scott Jehl, Filament Group

Buttons Are a Hack - Josh Clark

Touch presentation. We need to be as future friendly as possible - gestures are shortcuts to buttons. Windows 8 very much a topic here - the fact that it appears that "desktop" apps in windows 8 are written with web technology (html, css, etc). Embrace your metaphor - if your app/site looks like a physical object, people will try to interact with it in ways they know (ie, if it looks like a book, they will try to turn the page). Active discovery - learn something from games here, people learn how to play a game by coaching, leveling up and power ups. This should apply to apps as well. Saving the state of progress of what people have learned could be revolutionary. User interfaces are an illusion.

Sites to look at: Josh Clark

Mobile to the Future - Luke Wroblewski

I have a note on this one that I found the presentation awesome and that I'm not sure why my notes were so sparse.

Main point: mobile is the newest form of mass media, not just a branch of the internet. We should treat it as a different medium. Login and checkout are broken on most devices - why are we perpetuating an old, old pattern (a lot of case study here).

Sites to look at: LukeW

Handcrafted Patterns - Dan Cederholm

Main point: learning follows the pattern 1)imitation 2)repetition 3)innovation. Dan walked through some patterns he feels we need to start repeating now, since html5 is new, we can't keep feeling like we should always be innovating. Specific emphasis on html5 placeholder attribute, aria landmark roles, slats.

D on't

R epeat

Y ourself

concept in CSS - leads into an indepth talk about SASS, a CSS preprocessor.

Sites to look at: Pears: wordpress theme full of html/css pairs, SASS: css preprocessor, LESS: css preprocessor, Dan Cederholm

The Curious Properties of Intuitive Web Pages - Jared Spool

Unintuitive - easy to use once you know how. Unintuitive pages shift our focus from something we're interested in (content) to something we're not.

Used the magic escalator of acquired knowledge to illustrate the point. The top of the escalator is all the knowledge they need, bottom is no knowledge. Our users are somewhere on the escalator with current knowledge and we're trying to get them to some target knowledge. In order to do that we either train them or simplify. And by simplifying we're basically just making the site intuitive. The knowledge gap is the difference between current and target knowledge. Very interesting presentation about how a lot of patterns we're used to are learned/not intuitive. Also, re-designs are a really bad idea (his words) as you lose the knowledge people feel they have built up about your site. Gave stats on how bad (see slides).

Sites to look at: Hipmunk: example of intuitive flight site

I went to Macys and worked with a personal shopper yesterday. Before you think snotty thoughts about me please note that this is a completely free service. No strings attached free. Basically Macys hopes its personal shoppers are good enough to get you to buy stuff that you normally wouldn't. It is a brilliant scheme if only people actually knew about it. I am not a richer who paid to get pampered. Nope, I am a normal who just called Macys.

I have opinions and vague aspirations at a style but I absolutely never exhibit this style. I think on most days you might look at me and think, hey, look at that schlubby student over there. I just...don't try. And a hoodie, tee and jeans is easy. I also loathe shopping. To the tips of my toes I loathe it. But I'm starting a new job and I have a chance to have a clean slate with people - they don't know how I normally dress so if I suddenly change quite drastically...no one is the wiser. Obviously in my social life I'll get a lot of raised eyebrows - but these people love me as a schlub so they will hopefully continue to love my slightly better appointed self. So how did it go spending time with a personal shopper?

I loathed it at first. Just absolute horror that I had actually followed through with this harebrained idea. We walked around the store with a rack on wheels and looked at clothing. I was invited to give opinions that most of the time were "I don't hate it" or "I do hate it" but very often were never "I just love that". Because I don't shop for clothes nor wear attractive clothing I don't have a very refined sense of what I like. I know what I don't like. For example: this jacket. I do not like this jacket. My personal shopper loved it. Walking around with her felt like...public shame somehow. Look at the shlub shopping! It was all in my head. I knew that then. But in the moment it was not very fun.

Eventually, when we got back to the room, the shopper left me to my own devices for a while (I'm not gonna lie, she was a bit...flighty. She'd disappear for a while and just come back empty handed. Then she'd disappear for much less time and come back with five pieces of clothing. She was an enigma). I got to try on a bunch of pants on my own and formulate what I thought, namely that my body is an asshole who sits super firmly between two sizes. I found 3 pairs that I liked out of about 20. Success. I started to feel like it wasn't all that horrible.

Then the shopper showed up again and we started putting on tops. And tops. And so many tops. Most of the pieces were from one particular brand and eventually the brand consultant came in too. That person doesn't even work for Macys. It became a little circus in the room. A circus of opinions and urging me to broaden my horizons. Skinny jeans? Yeah, alright, they don't look as bad as every other time I've ever put them on. A blazer? Black and white, white, navy, green. All the blazers. They wanted me to buy a blazer so badly but I just could not feel comfortable in one. I get how versatile it is, truly. But I feel like a little girl playing dress up. Maybe some day...

For someone who hates shopping this was like immersion therapy. And for someone who hates shopping I came out of there with enough clothing to not have to shop again for quite some time.

I ended up spending three and a half hours with them and buying a lot of clothes. I'm probably going to return one thing. But I'm about to try to have style guys...so be kind.

In my dream last night (worst post opening ever?), I prepared a revolutionary party punch for the guests coming to my birthday party. This punch was equal parts sprite, red sprite(?), ice and legos. In other words, the ratio of ice and legos to liquid was troubling. I was very excited about this punch and thought it was going to dazzle everyone. I urge you to never drink any punch I prepare as you will likely choke on legos.

Also at this party, my loved ones (whom I had invited) insisted on gathering in a room together and making me walk in while they yelled surprise. The surprise turned out to be a bright orange cat. Neon orange, not real cat orange. Good job loved ones.

I just finished reading Lean In by Sheryl Sandberg. And I saw her speak last week. In order to understand where this next bit is coming from, I'm going to go ahead and quote myself from this blog. 8/17/2005:

To be honest, I don't think I have very much ambition in life

I have never seen myself as someone who wanted a high power (or responsibility) career. And reading Lean In and hearing Sheryl talk...for the first time ever I'm wondering if that is really me or if that is societal pressure. That sounds silly but - I don't want to be a C-level executive (CEO, CIO, COO) and never have - I just want to do a solid day's work and not hate it. If I can enjoy it a little - bully for me. And if I can get paid enough to live a cushy life - bully for us. (totally off track: how is bully an adjective that means super good but also a noun for jerks who taunt others?). But do I feel that way because I was really just meant to be a cog or do I feel that way because I inherently know I'm a woman and have strong, ingrained stereotypical rules for what women should and shouldn't excel in?

Clearly Lean In was really thought provoking for me. I'm totally guilty of trying to plan my career around whether or not we're having kids - before we have even gotten near having a baby. I'm 1000% guilty of wanting to be liked - I think it's the only way I've ever gotten anything done at work. And on the flip side, I think it's one of the main reasons some of my coworkers slough off my opinions or ideas sometimes. I'm trying to be nice rather than presenting my idea forcefully.

I'm a lady and nearly every single thing she listed as ladies doing to prevent themselves from succeeding, I've done and do on a regular basis. So great, now what? I guess I just hope to be conscious of my wanting to be liked, start to attribute my success to myself, try to speak up, etc.

I didn't expect to vibe on the book as much as I have. I have seen Sheryl speak on many shows (and in person) now and her message is pretty solid (though boringly similar - book selling tours! Talking points! Boring). Do recommend.

Most of my brain lately has been spent going through to-do lists and trying to figure out what life after new job looks like. In some ways, there's things I will never be able to truly plan for - as a consultant I'll be travelling to various client offices around the Chicagoland area all the time. So my commute will vary wildly. I can't find a gym close to the office because the office will change. I can't even really plan a wardrobe since every client is going to be different.

Here's my current brain:

I need to get a new phone (I believe I should go full bore into a microsoft wonderland and get a windows phone). I need to cobra my healthcare. I need to cancel my bank accounts. I want to set up a home office (as there is always a possibility I'll be working from home sometimes). I need to return the duplicate and/or unwanted wedding presents. I need to spend some of our gift certificates on stuff we really want (trash can! couch!). I kind of want to get some new pants/skirts just in case. I want to go to Florida and lounge. I really, really, really want to transition some of the knowledge to another developer (at my current soon to be former job). Really want that. Am feeling hopeless about the possibility of that happening.

I did not accept the counteroffer. I am, therefore, leaving my current place of employment for what I hope will be greener pastures. The hardest part of it all was getting past my loyalty for my company and the project. I don't want to leave behind a mess or unfinished business and unfortunately it feels like that is inevitable.

I'm relieved to be leaving. But I'm scared to be starting something new.

I fell into a deep chasm in the last week - the chasm called "trying to decide if I should leave my job". Over the past month I have been going through the interview/job process with two companies. They are very different places of employment who essentially offer the same services. One is a small start-uppy company that is doing really well and one is a massive corporation that is doing really well. Both were looking to hire me as a non-travelling SharePoint consultant. Meaning I would go to clients in the Chicagoland area and develop on the SharePoints for them.

So now I have two job offers. I've turned the smaller company down. Their benefits weren't that great and loml and I are talking about trying to start a family at some point in the nearish future (near being relative). And I was about to accept big company's offer today - when my organization pretty shockingly decided to counteroffer. 

All this is just to say, I haven't fallen off of the plan to write a blog post twice a week. I'm still committed to keeping this up, as soon as my life is in order again. I hope that means that regular posting will resume next week.

In the meantime, I'll be deciding where I want to spend my future employment.

house home

loml and I are deep in spring cleaning/rearranging mode. I think the influx of wedding gifts brought out the rearranging beast. Currently in the works: new sofa. I am picky about a couch being comfortable. Right now we're leaning heavily toward a sectional. This one to be exact (though likely not in that color. What color? no idea):

crate & barrel, petrie

But here's two honorable mention sofas that I personally loved sitting on:

design within reach, raleigh

taravel, crate & barrel

What I think we've both come to realize is that our living area is large...but kind of skinny. So while we want more seating, we can't really accomplish that in a super traditional way. Most sectionals are way too large and would shrink the room I think. Like my current furniture does...it's just too oversized for the room. Noted. Now how/when will we solve that?

Other upcoming plans (some still not in stone):

1. Creating a sewing area for myself in the basement, complete with a quilting wall (pretty excited about this). 
2. Getting rid of one bed. Which bed? No idea. We're going back and forth between the twin and queen upstairs. I think we should just bite the bullet and get rid of the queen. Any guests could stay downstairs (on the nicer queen mattress that we'd keep). Downstairs is more private anyway and larger. But this means loml might have to make his gear room a tad more...guest friendly.
3. Creating a "library"/record room. Probably with a desk, book shelves, record shelves and a record player. 

To be determined if we manage it all.

I'm a day or two off on my whole tuesday/thursday thing this week. And honestly, I expect to be next week as well. But I'm still trying for twice a week! And so it's an umba day!

This month's box is...meh. I do love the little vase, and I plan to use it. But the pin and the dandelion are not useful for me. I will never wear that pin. And the yarn dandelion has already been manhandled, multiple times, by cats. I have found it on the floor a few mornings this week. And by cats I really mean one cat named Mona. But let me show you the St. Patrick's themed stuff.

Vase + dandelion:

Yeah, there's cat hair stuck all over that dandelion. It was loved. Vase from Material Good. Yarn dandelion from Love and Marshmallows.

Pin:

Pin from neogranny. To be fair, this pin isn't for me, but some of the other stuff she makes is rad. So it was fun to look around (not sure i need earrings in the shape of glasses or scissors...but if i ever did, these would top my list!).

I was too busy playing Sim City yesterday to blog. I'm not busy today because they have some very bad server issues happening and so I can't play. I can sit around and watch the game not let me connect or I can blog.

Here's a SharePoint thing that is frustrating me today:

I very much want to pass arguments from a page to a modal application page. I can easily do this with the SP.UI.ModalDialog args option. However, I can only access those args with javascript and I would really rather have them in my server side code. Not possible.

Another frustrating thing is that I'm not sleeping very well and so I'm super exhausted. A final frustrating thing is that I bought cookies at costco and ate insane amounts of them.

Kind of bummed today - my coding day was pretty terrible. I feel like I banged my head against a wall all day. And then it slowly became clear that a ton of people got food poisoning at my wedding reception on Saturday. That is really not fun and kind of puts a damper on the day.

Without the food poisoning it sure was fun though.

For some reason, loml decided to go back to the very beginning of this blog and read every post over the last few days. He had questions. And his reading forced me to go back and revisit some of those times. I started this blog nine years ago. NINE! What do I think I've learned in nine years?

I think I've grown up. Possibly in a sad way depending on who you are, but in a way I don't regret or wish were different at all. I don't think I have such silly tangential thought processes anymore. A lot of my brain power is going toward planning for the future and work. I think about code a lot when I'm not actually at work; sometimes even just in the periphery of my brain (I solve coding problems or prove my code bad at home in the evening without even looking at it). If we should decide to have kids, I think the little time I do devote to silly thoughts will probably dry up altogether. But I don't feel badly about it. And I kind of expect to get it back in 20-30 years when I retire.

I spent a lot of time, when I was single, being lonely and trying to justify it. I still think I did the best I could for myself at the time. But I don't think I learned as much from it as I should have. I'm still learning from it. And I'm sorry to my single friends if I bring up dating too much, that's unfair. Katie from the past is annoyed with attached Katie. Being in a relationship isn't the most important thing.

I am so lucky to have found a job that challenges me. Phew.

Being a homebody is different than being a loner which is different from being antisocial. I need social interaction but I love my house.

I'm sure there's more. But right now I have to go finish packing some hotel favor bags - I've got a wedding reception to pull off this weekend. Bite me winter storm Q (stupid name for a storm anyway).

Making SharePoint Responsive Starting with the MasterPage

Let's start making a sharepoint site responsive! We'll start with modifications to the masterpage. Kyle Schaeffer has done a lot of groundwork and was a jumping off point for us. But we have slowly added in server side controls to help us with our payload.

As a cautionary note, none of this work on responsive is live on the internets yet, we're still building and changing things. I will come back and update any code pages with things we learn in the future. For newbies, start with Kyle, he's great. There are some custom controls in use that are live and I'll be sure to note that when I got into them in depth.

This is a huge and ugly paste. But see below for what we have come up with so far. Summary: we're rewriting the navigation control to output minimal markup. We're restricting the form from rendering any of the sharepoint javascript/css/items for anonymous users (as we use sharepoint for our front facing publishing sites). We are concatenating and minifying all of the javascript and CSS we are including. For each custom control on this page, I'll write a blog post specifically covering it. There was one other developer heavily involved at the beginning of this project(who has since moved to another place of employment) so it's possible that I'm missing some attribution (at least on the restricted render form). I apologize to those SharePointers on the web who we may have borrowed from and not attributed the work to. I worry about this.

We have a project called XXX.Optimization that includes a bunch of controls and handlers to format sharepoint's markup and rendering. I'm going to be walking through that project and sharing the work we did there. I will throw the whole thing up on git at some point shortly. And, as I figure out how blogspot deals with code chunks, hopefully the formatting will improve. Check back next time for the restricted render form.

The masterpage in it's glory.

1:  <%@ Master language="C#" %>  
2:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
3:  <%@ Import Namespace="Microsoft.SharePoint" %>  
4:  <%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>  
5:  <%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>  
6:  <%@ Register TagPrefix="wssuc" TagName="Welcome" src="~/_controltemplates/Welcome.ascx" %>  
7:  <%@ Register TagPrefix="wssuc" TagName="MUISelector" src="~/_controltemplates/MUISelector.ascx" %>  
8:  <%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111blorp" %>   
9:  <%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce1blorp" %>  
10:  <%@ Register Tagprefix="xxx" Namespace="XXX.SharePoint.WebControls" Assembly="XXX.SharePoint.WebControls, Version=0.9.0.5, Culture=neutral, PublicKeyToken=fe920e10blorp"%>  
11:  <%@ Register Tagprefix="xxxOpt" Namespace="XXX.SharePoint.Optimization" Assembly="XXX.SharePoint.Optimization, Version=1.0.0.0, Culture=neutral, PublicKeyToken=a667f938c10blorp"%>  
12:  <%@ Register Tagprefix="xxxNav" Namespace="XXX.SharePoint.Navigation" Assembly="XXX.SharePoint.Navigation, Version=1.0.0.0, Culture=neutral, PublicKeyToken=a80c4cc1e1blorp"%>  
13:  <!DOCTYPE html>  
14:  <html lang="en">  
15:  <head runat="server">  
16:       <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>  
17:       <meta name="viewport" content="width=device-width"/>  
18:       <SharePoint:RobotsMetaTag runat="server"/>  
19:       <title><xxx:MetaTitle runat="server" ID="titleControl" __designer:Preview="Library" __designer:Values="&lt;P N='ID' T='titleControl' /&gt;&lt;P N='Page' ID='1' /&gt;&lt;P N='TemplateControl' ID='2' /&gt;&lt;P N='AppRelativeTemplateSourceDirectory' R='-1' /&gt;"/></title>  
20:       <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic|Open+Sans+Condensed:300,700,300italic"/>  
21:       <SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AuthenticatedUsersOnly">  
22:            <SharePoint:CssLink runat="server" Version="4"/>  
23:            <SharePoint:Theme runat="server"/>  
24:            <SharePoint:ULSClientConfig runat="server"/>  
25:            <script type="text/javascript">  
26:            var _fV4UI = true;  
27:            </script>  
28:            <SharePoint:ScriptLink language="javascript" name="core.js" OnDemand="true" runat="server"/>  
29:            <SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/XXX/responsive.css %>" After="corev4.css" runat="server"/>  
30:            <SharePoint:CustomJSUrl runat="server"/>  
31:            <SharePoint:SoapDiscoveryLink runat="server"/>  
32:            <asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server"/>  
33:            <SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true"/>  
34:            <SharePoint:SPShortcutIcon runat="server" IconUrl="/_layouts/images/favicon.ico"/>  
35:            <asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server"/>  
36:            <asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat="server"/>  
37:            <SharePoint:SPPageManager runat="server"/>  
38:            <SharePoint:SPHelpPageComponent Visible="false" runat="server"/>  
39:            <style type="text/css">html {overflow:hidden;}</style> </SharePoint:SPSecurityTrimmedControl>  
40:  </head>  
41:  <body onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();" class="v4master no-js theme-xxx-blue1">  
42:       <xxxOpt:RestrictedRenderForm runat="server" onsubmit="if (typeof(_spFormOnSubmitWrapper) != 'undefined') {return _spFormOnSubmitWrapper();} else {return true;}" ControlsToRender="workspace"><asp:ScriptManager id="ScriptManager" runat="server" EnablePageMethods="false" EnablePartialRendering="true" EnableScriptGlobalization="false" EnableScriptLocalization="true" /><WebPartPages:SPWebPartManager runat="server"/>  
43:       <SharePoint:SPNoScript runat="server"/>  
44:       <SharePoint:DelegateControl runat="server" ControlId="GlobalNavigation"/><!-- **************************************************************** --><!-- BEGIN RIBBON --><div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle"><div id="s4-ribboncont">  
45:            <SharePoint:SPRibbon runat="server" PlaceholderElementId="RibbonContainer" CssFile=""><SharePoint:SPRibbonPeripheralContent runat="server" Location="TabRowLeft" CssClass="ms-siteactionscontainer s4-notdlg"><span class="ms-siteactionsmenu" id="siteactiontd"><SharePoint:SiteActions runat="server" accesskey="<%$Resources:wss,tb_SiteActions_AK%>" id="SiteActionsMenuMain" PrefixHtml="" SuffixHtml="" MenuNotVisibleHtml="&amp;nbsp;"><CustomTemplate>  
46:                                               <SharePoint:FeatureMenuTemplate runat="server" FeatureScope="Site" Location="Microsoft.SharePoint.StandardMenu" GroupId="SiteActions" UseShortId="true">  
47:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_EditPage" Text="<%$Resources:wss,siteactions_editpage%>" Description="<%$Resources:wss,siteactions_editpagedescriptionv4%>" ImageUrl="/_layouts/images/ActionsEditPage.png" MenuGroupId="100" Sequence="110" ClientOnClickNavigateUrl="javascript:ChangeLayoutMode(false);"/>  
48:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_TakeOffline" Text="<%$Resources:wss,siteactions_takeoffline%>" Description="<%$Resources:wss,siteactions_takeofflinedescription%>" ImageUrl="/_layouts/images/connecttospworkspace32.png" MenuGroupId="100" Sequence="120"/>  
49:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_CreatePage" Text="<%$Resources:wss,siteactions_createpage%>" Description="<%$Resources:wss,siteactions_createpagedesc%>" ImageUrl="/_layouts/images/NewContentPageHH.png" MenuGroupId="200" Sequence="210" UseShortId="true" ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('Page')) { OpenCreateWebPageDialog('~site/_layouts/createwebpage.aspx') }" PermissionsString="AddListItems, EditListItems" PermissionMode="All" />  
50:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_CreateDocLib" Text="<%$Resources:wss,siteactions_createdoclib%>" Description="<%$Resources:wss,siteactions_createdoclibdesc%>" ImageUrl="/_layouts/images/NewDocLibHH.png" MenuGroupId="200" Sequence="220" UseShortId="true" ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('DocLib')) { GoToPage('~site/_layouts/new.aspx?FeatureId={00bfea71-e717-4e80-aa17-d0c71b360101}&amp;ListTemplate=101') }" PermissionsString="ManageLists" PermissionMode="Any" VisibilityFeatureId="00BFEA71-E717-4E80-AA17-D0C71B360101" />  
51:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_CreateSite" Text="<%$Resources:wss,siteactions_createsite%>" Description="<%$Resources:wss,siteactions_createsitedesc%>" ImageUrl="/_layouts/images/newweb32.png" MenuGroupId="200" Sequence="230" UseShortId="true" ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('Site')) { STSNavigate('~site/_layouts/newsbweb.aspx') }" PermissionsString="ManageSubwebs,ViewFormPages" PermissionMode="All" />  
52:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_Create" Text="<%$Resources:wss,siteactions_create%>" Description="<%$Resources:wss,siteactions_createdesc%>" MenuGroupId="200" Sequence="240" UseShortId="true" ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('All')) { STSNavigate('~site/_layouts/create.aspx') }" PermissionsString="ManageLists, ManageSubwebs" PermissionMode="Any" />  
53:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_ViewAllSiteContents" Text="<%$Resources:wss,quiklnch_allcontent%>" Description="<%$Resources:wss,siteactions_allcontentdescription%>" ImageUrl="/_layouts/images/allcontent32.png" MenuGroupId="300" Sequence="302" UseShortId="true" ClientOnClickNavigateUrl="~site/_layouts/viewlsts.aspx" PermissionsString="ViewFormPages" PermissionMode="Any" />  
54:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_EditSite" Text="<%$Resources:wss,siteactions_editsite%>" Description="<%$Resources:wss,siteactions_editsitedescription%>" ImageUrl="/_layouts/images/SharePointDesigner32.png" MenuGroupId="300" Sequence="304" UseShortId="true" ClientOnClickScriptContainingPrefixedUrl="EditInSPD('~site/',true);" PermissionsString="AddAndCustomizePages" PermissionMode="Any"/>  
55:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_SitePermissions" Text="<%$Resources:wss,people_sitepermissions%>" Description="<%$Resources:wss,siteactions_sitepermissiondescriptionv4%>" ImageUrl="/_layouts/images/Permissions32.png" MenuGroupId="300" Sequence="310" UseShortId="true" ClientOnClickNavigateUrl="~site/_layouts/user.aspx" PermissionsString="EnumeratePermissions" PermissionMode="Any"/>  
56:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_Settings" Text="<%$Resources:wss,settings_pagetitle%>" Description="<%$Resources:wss,siteactions_sitesettingsdescriptionv4%>" ImageUrl="/_layouts/images/settingsIcon.png" MenuGroupId="300" Sequence="320" UseShortId="true" ClientOnClickNavigateUrl="~site/_layouts/settings.aspx" PermissionsString="EnumeratePermissions,ManageWeb,ManageSubwebs,AddAndCustomizePages,ApplyThemeAndBorder,ManageAlerts,ManageLists,ViewUsageData" PermissionMode="Any" />  
57:                                                    <SharePoint:MenuItemTemplate runat="server" id="MenuItem_CommitNewUI" Text="<%$Resources:wss,siteactions_commitnewui%>" Description="<%$Resources:wss,siteactions_commitnewuidescription%>" ImageUrl="/_layouts/images/visualupgradehh.png" MenuGroupId="300" Sequence="330" UseShortId="true" ClientOnClickScriptContainingPrefixedUrl="GoToPage('~site/_layouts/prjsetng.aspx')" PermissionsString="ManageWeb" PermissionMode="Any" ShowOnlyIfUIVersionConfigurationEnabled="true" />  
58:                                               </SharePoint:FeatureMenuTemplate>  
59:                                          </CustomTemplate>  
60:                                      </SharePoint:SiteActions></span><asp:ContentPlaceHolder id="PlaceHolderGlobalNavigation" runat="server"><SharePoint:PopoutMenu runat="server" ID="GlobalBreadCrumbNavPopout" IconUrl="/_layouts/images/fgimg.png" IconAlt="<%$Resources:wss,master_breadcrumbIconAlt%>" IconOffsetX=0 IconOffsetY=112 IconWidth=16 IconHeight=16 AnchorCss="s4-breadcrumb-anchor" AnchorOpenCss="s4-breadcrumb-anchor-open" MenuCss="s4-breadcrumb-menu"><div class="s4-breadcrumb-top">  
61:                                               <asp:Label runat="server" CssClass="s4-breadcrumb-header" Text="<%$Resources:wss,master_breadcrumbHeader%>" /></div><asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server"><SharePoint:ListSiteMapPath runat="server" SiteMapProviders="SPSiteMapProvider,SPContentMapProvider" RenderCurrentNodeAsLink="false" PathSeparator="" CssClass="s4-breadcrumb" NodeStyle-CssClass="s4-breadcrumbNode" CurrentNodeStyle-CssClass="s4-breadcrumbCurrentNode" RootNodeStyle-CssClass="s4-breadcrumbRootNode" NodeImageOffsetX=0 NodeImageOffsetY=353 NodeImageWidth=16 NodeImageHeight=16 NodeImageUrl="/_layouts/images/fgimg.png" RTLNodeImageOffsetX=0 RTLNodeImageOffsetY=376 RTLNodeImageWidth=16 RTLNodeImageHeight=16 RTLNodeImageUrl="/_layouts/images/fgimg.png" HideInteriorRootNodes="true" SkipLinkText="" /></asp:ContentPlaceHolder></SharePoint:PopoutMenu><div class="s4-die"><asp:ContentPlaceHolder id="PlaceHolderGlobalNavigationSiteMap" runat="server" Visible="false"/></div></asp:ContentPlaceHolder><SharePoint:PageStateActionButton id="PageStateActionButton" runat="server" Visible="false" /></SharePoint:SPRibbonPeripheralContent><SharePoint:SPRibbonPeripheralContent runat="server" Location="TabRowRight" ID="RibbonTabRowRight" CssClass="s4-trc-container s4-notdlg"><SharePoint:DelegateControl runat="server" ID="GlobalDelegate0" ControlId="GlobalSiteLink0" /><a href="#" tabindex="-1" style="display:none"></a><a href="#" tabindex="-1" style="display:none"></a><div class="s4-trc-container-menu"><div><wssuc:Welcome id="IdWelcome" runat="server" EnableViewState="false"/><wssuc:MUISelector ID="IdMuiSelector" runat="server"/></div></div><SharePoint:DelegateControl ControlId="GlobalSiteLink2" ID="GlobalDelegate2" Scope="Farm" runat="server" /></SharePoint:SPRibbonPeripheralContent></SharePoint:SPRibbon></div><div id="notificationArea" class="s4-noti"></div><asp:ContentPlaceHolder ID="SPNavigation" runat="server">  
62:            <SharePoint:DelegateControl runat="server" ControlId="PublishingConsole" Id="PublishingConsoleDelegate"/></asp:ContentPlaceHolder><div id="WebPartAdderUpdatePanelContainer"><asp:UpdatePanel ID="WebPartAdderUpdatePanel" UpdateMode="Conditional" ChildrenAsTriggers="false" runat="server"><ContentTemplate>  
63:                 <WebPartPages:WebPartAdder ID="WebPartAdder" runat="server"/>  
64:                           </ContentTemplate><Triggers>  
65:                                <asp:PostBackTrigger ControlID="WebPartAdder" />  
66:                           </Triggers>  
67:                      </asp:UpdatePanel></div></div><!-- END RIBBON --><!-- **************************************************************** -->  
68:   <asp:Panel runat="server" ID="workspace">  
69:      <div id="s4-workspace">  
70:        <!-- IGNORE. Sharepoint Div-->  
71:        <div id="s4-bodyContainer">  
72:          <!-- IGNORE. Sharepoint Div-->  
73:          <div id="MSO_ContentDiv" runat="server">  
74:            <!-- IGNORE. Sharepoint Div-->  
75:            <sharepoint:spsecuritytrimmedcontrol runat="server" authenticationrestrictions="AuthenticatedUsersOnly"><div id="s4-statusbarcontainer"><div id="pageStatusBar" class="s4-status-s1"></div></div><SharePoint:VisualUpgradePreviewStatus runat="server" /></sharepoint:spsecuritytrimmedcontrol>  
76:            <!-- NOTE to discuss - any reason we're not using html5 header element?-->  
77:            <!-- Skip links for accessing page sections quickly on AT -->  
78:            <ul class="hide">  
79:              <li><a href="#main-content" title="Skip to right column">Skip main content</a></li>  
80:              <li><a href="#primary-navigation" title="Skip to main navigation">Skip to site navigation</a></li>  
81:              <li><a href="#secondary-navigation" title="Skip to left column">Skip to section navigation</a></li>  
82:              <li><a href="#xxx-shortcuts" title="Skip to campus shortcuts">Skip to XXX shortcuts</a></li>  
83:              <li><a href="#search" title="search">Skip to search</a></li>  
84:            </ul>  
85:            <!-- /skiplinks -->  
86:            <!-- Hidden xxx Shortcuts which appear when "XXX Shortcuts" is clicked. -->  
87:            <div class="xxx-shortcuts-drawer" id="sliding-drawer" style="display: none;">  
88:            </div>  
89:            <!-- /tactical-drawer -->  
90:            <!--Slider for small screen navigation-->  
91:             <nav class="unit size1of5" id="nav-slider" style="display:none;">  
92:                  <span class="unit size3of5">  
93:                     <a name="search"></a>  
94:                     <!--TO DO MAKE THIS SEARCH BOX WORK-->  
95:                                               <input class="unit search-input" id="search_input_slider" name="search_input_slider" type="text" onkeypress="javascript:XXX.SearchBox.KeyPress(event);" /><input name="search_submit" class="unit search-btn" type="button" onclick="javascript:XXX.SearchBox.Search();" />  
96:                                </span>  
97:                                <ul class="tab-titles">  
98:                                     <li class="site-menu-title"><a class="tab-toggle">Site Menu</a></li>  
99:                                     <li class="xxx-shortcuts-title"><a class="tab-toggle">xxx Shortcuts</a></li>  
100:                                </ul>  
101:                                <div class="tab nav-tab">  
102:                                      <xxxNav:CustomNavigation runat="server" NavigationProvider="CurrentNavSiteMapProvider" LevelDepth="3" HighestParentActiveOnly="false" CSSClass="unstyled" NavigationID="slider-nav" IncludeUniqueIdentifiers="FALSE" IncludeRootHeader="FALSE"></xxxNav:CustomNavigation>  
103:                                 </div>  
104:                                 <div class="tab shortcuts-tab">  
105:                                      <xxx:XXXResponsiveShortcuts ID="shortcutsSliderControl" runat="server"></xxx:XXXResponsiveShortcuts>  
106:                                 </div>  
107:                            </nav>  
108:                           <!-- /slider-->  
109:                           <div class="body-content">  
110:            <div class="line masthead">  
111:                 <div class="unitRight size2of5">  
112:                <a name="xxx-shortcuts" class="unit xxx-shortcuts">XXX Shortcuts</a>  
113:                <span class="unit xxx-search">  
114:                     <a name="search"></a>                           
115:                     <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">  
116:                                               <input class="unit search-input" id="search_input" name="search_input" type="text" onkeypress="javascript:XXX.SearchBox.KeyPress(event);" /><input name="search_submit" class="unit search-btn" type="button" onclick="javascript:XXX.SearchBox.Search();" />  
117:                                          </asp:ContentPlaceHolder>  
118:                                     </span>  
119:                <nav class="off-canvas-navigation">  
120:                                         <a class="menu-button" href="#nav-slider">Pretty icon of horizontal lines</a>  
121:                                   </nav>  
122:              </div>  
123:              <div class="unit size5of5 xxx-logo">  
124:                <a class="unit logo-short" href="#">XXX University</a> <a class="unit h1 site-title"  
125:                  href="#">Responsive (TODO! Dynamic name)</a>  
126:              </div>  
127:            </div>  
128:            <!-- /line /masthead -->  
129:            <nav class="line">  
130:                                     <xxxNav:CustomNavigation runat="server" NavigationProvider="GlobalNavSiteMapProvider" LevelDepth="2" HighestParentActiveOnly="true" CSSClass="unit size1of1 nav-primary" NavigationID="global-nav" IncludeUniqueIdentifiers="TRUE" IncludeRootHeader="FALSE"></xxxNav:CustomNavigation>  
131:                           <div class="quick-links" style="display:none">  
132:                      <xxx:ReusableContent runat="server" ID="navQuickLinks" ReusableContentListItemTitle="Quick Links"/>  
133:                           </div>  
134:                           </nav>  
135:            <!-- /section /line -->  
136:            <div class="line content-body">  
137:              <asp:ContentPlaceHolder ID="PlaceHolderLeftNavBar" runat="server">  
138:                <nav class="unit size1of5" role="navigation" id="nav-secondary">  
139:                                                <xxxNav:CustomNavigation runat="server" NavigationProvider="CurrentNavSiteMapProvider" LevelDepth="3" HighestParentActiveOnly="false" CSSClass="unstyled nav-secondary" NavigationID="left-nav" IncludeUniqueIdentifiers="FALSE" IncludeRootHeader="FALSE"></xxxNav:CustomNavigation>  
140:                                           </nav>  
141:              </asp:ContentPlaceHolder>  
142:              <!-- NOTE to discuss - place article in masterpage or place that in page layouts?-->  
143:              <asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server" />  
144:            </div>  
145:            <!-- /content-body -->  
146:            <div class="line footer-socialicons">  
147:              <div class="unitRight size1of5">  
148:                <a class="unit icon-twitter-sm" href="#" title="Facebook">Facebook</a> <a class="unit icon-vimeo-sm"  
149:                  href="#" title="LinkedIn">LinkedIn</a> <a class="unit icon-youtube-sm" href="#" title="Twitter">  
150:                    Twitter</a> <a class="unit icon-smashup=sm" href="#" title="Social Media Smashup">RSS</a>  
151:              </div>  
152:            </div>  
153:            <!-- /line /footer-socialicons -->  
154:            <!-- TODO make footer reusable content somehow...make easy for CE's?-->  
155:            <div class="line footer">              
156:              <!-- /line -->  
157:              <div class="hiddenShortcuts" style="display:none;">  
158:                   <xxx:XXXResponsiveShortcuts ID="shortcutsControl" runat="server"></xxx:XXXResponsiveShortcuts>  
159:                                </div>  
160:            </div>  
161:            <!-- /line /footer -->  
162:            <div class="line copyright">  
163:            </div>  
164:            <!-- /line /copyright -->  
165:            </div><!-- /slider-->  
166:          </div>  
167:          <!-- IGNORE. /MSO_ContentDiv -->  
168:        </div>  
169:        <!-- IGNORE. End of SP Div, /s4-bodyContainer-->  
170:      </div>  
171:      <!-- IGNORE. End of SP Div, /s4-workspace-->  
172:    </asp:Panel>  
173:  </xxxOpt:RestrictedRenderForm>  
174:       <asp:Panel runat="server" Visible="false">  
175:            <!-- s4-titlerow PlaceHolders -->            
176:            <asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server"/>  
177:            <asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server"/>  
178:            <asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server" />  
179:            <asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server"/>  
180:            <asp:ContentPlaceHolder id="PlaceHolderHorizontalNav" runat="server"/>  
181:            <!-- s4-leftpanel PlaceHolders -->  
182:            <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server"/>  
183:            <asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" />  
184:            <asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat="server"/>  
185:            <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server"/>            
186:            <asp:ContentPlaceHolder id="PlaceHolderQuickLaunchTop" runat="server"/>  
187:            <asp:ContentPlaceHolder id="PlaceHolderQuickLaunchBottom" runat="server"/>  
188:            <!-- s4-ca PlaceHolders -->  
189:            <asp:ContentPlaceHolder id="PlaceHolderPageImage" runat="server"/>  
190:            <asp:ContentPlaceHolder id="PlaceHolderTitleLeftBorder" runat="server"/>  
191:            <asp:ContentPlaceHolder id="PlaceHolderMiniConsole" runat="server"/>  
192:            <asp:ContentPlaceHolder id="PlaceHolderTitleRightMargin" runat="server"/>  
193:            <asp:ContentPlaceHolder id="PlaceHolderTitleAreaSeparator" runat="server"/>  
194:            <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarBorder" runat="server"/>  
195:            <asp:ContentPlaceHolder id="PlaceHolderBodyLeftBorder" runat="server"/>  
196:            <asp:ContentPlaceHolder id="PlaceHolderBodyRightMargin" runat="server"/>  
197:            <!-- body PlaceHolders -->  
198:            <asp:ContentPlaceHolder id="PlaceHolderUtilityContent" runat="server"/>       
199:       </asp:Panel>  
200:       <footer>  
201:       <script type="text/javascript">  
202:            $('body').removeClass('no-js').addClass('js');  
203:       </script>  
204:       <xxxOpt:QuickConcat runat="server" JSFiles="local/jquery-1.7.2.min.js;local/jquery.touchSwipe.min.js;local/jquery.pageslide.js;local/XXX-responsive.js;local/XXX-standard.master.js" CSSFiles="local/responsive.css" AlwaysRecreateFile="true"></xxxOpt:QuickConcat>  
205:       <asp:ContentPlaceHolder id="PlaceHolderNavSpacer" runat="server">  
206:       </asp:ContentPlaceHolder>  
207:       </footer>  
208:  </body>  
209:  </html>  

Two post wedding thoughts

1. In terms of rolling off the tongue, husband is far superior to fiance. However, just calling him husband sometimes feels a little...hypocritical. If he bellowed wife from another room, my hackles might rise. I'm going to try to get over it so that I can freely yell husband at him from across the house.
2. As I'm aging, my emotions are softening like pudding. I am a happy crier now. It's happened twice in the past two weeks. And this particular breed of tears seems to stop me from speaking without fully breaking down in to real sobs. So I become a mute or rush words. It's a weird phenomenon. Watch out world, I'm capable of crying in any situation at this point in life.

married

I married loml. Who knew when I nicknamed him that (on his own joke) that it would end up this way. It was fun, relaxing and laid-back: perfect for us. I was only nervous for about three hours day of...I think if we'd had the massive, everyone included wedding here I would have been nervous for days. And then it would have been especially mortifying when I started to cry during my vows. And by cry I mean warble into tears into full on shaking gaspy breaths. I can't wait to see those pictures. Happy tears - so happy. And the vows were really solid for us. Said vows:

I, Katie, take you loml to be my husband, knowing in my heart that you will be my
constant friend, my faithful partner and my true love. I promise always to be openhearted
and honest with you and to stand by you and encourage you. I will hold you in my heart
and share our life and dreams together.

I'm not much of a documenter so honestly instagram has been kind of good for me. It prods me to take pictures when I normally wouldn't. It makes me realize that I always have a camera with me in my phone. I think without it, I might have zero pictures instead of the 20 I have (only 9 posted). If you'd like to see a few pics of Hawaii and one or two of us, check them out here: http://instagram.com/kateromoo

Back to real life/work tomorrow. And getting down to the business of finalizing everything for the Chicago wedding reception.