More css changes
This commit is contained in:
parent
c518d41641
commit
d23f72aa88
@ -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):
|
||||
|
||||
@ -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 |
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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) => {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -2,5 +2,4 @@ django==5.1.*
|
||||
django-crispy-forms
|
||||
crispy-bulma
|
||||
django-extensions
|
||||
django-cors-headers
|
||||
tqdm
|
||||
Loading…
Reference in New Issue
Block a user