Merge branch 'ajax_post' of csgitlab.ucd.ie:19206226/q-a_platform into ajax_post

ajax_post
bug_creator 3 years ago
commit ee04c354f6

@ -3832,7 +3832,7 @@
line-height: 1.6;
padding: 20px;
overflow: auto;
width: 100%;
width: 95%;
background-color: #fff;
}
.editormd-preview-container blockquote, .editormd-html-preview blockquote {

@ -328,19 +328,21 @@ html, body {
/*SMusic*/
.grid-music-container {
width: 520px;
height: 276px;
height: 400px;
padding: 20px;
position: relative;
background-color: rgba(255, 255, 255, .7);
font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Tahoma, sans-serif;
text-shadow: 1px 0 0 rgba(255, 255, 255, .7);
margin: 0 auto;
border-radius: 20px;
}
.grid-music-container .m-music-play-wrap {
height: 150px;
position: relative;
padding-left: 140px;
z-index: 100;
}
.grid-music-container .u-cover {
@ -541,6 +543,7 @@ html, body {
border: 1px solid rgba(255, 255, 255, .7);
overflow-x: hidden;
overflow-y: auto;
margin-top: 40px;
}
.grid-music-container .m-music-list-wrap ul {
@ -648,4 +651,8 @@ html, body {
.u-play-btn.mode-single.current {
background-position: -221px -80px;
}
.satic-area #middle {
padding-top: 10%;
}

@ -11,6 +11,7 @@ html, body {
height: 100%;
background: url(Image/poster-about.jpg) no-repeat center;
background-size: cover;
z-index: 90;
}
.dynamic-area1 {
@ -22,6 +23,7 @@ html, body {
background: url(Image/poster-drop-animate2.png) repeat-x 0px 0px;
background-size: cover;
animation: posterDrop1 6000s linear infinite;
z-index: -95;
}
@keyframes posterDrop1 {
@ -42,6 +44,7 @@ html, body {
background: url(Image/poster-drop-animate1.png) repeat-x 0px 0px;
background-size: cover;
animation: posterDrop2 8000s linear infinite;
z-index: -95;
}
@keyframes posterDrop2 {

@ -1,16 +1,89 @@
{#Reference: http://www.internetke.com/effects/#}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Album</title>
<link rel="stylesheet" type="text/css" href="../../static/book.css">
<script src="../../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../../static/js/book.js"></script>
</head>
<body class="mkeBody">
<div class="mkeHeadBox"></div>
{% extends "base.html" %}
{% import "_macros.html" as macros %}
{% block title %}Student Exchange Forum of BJUT{% endblock %}
{% block head %}
{{ super() }}
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="../../static/book.css">
<script src="../../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../../static/js/book.js"></script>
{% endblock %}
{#主导航#}
{% block navbar %}
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ url_for('main.index') }}">Student Exchange Forum of BJUT</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="{{ url_for('auth.guidance') }}">Guidance</a></li>
<form class="navbar-form navbar-left" role="search" method="post">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
<div class="form-group">
<input name="search" value=" " style="width: 420px;margin-left: 20px;" type="text"
class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</ul>
<ul class="nav navbar-nav navbar-right">
{% if current_user.is_authenticated %}
{# 通知#}
<li>
<a href="{{ url_for('main.notification') }}">
<svg viewBox="0 0 1024 1024" width="20" height="20">
<defs>
<style type="text/css"></style>
</defs>
<path d="M892.343 738.743c7.314 0 21.943 0 29.257 7.314-29.257-21.943-51.2-58.514-51.2-95.086V424.23c0-168.229-117.029-307.2-285.257-343.772v-7.314C585.143 36.57 548.57 0 512 0s-80.457 36.571-80.457 73.143v7.314C270.629 117.03 153.6 256 153.6 424.23V650.97c0 36.572-21.943 73.143-51.2 95.086 7.314-7.314 14.629-7.314 29.257-7.314-29.257 0-51.2 21.943-51.2 51.2s21.943 51.2 51.2 51.2h768c29.257 0 51.2-21.943 51.2-51.2-7.314-21.943-29.257-43.886-58.514-51.2zM512 1024c73.143 0 131.657-58.514 131.657-131.657H380.343C380.343 965.486 438.857 1024 512 1024z"
fill="#3BA9F6" p-id="1699">
</path>
</svg>
<span class="badge" style="margin-bottom: 10px"></span>
</a>
</li>
{# 下拉菜单#}
<li class="dropdown">
<a href="{{ url_for('main.notification') }}" class="dropdown-toggle" data-toggle="dropdown">Account<b
class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="{{ url_for('main.user', username=current_user.username) }}">MY Profile</a>
</li>
<li><a href="{{ url_for('auth.change_password') }}">MY Account</a></li>
<li><a href="{{ url_for('auth.logout') }}">Log Out</a></li>
</ul>
</li>
{% else %}
<li><a href="{{ url_for('auth.login') }}">Log In</a></li>
{% endif %}
</ul>
</div>
</div>
</nav>
{% endblock %}
{% block content %}
{#<body class="mkeBody">#}
<div class="mkeContentBox">
<!--效果html开始-->
<section id="knowledge" class="viewBlock">
@ -33,5 +106,4 @@
<!--效果html结束-->
</div>
</body>
</html>
{% endblock %}

@ -17,43 +17,79 @@
<!--效果html开始-->
<div class="satic-area">
<div class="dynamic-area1"></div>
<div class="dynamic-area2"></div>
</div>
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
<div class="dynamic-area1"></div>
<div class="dynamic-area2"></div>
<div id="middle">
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
</div>
<a class="volume-control"></a>
</div>
</div>
<div class="m-play-controls">
<a class="u-play-btn prev" title="previous"></a>
<a class="u-play-btn ctrl-play play" title="pause"></a>
<a class="u-play-btn next" title="next"></a>
<a class="u-play-btn mode mode-list current" title="list circulation"></a>
<a class="u-play-btn mode mode-random" title="random"></a>
<a class="u-play-btn mode mode-single" title="single circulation"></a>
</div>
<a class="volume-control"></a>
</div>
</div>
<div class="m-play-controls">
<a class="u-play-btn prev" title="previous"></a>
<a class="u-play-btn ctrl-play play" title="pause"></a>
<a class="u-play-btn next" title="next"></a>
<a class="u-play-btn mode mode-list current" title="list circulation"></a>
<a class="u-play-btn mode mode-random" title="random"></a>
<a class="u-play-btn mode mode-single" title="single circulation"></a>
</div>
<div class="f-cb">&nbsp;</div>
<div class="m-music-list-wrap"></div>
</div>
</div>
<div class="f-cb">&nbsp;</div>
<div class="m-music-list-wrap"></div>
</div>
{#<div class="grid-music-container f-usn">#}
{# <div class="m-music-play-wrap">#}
{# <div class="u-cover"></div>#}
{# <div class="m-now-info">#}
{# <h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>#}
{# <div class="m-now-controls">#}
{# <div class="u-control u-process">#}
{# <span class="buffer-process"></span>#}
{# <span class="current-process"></span>#}
{# </div>#}
{# <div class="u-control u-time">00:00/00:00</div>#}
{# <div class="u-control u-volume">#}
{# <div class="volume-process" data-volume="0.50">#}
{# <span class="volume-current"></span>#}
{# <span class="volume-bar"></span>#}
{# <span class="volume-event"></span>#}
{# </div>#}
{# <a class="volume-control"></a>#}
{# </div>#}
{# </div>#}
{# <div class="m-play-controls">#}
{# <a class="u-play-btn prev" title="previous"></a>#}
{# <a class="u-play-btn ctrl-play play" title="pause"></a>#}
{# <a class="u-play-btn next" title="next"></a>#}
{# <a class="u-play-btn mode mode-list current" title="list circulation"></a>#}
{# <a class="u-play-btn mode mode-random" title="random"></a>#}
{# <a class="u-play-btn mode mode-single" title="single circulation"></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="f-cb">&nbsp;</div>#}
{# <div class="m-music-list-wrap"></div>#}
{#</div>#}
<script src="../../static/js/smusic.min.js"></script>
<script>
var musicList = [

Loading…
Cancel
Save