base-with-sidebar.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. {% load staticres %}
  2. {% load authperm %}
  3. <!DOCTYPE html>
  4. <!--[if lt IE 7]>
  5. <html class="no-js lt-ie9 lt-ie8 lt-ie7">
  6. <![endif]-->
  7. <!--[if IE 7]>
  8. <html class="no-js lt-ie9 lt-ie8">
  9. <![endif]-->
  10. <!--[if IE 8]>
  11. <html class="no-js lt-ie9">
  12. <![endif]-->
  13. <!--[if gt IE 8]>
  14. <!-->
  15. <html class="no-js">
  16. <!--<![endif]-->
  17. <head>
  18. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21. <meta name="renderer" content="webkit">
  22. <link rel="shortcut icon" href="/favicon.ico"/>
  23. <link rel="bookmark" href="/favicon.ico"/>
  24. <title>{% block title %}丘丘塔台{% endblock %}</title>
  25. {% res css "bootstrap" %}
  26. {% res css "pichublog-main" %}
  27. {% res css "pichublog-common" %}
  28. {% res css "footer" %}
  29. {% res js "jquery" %}
  30. {% res js "jquery.cookie" %}
  31. {% res js "bootstrap" %}
  32. {% res js "common" %}
  33. {% block head %}{% endblock %}
  34. </head>
  35. <body>
  36. <!-- 导航栏 -->
  37. <div class="mainmenu-wrapper hidden-xs">
  38. <div class="container">
  39. <div class="menuextras">
  40. <div class="extras">
  41. <ul>
  42. <li class="envelope-items dropdown">
  43. <span class="glyphicon glyphicon-envelope icon-white"></span>
  44. <a href="" data-toggle="dropdown"> <b>通知</b> <b class="caret"></b>
  45. </a>
  46. <span class="navmsgalt badge"></span>
  47. <ul class="dropdown-menu" role="menu">
  48. <li role="menuitem">
  49. <a href="{% siteurl 'smail_mailbox' %}">站内信箱</a>
  50. </li>
  51. <li role="menuitem">
  52. <a href="{% siteurl 'smail_edit' %}">发送站内信</a>
  53. </li>
  54. </ul>
  55. </li>
  56. {% ifperm "pichublog" "Admin" %}
  57. <li role="menuitem">
  58. <span class="glyphicon glyphicon-cog"></span>
  59. <a href="{% url 'pichublog_sysconf' %}"><b>博客后台</b></a>
  60. </li>
  61. {% endifperm %}
  62. {% if request.auth.islogin %}
  63. <li class="dropdown">
  64. <a href="" class="dropdown-toggle" data-toggle="dropdown">
  65. <span class="glyphicon glyphicon-user"></span>
  66. <b>{{ request.auth.user }}</b>
  67. <b class="caret"></b>
  68. </a>
  69. <ul class="dropdown-menu" role="menu">
  70. {% ifperm "adminsys" "Access" %}
  71. <li role="menuitem">
  72. <a href="{% siteurl 'admin_home' %}">管理后台</a>
  73. </li>
  74. {% endifperm %}
  75. {% ifperm "pichublog" "Admin" %}
  76. <li role="menuitem">
  77. <a href="{% siteurl 'pichublog_sysconf' %}">博客设置</a>
  78. </li>
  79. {% endifperm %}
  80. <li role="menuitem">
  81. <a href="{% siteurl 'zlum' %}">个人中心</a>
  82. </li>
  83. <li role="menuitem">
  84. <a href="{% siteurl 'zlum_logout' %}">注销登陆</a>
  85. </li>
  86. </ul>
  87. </li>
  88. {% else %}
  89. <li>
  90. <a href="{% siteurl 'zlum_loginurl' %}">
  91. <b>登陆</b>
  92. </a>
  93. </li>
  94. {% endif %}
  95. </ul>
  96. </div>
  97. </div>
  98. <nav id="mainmenu" class="mainmenu">
  99. <ul>
  100. <li class="logo-wrapper">
  101. <a href="/">{% res img "pichublog-title-logo" %}</a>
  102. </li>
  103. <li>
  104. <a href="/" target="_self">首页</a>
  105. </li>
  106. {% for i in request.pubconf.siteinfo_pichublog.header.navigator %}
  107. <!-- {{i.title}} - {{i.type}} -->
  108. {% ifequal i.type "link" %}
  109. <li>
  110. <a href="{{i.href}}" target="{{i.target}}">{{i.title}}</a>
  111. </li>
  112. {% endifequal %}
  113. {% ifequal i.type "menu" %}
  114. <li class="dropdown">
  115. <a href="" class="dropdown-toggle" data-toggle="dropdown">
  116. {{i.title}}
  117. <b class="caret"></b>
  118. </a>
  119. <ul class="dropdown-menu" role="menu">
  120. {% for j in i.items %}
  121. <li role="menuitem">
  122. <a href="{{j.href}}" target="{{j.target}}">{{j.title}}</a>
  123. </li>
  124. {% endfor %}
  125. </ul>
  126. </li>
  127. {% endifequal %}
  128. {% endfor %}
  129. </ul>
  130. </nav>
  131. <!--/.nav-collapse --> </div>
  132. </div>
  133. <div class="mainmenu-wrapper visible-xs">
  134. <div class="container">
  135. <div class="menuextras">
  136. <div class="extras">
  137. <ul>
  138. <li class="envelope-items dropdown">
  139. <span class="glyphicon glyphicon-envelope icon-white"></span>
  140. <a href="" data-toggle="dropdown">
  141. <b>通知</b>
  142. <b class="caret"></b>
  143. </a>
  144. <span class="navmsgalt badge"></span>
  145. <ul class="dropdown-menu" role="menu">
  146. <li role="menuitem">
  147. <a href="{% siteurl 'smail_mailbox' %}">站内信箱</a>
  148. </li>
  149. <li role="menuitem">
  150. <a href="{% siteurl 'smail_edit' %}">发送站内信</a>
  151. </li>
  152. </ul>
  153. </li>
  154. {% if request.auth.islogin %}
  155. <li class="dropdown">
  156. <a href="" class="dropdown-toggle" data-toggle="dropdown">
  157. <span class="glyphicon glyphicon-user"></span>
  158. <b>{{ request.auth.user }}</b>
  159. <b class="caret"></b>
  160. </a>
  161. <ul class="dropdown-menu" role="menu">
  162. {% ifperm "adminsys" "Access" %}
  163. <li role="menuitem">
  164. <a href="{% siteurl 'admin_home' %}">管理后台</a>
  165. </li>
  166. {% endifperm %}
  167. <li role="menuitem">
  168. <a href="{% siteurl 'zlum' %}">个人中心</a>
  169. </li>
  170. <li role="menuitem">
  171. <a href="{% siteurl 'zlum_logout' %}">注销登陆</a>
  172. </li>
  173. </ul>
  174. </li>
  175. {% else %}
  176. <li>
  177. <a href="{% siteurl 'zlum_loginurl' %}">
  178. <b>登陆</b>
  179. </a>
  180. </li>
  181. {% endif %}
  182. </ul>
  183. </div>
  184. </div>
  185. <nav id="mainmenu" class="mainmenu">
  186. <ul>
  187. <li class="logo-wrapper">
  188. <a href="/" style="padding-right:0px;">
  189. <h3 class="vertical-middle">{% res img "pichublog-32pxlogo" %}&nbsp;丘丘塔台</h3>
  190. </a>
  191. </li>
  192. </ul>
  193. </nav>
  194. <!--/.nav-collapse --> </div>
  195. </div>
  196. <div class="section section-breadcrumbs hidden-xs">
  197. <div class="container" style="width:90%">
  198. <h1>
  199. <span id="pagetitlebar_pcc">正在载入...</span>
  200. </h1>
  201. </div>
  202. </div>
  203. <div id="mobi_navmenu" disp="0" style="display:none">
  204. <nav id="mainmenu" class="mainmenu mobi-navmenu">
  205. <ul>
  206. <li>
  207. <a href="/" target="_self">首页</a>
  208. </li>
  209. {% for i in request.pubconf.siteinfo_pichublog.header.navigator %}
  210. <!-- {{i.title}} - {{i.type}} -->
  211. {% ifequal i.type "link" %}
  212. <li>
  213. <a href="{{i.href}}" target="{{i.target}}">{{i.title}}</a>
  214. </li>
  215. {% endifequal %}
  216. {% ifequal i.type "menu" %}
  217. <li class="dropdown">
  218. <a href="" class="dropdown-toggle" data-toggle="dropdown">
  219. {{i.title}}
  220. <b class="caret"></b>
  221. </a>
  222. <ul class="dropdown-menu" role="menu">
  223. {% for j in i.items %}
  224. <li role="menuitem">
  225. <a href="{{j.href}}" target="{{j.target}}">{{j.title}}</a>
  226. </li>
  227. {% endfor %}
  228. </ul>
  229. </li>
  230. {% endifequal %}
  231. {% endfor %}
  232. </ul>
  233. </nav>
  234. </div>
  235. <div class="section section-breadcrumbs visible-xs">
  236. <div class="container" style="width:90%">
  237. <h1>
  238. <span role="button" onclick="mobi_navmenutoggle()" id="pagetitlebar_mbb">
  239. <span id="pagetitlebar_mbc">正在载入...</span>
  240. <span id="mobi_navmenu_icon" class="glyphicon glyphicon-chevron-up"></span>
  241. </span>
  242. </h1>
  243. </div>
  244. </div>
  245. <!-- 内容区域 -->
  246. <div class="container main-container-with-sidebar">
  247. {% if messages %}
  248. {% for message in messages %}
  249. <div {% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}role="alert">{{ message|safe }}</div>
  250. {% endfor %}
  251. {% endif %}
  252. <div class="row">
  253. <div class="col-md-2">{% block sidebar %}{% endblock %}</div>
  254. <div class="col-md-10">{% block content %}{% endblock %}</div>
  255. </div>
  256. </div>
  257. <script type="text/javascript">
  258. CopyTitle();
  259. GetMsgAlt();
  260. </script>
  261. <div class="footer">
  262. <div class="container col-footer">
  263. <div class="row">
  264. <div class="col-footer col-md-4 col-xs-6">
  265. <br/>
  266. <p class="text-muted">丘丘塔台 &copy; PichuWorks 2016 (With Hitomi's jar Blog System)
  267. <br />
  268. 技术支持:<a href="http://www.swzry.com/" target="_blank">swzry.com</a> (With SWZRY Web Framework)
  269. <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1256691021'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1256691021%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
  270. </p>
  271. </div>
  272. <div class="col-footer col-md-4 col-md-offset-4 col-xs-6">
  273. <br/>
  274. <p class="text-muted">
  275. 最佳浏览分辨率1920x1080
  276. <br />
  277. 推荐使用IE9.0以上、Firefox、Chrome、Opera等浏览器
  278. </p>
  279. <div></div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <script type="text/javascript" src="{% siteurl 'smail_alt' %}"></script>
  285. {% res js "jquery.sequence" %}
  286. {% res js "jquery.bxslider" %}
  287. {% res js "slide-template" %}
  288. </body>
  289. </html>