static site

author: Jules Laplace <jules@okfoc.us> 2014-07-09 18:17:16 -0400
committer: Jules Laplace <jules@okfoc.us> 2014-07-09 18:17:16 -0400
commit: 0f9e0e60cc52cfbd052cf3b8925abadeda374c2f (patch)
tree: 9e4d7f14e34a5cc56b512441e9768bce64c253e8 /public/protocols
parent: c251396987dcffa38d421303162661b68443314f (diff)
1 files changed, 231 insertions, 0 deletions
diff --git a/public/protocols/index.html b/public/protocols/index.html
new file mode 100644
index 0000000..9b68f4b
--- /dev/null
+++ b/public/protocols/index.html
@@ -0,0 +1,231 @@
+<!doctype html>
+<html>
+<head>
+  <title>Protocols</title>
+  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
+  <!--[if IE]>
+      <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <![endif]-->
+</head>
+<body>
+<header><img src="/img/protocols-font.png" alt="Protocols" width="500" height="98" style="padding: 10px 0 5px 5px;" />
+
+<nav>
+	<ul>
+		<li><a id="nav_about">about</a></li>
+		<li><a id="nav_parties">salons</a></li>
+		<li><a id="nav_users">guests</a></li>
+		<li><a id="nav_patrons">patrons</a></li>
+		<li><a id="nav_reunions">reunions</a></li>
+	</ul>
+</nav>
+
+</header>
+
+<section id="bg"></section>
+<section id="login">
+	<label>login</label> <input type="text" id="login-email" /><br/>
+	<label>password</label> <input type="password" id="login-password" />
+	<button id="login-go">go!</button>
+</section>
+
+<section id="aboutMode">
+	<p id="founded">
+		Founded in 2008.
+	</p>
+	<p>
+		A twice-a-month salon and soiree where everything is off the record.
+	</p>
+	<p>
+		The event takes place in the penthouse of our patrons <a href="http://madhousenyc.com/" target="_blank">mad.house</a>
+		and their interactive partners <a href="http://mediatronica.com/" target="_blank">Mediatronica</a> (iPhone/iPad apps,
+		video remix widgets, social media distribution). Together, mad.house and mediatronica produce and distribute quality
+		multi-platform content for ad agencies, networks and brands.
+	</p>
+	<h2>HOSTED BY</h2>
+	<ul id="aboutHosts">
+		<li>
+			<h3><a href="http://twitter.com/justinrocket" target="_blank">Justin Rocket Silverman</a></h3>
+			Senior Feature Writer / Video Producer at the <a href="http://nydailynews.com/" target="_blank">NY Daily News</a> 
+			has also written and produced video for Esquire, The Wall Street Journal, New York magazine and many others
+			&mdash; <a href="http://twitter.com/JustinRocket" target="_blank">@JustinRocket</a>
+		</li>
+		<li>
+			<h3><a href="http://twitter.com/jahfurry" target="_blank">Jeff Newelt aka JAHFURRY</a></h3>
+			Writer / Comics Editor, <a href="http://heebmagazine.com/author/jahfurry/" target="_blank">HEEB Magazine</a>; Editor, <a href="http://smithmag.net/pekarproject" target="_blank">The Pekar Project</a> & <a href="http://www.topshelfcomix.com/catalog/cleveland/767" target="_blank">Harvey Pekar's CLEVELAND</a>;
+			PR/Social Media for cool clients; <a href="http://www.youtube.com/jahfurry" target="_blank">reggae singer</a>
+			&mdash; <a href="http://twitter.com/JahFurry" target="_blank">@JahFurry</a>
+		</li>
+		<li>
+			<h3><a href="http://scottbeale.org/" target="_blank">Scott Beale</a></h3>
+			Founder / Publisher of art/technology blog <a href="http://laughingsquid.com/" target="_blank">Laughing Squid</a>
+			&mdash; <a href="http://twitter.com/LaughingSquid" target="_blank">@LaughingSquid</a> <a href="http://twitter.com/ScottBeale" target="_blank">@ScottBeale</a>
+		</li>
+		<li>
+			<h3><a href="http://mollycrabapple.com/" target="_blank">Molly Crabapple</a> (Emerita)</h3>
+			Artist / Comics Creator / Founder of <a href="http://www.drsketchy.com/" target="_blank">Dr Sketchy's Anti-Art School</a> &mdash; <a href="http://twitter.com/MollyCrabapple" target="_blank">@MollyCrabapple</a>
+		</li>
+	</ul>
+	<p>
+		New York Times Sunday Styles <a href="http://www.nytimes.com/2009/08/09/fashion/09blogfree.html" target="_blank">Feature on Protocols</a>
+	</p>
+</section>
+<section id="patronMode">
+	<p>
+		<small>EVENT PATRON</small>
+		The event takes place in the penthouse of our patrons <a href="http://madhousenyc.com/" target="_blank">mad.house</a>
+		and their interactive partners <a href="http://mediatronica.com/" target="_blank">Mediatronica</a> (iPhone/iPad apps,
+		video remix widgets, social media distribution). Together, mad.house and mediatronica produce and distribute quality
+		multi-platform content for ad agencies, networks and brands.
+	</p>
+	<p>
+		240 Madison Ave, 14th Floor<br/>New York, NY<br/>
+		<a href="http://maps.google.com/maps?q=240+Madison+Ave,+New+York,+NY" target="_blank">[map]</a>
+	</p>
+
+	<p>
+		<small>TECH PATRONS</small>
+		<a href="http://www.winslowporter.com/" target="_blank">Winslow Turner Porter III</a><br>
+		<a href="http://www.carbonpictures.com/jules/" target="_blank">Jules Laplace</a>
+	</p>
+
+	<p>
+		<small>REUNION PATRON</small>
+		<a href="http://www.sutranyc.com/" target="_blank">Sutra Lounge</a>
+	</p>
+</section>
+<section id="reunionMode">
+	<p>
+		Every Protocols attendee is invited to our quarterly reunions.<br /><br />
+
+		<img src="/img/pro2.jpg" width="900" /><br />
+		photo by <a href="http://www.randomnightout.com/" target="_blank">Nick McGlynn</a><br />
+		<br />
+
+		<img src="/img/pro1.jpg" width="900" /><br />
+		photo by <a href="http://www.randomnightout.com/" target="_blank">Nick McGlynn</a><br />
+		<br />
+
+		<img src="/img/protocols-anim.gif" width="900" /><br />
+		photo by <a href="http://RonenV.com/" target="_blank">Ronen V.</a><br />
+		<br />
+
+		<img src="/img/pro4.jpg" width="900" /><br />
+		photo by <a href="http://www.kristyleibowitz.com/" target="_blank">Kristy Leibowitz</a><br />
+		<br />
+
+		<img src="/img/pro5.jpg" width="900" /><br />
+		photo by <a href="http://www.kristyleibowitz.com/" target="_blank">Kristy Leibowitz</a><br />
+		<br />
+
+		<img src="/img/pro6.jpg" width="900" /><br />
+		<br />
+
+		<img src="/img/protocols-party-winter-2012.jpg" width="900" /><br />
+		photo by <a href="http://www.moreimages.net/" target="_blank">Andrzej Liguz</a><br />
+		<br />
+
+		<img src="/img/pro7.jpg" width="900" /><br />
+		photo by <a href="http://www.moreimages.net/" target="_blank">Andrzej Liguz</a><br />
+		<br />
+		<br /><br /><br />
+	</p>
+</section>
+<section id="partiesMode">
+	<section id="partyListContainer">
+		<ul id="partyList"></ul>
+		<button id="party-add">+ New Party</button>
+	</section>
+	<section id="userListContainer">
+		<h2 id="partyLocation"></h2>
+		<button id="user-add">+ Add Guest</button>
+		<button id="party-edit">+ Edit Party</button>
+		<ul id="userList"></ul>
+	</section>
+	<section id="partyEditContainer">
+		<h2></h2>
+		<input type="hidden" id="party-id">
+		<p>
+			<label>location</label><input type="text" id="party-location">
+		</p>
+		<p>
+			<label>date</label>
+			<input type="text" id="party-day">
+			<select id="party-month">
+				<option value="0">Jan</option>
+				<option value="1">Feb</option>
+				<option value="2">Mar</option>
+				<option value="3">Apr</option>
+				<option value="4">May</option>
+				<option value="5">Jun</option>
+				<option value="6">Jul</option>
+				<option value="7">Aug</option>
+				<option value="8">Sep</option>
+				<option value="9">Oct</option>
+				<option value="10">Nov</option>
+				<option value="11">Dec</option>
+			</select>
+		<input type="text" id="party-year">
+		</p>
+		<button id="party-save">SAVE</button>
+	</section>
+	<section id="userViewContainer"></section>
+	<section id="userEditContainer">
+		<h2></h2>
+		<input type="hidden" id="user-id">
+		<label>name</label><input type="text" id="user-name">
+		<label>email</label><input type="text" id="user-email">
+		<p id="user-emailhide-block">
+			<input type="checkbox" id="user-emailhidden">
+			<label id="user-emailhidden-label">hide email address</label>
+		</p>
+		<p id="user-invitedby-block">
+			<label id="user-host-label">invited by</label>
+			<select id="user-host"></select>
+		</p>
+		<p id="user-isstaff-block">
+			<label>access</label>
+			<select id="user-access">
+				<option value="0">Guest</option>
+				<option value="1">Guest Host</option>
+				<option value="2">Host</option>
+			</select>
+		</p>
+		<p id="user-password-block">
+			<label>password</label>
+			<input type="password" id="user-password1">
+			<label><small>(again)</small></label>
+			<input type="password" id="user-password2">
+		</p>
+		<p>
+			<label id="user-textarea-label">links</label>
+			<textarea id="user-blurb"></textarea>
+		</p>
+		<p>
+			<button id="user-save">SAVE</button>
+			<button id="user-delete">DELETE</button>
+		</p>
+	</section>
+</section>
+
+<footer>
+Website crafted by <a href="http://www.carbonpictures.com/" target="_blank">Carbon Pictures</a><br>
+Illustration by <a href="http://mollycrabapple.com/" target="_blank">Molly Crabapple</a>
+</footer>
+
+<section id="welcome">
+	hello,
+	<b id="profile-edit"></b>
+	|
+	<u id="logout">log out</u>
+</section>
+<section id="msg">
+</section>
+
+</body>
+<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
+<script type="text/javascript" src="base64.js"></script>
+<script type="text/javascript" src="protocols_site.js"></script>
+</html>
+
author	Jules Laplace <jules@okfoc.us>	2014-07-09 18:17:16 -0400
committer	Jules Laplace <jules@okfoc.us>	2014-07-09 18:17:16 -0400
commit	0f9e0e60cc52cfbd052cf3b8925abadeda374c2f (patch)
tree	9e4d7f14e34a5cc56b512441e9768bce64c253e8 /public/protocols
parent	c251396987dcffa38d421303162661b68443314f (diff)