Flex Cafe Menu

<div class="config_panel hidden">
		<div class="content">
			<div class="section">
				<div class="title notice">Notice</div>
				<p>If you are 18+, enter your <b class="pink">Birthday</b>
					to unlock <b class="green">Comfort Levels</b>!</p>
				<p class="grey">Your Birthday and Comfort Level
					data are not transmitted over network in any form.</p>
			</div>
			<div class="section">
				<div class="title birthday">Your Birthday</div>
				<select id="birth_month" oninput="yunius.updateComfort()">
					<option value="1">January</option>
					<option value="2">February</option>
					<option value="3">March</option>
					<option value="4">April</option>
					<option value="5">May</option>
					<option value="6">June</option>
					<option value="7">July</option>
					<option value="8">August</option>
					<option value="9">September</option>
					<option value="10">October</option>
					<option value="11">November</option>
					<option value="12">December</option>
				</select>
				<select id="birth_day" oninput="yunius.updateComfort()">
					%days%
				</select>
				<select id="birth_year" oninput="yunius.updateComfort()">
					%years%
				</select>
			</div>
			<div class="section">
				<div class="title comfort">Comfort Level</div>
				<label>
					<input type="radio" name="comfort_level" value="0" checked oninput="yunius.updateComfort()">
					Safe
				</label>
				<label class="xdisabled">
					<input type="radio" name="comfort_level" value="1" oninput="yunius.updateComfort()">
					Nudity
				</label>
				<label class="xdisabled">
					<input type="radio" name="comfort_level" value="2" oninput="yunius.updateComfort()">
					Explicit *
				</label>
				<p class="divider grey">
					* Includes disturbing and/or overly graphic imagery.
				</p>
			</div>
			<div class="dismiss" onclick="yunius.toggleConfig()">Close</div>
		</div>
	</div>

<div class="fixed_width">
		<a class="header %head_hoverable%" href="#">
			<img src="%head_image%" data-width="%head_width%" data-height="%head_height%" />
			<span>Back to Home page...</span>
		</a>
		<div class="menu_bar">
			<div class="search">
				<input type="text" placeholder="Search..." onchange="yunius.search()" />
			</div>
			<span class="items">
				<span class="item prefs" onclick="javascript:yunius.toggleConfig()" title="Preferences"></span>
				<a class="item home" href="#" title="Home page"></a>
				<a class="item tags" href="#tags" title="Tags"></a>
			</span>
		</div>
		%config%
		<div class="page_info">
			<img src="https://cdn.emojidex.com/emoji/px64/%emojidex%.png"
				srcset="https://cdn.emojidex.com/emoji/px64/%emojidex%.png 1x,
				https://cdn.emojidex.com/emoji/px128/%emojidex%.png 2x" alt="%emoji%">
			<div class="content">
				<div class="title">%title%</div>
				<div class="description">%description%</div>
			</div>
		</div>
		%content%
	</div>
	<div class="footer">
		<div class="fixed_width">
			<div class="links">
				<a target="_blank" href="https://www.deviantart.com/yuni">DeviantArt</a>
				<a target="_blank" href="https://www.facebook.com/art.of.yuni">Facebook</a>
				<a target="_blank" href="https://www.furaffinity.net/user/jahi/">FurAffinity</a>
				<a target="_blank" href="https://yunius.tumblr.com/">Tumblr</a>
			</div>
			<div class="rechts">
				<span>Design and content by Yuni</span>
				<span>Sponsored and hosted by
					<a target="_blank" href="https://gohanxtrunks.net/">Boxer & Rice</a>
				</span>
			</div>
		</div>
	</div>