header.jinja

		{# ヘッダを情報バーにする。 #}
		<div data-role="header" data-id="header_withLogin" data-position="fixed" id="{{page_name}}_header_withLogin">
			<h1>{{title}}</h1>
			<img id="{{page_name}}_user_settings_button" class="ui-btn-left" alt="{{user.name}}の{{user.auth_provider}}の画像" src="{{user.avatar_url}}" width="32px" height="32px">
			<a href="#{{page_name}}_settings_popup" data-rel="popup" data-inline="true" class="ui-btn ui-shadow ui-btn-right">設定</a>
		</div>
		{# 上のボタンをクリックしたら開くメニューパネル。 #}
		<div id="{{page_name}}_settings_popup" data-transition="pop" data-role="popup" class="ui-content" style="min-width:210px;">
			<div data-role="collapsible-set"> 
				<div data-role="collapsible">
			    	<h3>ログイン情報</h3>
			    	<table>
						<tr>
							<th>ログイン元</th><td>{{user.auth_provider}}</td>
						</tr>
						<tr>
							<th>ログイン名</th><td>{{user.name}}</td>
						</tr>
					</table>
			　　  </div>
				<div>
				    <h3><a href="{{uri_for('logout')}}" class="ui-btn ui-shadow ui-btn-icon-left ui-icon-alert">ログアウト</a></h3>
				</div>
			 </div>
		</div>