Skip to content

Instantly share code, notes, and snippets.

@fronx

fronx/eatdrinkbenerdy.html

Created September 26, 2011 19:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fronx/1243235 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fronx/1243235 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
eatdrinkbenerdy.html
<!DOCTYPE html>
<!-- saved from url=(0018)http://tif.ca/eat/ -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Eat, drink, be nerdy</title>
<meta name="description" content="Dinner and meet-up for lovers of coding &amp;&amp; food: Eat, drink, be nerdy.">
<meta name="rating" content="general">
<meta name="robots" content="all, index, follow">
<link rel="shortcut icon" type="image/ico" href="http://tif.ca/favicon.ico">
<style type="text/css">article, aside, dialog, figure, footer, header, hgroup, menu, nav, section{ display: block; }</style>
<style type="text/css">
body {
padding: 0;
font-family: Georgia; font-size: 100%;
width: 430px; margin: 50px auto;
line-height: 1.5; color: #333;
background-color: #f4f4f4;
}
a { color: #f60; text-decoration:none; }
a:hover, a:active, a:focus { color: #fff; background-color: #f60; }
p { margin: 0 0 0.75em 0; }
header { margin-bottom: 2.5em; }
section { margin-bottom: 2em; }
/* F**K YOU IE!! */
h1, h2, h3 {
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight:normal; text-align: center; line-height: 1em;
margin: 0 0 0.75em 0;
}
h1 { font-size: 3em; margin-bottom: 0.25em; }
h2 { font-size: 1.5em; margin-bottom: 0.25em; }
h3 em { color: #f60; font-weight: bold; font-style: normal; }
h3 { font-size: 1.25em; margin-bottom: 0.75em; }
.whenwhere { margin: 0.5em 0; padding: 1em 0; border-top: 2px solid white; border-bottom: 2px solid white; text-align: center; background: #f8f8f8; }
.callout { font-size: 1.5em; line-height: 1.4em; text-align:center; margin: 1.5em 0 0.6em 0; }
.rsvp { padding: 1em 0 0 0; border-top: 2px solid white; }
#menue { text-align:center; border: solid #999 1px; padding: 20px; background: white; }
#menue p { margin-top: 1.5em; }
::-moz-selection{ background: #f60; color:#fff; text-shadow: none; }
::selection { background:#f60; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #f60; }
span.en { display:block; font-size: 0.75em; color: #999; font-style: italic; }
span.en em { font-style: normal; }
span.vegetarian { display:block; color: green; }
span.oder { display:block; color: green; font-size: 0.75em; }
span.oder:before, span.oder:after { content: " – "; color: green; }
.sidetab { position: fixed; top: auto; bottom: auto; right: 0; width: 200px; padding: 10px 20px;
background: white;
-webkit-box-shadow: #999 0px 0px 18px;
-moz-box-shadow: #999 0px 0px 18px;
box-shadow: #999 0px 0px 18px;
}
.sidetab span { font-size: 0.75em; }
.sidetab img { display: block; border:0; }
#soundcloud { top: 50px; }
#twitter { bottom: 120px; }
#tifca { bottom: 50px; color: #0080C0 }
#tifca:hover { background-color: #0080C0; color: #fff; }
p strong { background-color: #ffff00; }
</style>
<!--[if lte IE 8]>
<script src="modernizr-1.5.min.js"></script>
<style type="text/css">
.sidetab { border: solid #999 1px; border-right: 0; }
a.sidetab:hover { border-color: #f60; }
#precis:hover { border-color: #74A401; }
</style>
<![endif]-->
</head>
<body>
<div id="wrap">
<header role="banner">
<h1>Eat, drink,<br> be nerdy</h1>
<h3>A <a href="http://codefoodbar.org/">code(food,bar)</a> event</h3>
</header>
<div id="content" role="main">
<section id="warum">
<p>I am organising a pre-<a href="http://jsconf.eu/">JSConf.eu</a> dinner and meet-up:</p>
<p class="whenwhere">
Friday, September 30th.<br>
Doors at 5:30pm. Dinner at 6pm.<br>
<a href="http://www.hbc-berlin.de/">Restaurant @ .HBC</a><br>
<a href="http://maps.google.com/maps?q=Karl-Liebknecht-Stra%C3%9Fe%209,%2010178%20Berlin">Karl-Liebknecht-Straße 9, Berlin-Mitte</a>
</p>
<p class="callout">
I love coding. I love food. You do too!<br>
And anyway, you gotta eat, right?</p>
<p>A club/bar/theatre called <a href="http://hbc-berlin.de/">.HBC</a> also houses a restaurant with great food.</p>
<p>I've arranged for a special pre-JSConf-party dinner. The adventurous tasting menu will have five dishes plus pairings. YES x 5 !!!!!</p>
<h3 class="rsvp">RSVP required.</h3>
<p>Space is limited! &mdash; Email me at
<a href="mailto:eat@tif.ca;">eat@tif.ca</a>.<br>
<span class="vegetarian">Mention if you prefer vegetarian.</span></p>
</section>
<section id="menue">
<h2>Das Menü</h2>
<h3><span style="text-decoration:line-through;">60€</span> <span style="font-weight: bold;">only 40€!</span><em>*</em></h3>
<h3>including wine pairings</h3>
<p>Meereskraut-Salat mit großen Garnelen in Speckmantel und Zimt-Dressing
<span class="en">Sea weed salad with bacon-wrapped shrimp and mint dressing</span>
<span class="oder">vegetarisch / vegetarian</span>
<span class="vegetarian">Meereskraut-Salat mit Pincandou und Zimt-Dressing</span>
<span class="en vegetarian">Sea weed salad with Pincandou (a fresh goat cheese) and mint dressing</span>
</p>
<p>Infusion von Safran und Shitake-Pilzen
<span class="en">Safran and shitake mushroom infusion</span>
</p>
<p>Morchel-Mezzaluna an Kräuterbutter
<span class="en">Morel Mezzaluna with herb butter</span>
</p>
<p>Rinderfilet an karamelisierter Foie gras und Hagebuttensauce
<span class="en">Filet of beef on caramelised foie gras and rosehip sauce</span>
<span class="oder">vegetarisch / vegetarian:</span>
<span class="vegetarian">Trompete de la mort an Süssholz-Reduktion</span>
<span class="en vegetarian">Black chantrelle on Süssholz reduction (Süssholz translates literally as "sweet wood" and is related to liquorice)</span>
</p>
<p>Schokoladen-Fondant mit violettem Merengue
<span class="en">Chocolate fondant with violet merengue</span>
</p>
</section>
<a href="http://soundcloud.com/" class="sidetab" id="soundcloud">
<span>* New! Sponsored by SoundCloud</span>
<img src="./Eat, drink, be nerdy_files/soundcloud-logo-sc.png">
</a>
<a href="http://twitter.com/eatdrinkbenerdy" class="sidetab" id="twitter">
<span>Follow us on Twitter</span>
</a>
<a href="http://twitter.com/theophani" class="sidetab" id="tifca">
<span>tiffany made this</span>
</a>
</div>
<footer>
</footer>
</div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment