More css changes

This commit is contained in:
Walter 2025-02-17 10:03:50 +01:00
parent c518d41641
commit d23f72aa88
8 changed files with 57 additions and 57 deletions

View File

@ -42,7 +42,7 @@ class Level(models.Model):
@property
def stars(self):
result = list(self.bloonsa_level_ratings.aggregate(Avg("rating")).values())[0]
return 0 if result is None else math.floor(result)
return 0 if result is None else math.ceil(result)
def __str__(self):

View File

@ -66,6 +66,10 @@
color: #F1F125;
}
.clear-color {
color: lime;
}
.level-star-img {
height: 14px;
width: 14px;
@ -79,17 +83,11 @@
vertical-align: bottom;
}
.level-wins-img, .level-glitches-img {
filter: invert(75%) sepia(23%) saturate(6404%) hue-rotate(355deg) brightness(98%) contrast(107%) !important; // orange
}
.level-plays-img {
filter: invert(17%) sepia(2%) saturate(72%) hue-rotate(66deg) brightness(94%) contrast(89%); // grey
}
.level-pops-img {
.filter-red {
filter: invert(61%) sepia(72%) saturate(7291%) hue-rotate(338deg) brightness(108%) contrast(101%); // red
}
.level-darts-img {
filter: invert(0%) sepia(96%) saturate(15%) hue-rotate(246deg) brightness(105%) contrast(105%); // black
.filter-grey {
filter: invert(17%) sepia(2%) saturate(72%) hue-rotate(66deg) brightness(94%) contrast(89%); // grey
}
.filter-black {
filter: invert(0%) sepia(96%) saturate(15%) hue-rotate(246deg) brightness(105%) contrast(105%); // black

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

View File

@ -64,9 +64,9 @@ function bloonsa_update_html(r) {
document.getElementById("level-pb-darts-glitch").textContent = r.score_dart_glitch ? "+1": "";
if (r.score_dart_glitch) {
darts_img.classList.add("level-glitches-img");
darts_img.classList.add("filter-orange");
} else {
darts_img.classList.remove("level-glitches-img");
darts_img.classList.remove("filter-orange");
}
} else {
@ -74,13 +74,18 @@ function bloonsa_update_html(r) {
document.getElementById("level-target").textContent = r.level_target;
document.getElementById("level-pb-darts-number").textContent = "-";
document.getElementById("level-pb-darts-glitch").textContent = "";
darts_img.classList.remove("level-glitches-img");
darts_img.classList.remove("filter-orange");
}
//if (r.level_cleared) {
if (r.level_cleared) {
document.getElementById("level-pb-pops-number").classList.add("clear-color");
document.getElementById("level-pb-pops-separator").classList.add("clear-color");
document.getElementById("level-target").classList.add("clear-color");
} else {
document.getElementById("level-pb-pops-number").classList.remove("clear-color");
document.getElementById("level-pb-pops-separator").classList.remove("clear-color");
document.getElementById("level-target").classList.remove("clear-color");
}
// Profile

View File

@ -25,39 +25,23 @@
<link rel="stylesheet" type="text/css" media="screen" href="{% static 'bloonsa_game/css/main.css' %}"/>
<link rel="stylesheet" type="text/css" media="screen" href="{% static 'bloonsa_game/css/append.css' %}"/>
<script>window.RufflePlayer=window.RufflePlayer||{};
window.RufflePlayer.config={
"autoplay":"on",
"unmuteOverlay":"hidden",
"allowScriptAccess": true,
"quality": "high",
"splashScreen": false,
"menu": false,
"polyfills": false,
};</script>
<script src="{% static 'bloonsa_game/misc/ruffle/ruffle.js' %}"></script>
<script src="{% static 'bloonsa_game/js/flash_handler.js' %}"></script>
{% if head %}
{{ head }}
{% endif %}
{% block head %}{% endblock head %}
</head>
<body id="body">
<div id="wrapper">
<div id="inner_wrapper">
<div id="alpha"></div>
<a href="{% url 'bloonsa_game:index' %}" id="header"></a>
<!--<a href="{% url 'bloonsa_game:index' %}" id="header"></a>-->
<div id="horizontal_header">
<div class="ad ad_720x90">
<div id="adslot1"></div>
</div>
{% if user.is_authenticated %}
{% include 'bloonsa_game/modules/profilebox.html' %}
{% else %}
{% include 'bloonsa_game/modules/loginbox.html' %}
{% endif %}
</div>
<div class="skyscraper">
@ -71,14 +55,15 @@
</div>
<div class="skyscraper rhs">
<ul id="menu" class="light">
<!--<ul id="menu" class="light">
<li><a href="{% url 'bloonsa_game:index' %}"><img src="{% static 'bloonsa_game/img/nav_home.gif' %}" alt="Nav_home"/></a></li>
<li><a href="{% url 'bloonsa_game:game' %}"><img src="{% static 'bloonsa_game/img/nav_play.gif' %}" alt="Nav_play"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_build.gif' %}" alt="Nav_build"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_levels.gif' %}" alt="Nav_levels"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_users.gif' %}" alt="Nav_users"/></a></li>
<!--<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_nk.gif' %}" alt="Nav_nk"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_buy.gif' %}" alt="Nav_buy"/></a></li>-->
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_nk.gif' %}" alt="Nav_nk"/></a></li>
<li><a href="#"><img src="{% static 'bloonsa_game/img/nav_buy.gif' %}" alt="Nav_buy"/></a></li>
</ul>
<div id="searchbox">
<form method="post" action="/level/list">
@ -90,6 +75,7 @@
<input type="submit" name="commit" value="Search!" class="submit"/>
</form>
</div>
-->
<div class="ad ad_90x720">
<div id="adslot3"></div>
</div>

View File

@ -6,21 +6,23 @@
{% endblock title %}
{% block head %}
<script>
window.RufflePlayer=window.RufflePlayer||{};
window.RufflePlayer.config={
"autoplay":"on",
"unmuteOverlay":"hidden",
"allowScriptAccess": true,
"quality": "high",
"splashScreen": false,
"menu": false,
"polyfills": false,
};</script>
<script src="{% static 'bloonsa_game/misc/ruffle/ruffle.js' %}"></script>
<script src="{% static 'bloonsa_game/js/flash_handler.js' %}"></script>
{% endblock head %}
{% block content %}
<!--<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="{% static 'bloonsa_game/misc/swflash.cab' %}#version=7,0,19,0"
width="640" height="480" title="" allowScriptAccess=true>
<param name="movie" value="{% static 'bloonsa_game/misc/bloons_unlimited.swf' %}">
<param name="quality" value="high">
<param name="allowscriptaccess" value="always" />
<embed src="{% static 'bloonsa_game/misc/bloons_unlimited.swf' %}"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"
width="640" height="480" allowScriptAccess=true>
</object>-->
<div id="bloonsa-game" allowScriptAccess=true></div>
<div id="bloonsa-game"></div>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {

View File

@ -26,17 +26,23 @@
<div id="level-stats">
<div id="level-wins">
<object data="{% static 'bloonsa_game/img/levelinfo/wins.svg' %}" class="level-wins-img" type="image/svg+xml"></object>
<object data="{% static 'bloonsa_game/img/levelinfo/wins.svg' %}"
class="level-wins-img filter-orange"
type="image/svg+xml"></object>
<span id="level-wins-number">7</span>
<span> </span>
<span id="level-wins-percentage">(2.87%)</span>
</div>
<div id="level-plays">
<object data="{% static 'bloonsa_game/img/levelinfo/plays.svg' %}" class="level-plays-img" type="image/svg+xml"></object>
<object data="{% static 'bloonsa_game/img/levelinfo/plays.svg' %}"
class="level-plays-img filter-grey"
type="image/svg+xml"></object>
<span id="level-plays-number">242</span>
</div>
<div id="level-glitches">
<object data="{% static 'bloonsa_game/img/levelinfo/dart.svg' %}" class="level-glitches-img" type="image/svg+xml"></object>
<object data="{% static 'bloonsa_game/img/levelinfo/dart.svg' %}"
class="level-glitches-img filter-orange"
type="image/svg+xml"></object>
<span id="level-glitch-number">1</span>
</div>
</div>
@ -45,13 +51,17 @@
<div id="level-pb">
<div id="level-pb-text">Personal best</div>
<div id="level-pb-pops">
<object data="{% static 'bloonsa_game/img/levelinfo/bloon.svg' %}" class="level-pops-img" type="image/svg+xml"></object>
<object data="{% static 'bloonsa_game/img/levelinfo/bloon.svg' %}"
class="level-pops-img filter-red"
type="image/svg+xml"></object>
<span id="level-pb-pops-number">126</span>
<span id="level-pb-pops-separator"> / </span>
<span id="level-target">120</span>
</div>
<div id="level-pb-darts">
<object data="{% static 'bloonsa_game/img/levelinfo/dart.svg' %}" class="level-darts-img" id="level-pb-darts-img"></object>
<object data="{% static 'bloonsa_game/img/levelinfo/dart.svg' %}"
class="level-darts-img filter-black"
id="level-pb-darts-img"></object>
<span id="level-pb-darts-number">2</span>
<span> </span>
<span id="level-pb-darts-glitch">+1</span>

View File

@ -2,5 +2,4 @@ django==5.1.*
django-crispy-forms
crispy-bulma
django-extensions
django-cors-headers
tqdm