page matches theme selections, and added gradient background options to theme editor

This commit is contained in:
cube
2026-03-20 20:22:09 +00:00
parent e74ea6ca69
commit 56a24b7691
3 changed files with 72 additions and 3 deletions

View File

@@ -67,10 +67,13 @@ def edit(mid):
c14 = request.form["c14"]
c15 = request.form["c15"]
c16 = request.form["c16"]
c18 = request.form["c18"]
c19 = request.form["c19"]
c20 = request.form["c20"]
c21 = request.form["c21"]
c22 = request.form["c22"]
db.execute("UPDATE member SET card_border=(?), card_bg=(?), heading_bg=(?), heading_border=(?), heading_name=(?), heading_subtitle=(?), card_text=(?), icon_border=(?), a1=(?), a2=(?) WHERE id=(?)",(c9, c10, c11, c12, c13, c14, c15, c16, c21, c22, mid))
db.execute("UPDATE member SET card_border=(?), card_bg=(?), heading_bg=(?), heading_border=(?), heading_name=(?), heading_subtitle=(?), card_text=(?), icon_border=(?), page_bg=(?), gradient1=(?), gradient2=(?), gradient3=(?), a1=(?), a2=(?) WHERE id=(?)",(c9, c10, c11, c12, c13, c14, c15, c16, c18, c18, c19, c20, c21, c22, mid))
db.commit()
if "gid_add" in request.form:

View File

@@ -5,6 +5,9 @@
{% endblock %}
{% block content %}
<a href="{{url_for('home.page', mid=member[0])}}">View {{member[3]}}'s page</a>
<br class="clear" />
<div class="heading">Edit Details</div>
@@ -96,6 +99,17 @@
<label for="c22">Links hover colour:</label>
<input type="color" id="c22" name="c22" value="{{member[22]}}"><br>
<hr>
<label for="c18">Page Gradient colour 1</label>
<input type="color" id="c18" name="c18" value="{{member[18]}}"><br>
<label for="c19">Page Gradient colour 2</label>
<input type="color" id="c19" name="c19" value="{{member[19]}}"><br>
<label for="c20">Page Gradient colour 3</label>
<input type="color" id="c20" name="c20" value="{{member[20]}}"><br>
<input type="submit" value="Set Member Theme">
</form>

View File

@@ -1,12 +1,64 @@
{% extends 'base.html' %}
{% block title %}{{ member[3] }}{% endblock %}
{% block content %}
<style>
body{
background: {{member[17]}};
background: linear-gradient(90deg, {{member[17]}} 0%, {{member[18]}} 50%, {{member[19]}} 100%);
scrollbar-color:{{member[12]}} {{member[11]}};
}
.container{
background-color:{{member[10]}};
border-color:{{member[9]}};
}
.heading{
background-color:{{member[11]}};
border-color:{{member[12]}};
color:{{member[14]}};
}
.icon{
border-color:{{member[16]}};
}
.bio{
color:{{member[15]}};
}
.heading b
{
color:{{member[13]}};
}
a{
color: {{member[21]}};
}
a:hover{
color: {{member[22]}};
}
::selection {
background: {{member[12]}};
color: white;
text-shadow: none;
}
::-moz-selection {
background: {{member[12]}};
color: #EEE;
text-shadow: none;
}
</style>
{% if not g.user and member[23]==0 %}
permission denied
{% else %}
{% if g.user %}
<a href="{{url_for('manage.edit', mid=member[0])}}">Edit member</a>
<br class="clear" />
{% endif %}
{% if icon %}
<img class="icon" src="{{ url_for('static', filename='icons/'+icon[0]) }}">
{% else %}
@@ -30,14 +82,14 @@
<div class="content">
{{post[4]|safe}}
</div>
<a href="{{url_for('blog.toggle',pid=post[0], location=member[0])}}">Toggle privacy</a> | {% if g.user %}<a href="{{url_for('blog.delete', pid=post[0], location=member[0])}}" class="danger">Delete post</a>{% endif %}
{% if g.user %}<a href="{{url_for('blog.toggle',pid=post[0], location=member[0])}}">Toggle privacy</a> | <a href="{{url_for('blog.delete', pid=post[0], location=member[0])}}" class="danger">Delete post</a>{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% if all_icons|length > 0 %}
{% if all_icons|length > 1 %}
<div class="heading big">{{member[3]}}'s icons</div>
{% for i in all_icons %}
<img class="icon" src="{{ url_for('static', filename='icons/'+i[0]) }}">