Skip to content
This repository was archived by the owner on May 2, 2022. It is now read-only.

Commit 794ffe1

Browse files
committed
Improve for 2K and 4K resolution, update font awesome, update jscolor
1 parent 3d2c509 commit 794ffe1

8 files changed

Lines changed: 110 additions & 3318 deletions

File tree

core/footer.tpl

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,46 +2,46 @@
22
</div>
33
</main>
44
<footer class="footer">
5-
<div class="layout_container flex flex-jc:space-between flex-ai:center">
6-
<div class="flex flex-fd:column text:left">
7-
<a href="https://sbpp.github.io/" target="_blank" rel="noopener">SourceBans++</a> {$version}{$git}
8-
<span>Powered by <a href="https://www.sourcemod.net" target="_blank" rel="noopener">SourceMod</a></span>
9-
</div>
10-
<div class="flex flex-fd:column text:right">
11-
<span>Copyright © (website name)</span>
12-
<a href="https://axendev.net/" title="Theme by aXenDev" target="_blank" rel="noopener">Theme by aXenDev</a>
13-
</div>
5+
<div class="layout_container flex flex-jc:space-between flex-ai:center">
6+
<div class="flex flex-fd:column text:left">
7+
<a href="https://sbpp.github.io/" target="_blank" rel="noopener">SourceBans++</a> {$version}{$git}
8+
<span>Powered by <a href="https://www.sourcemod.net" target="_blank" rel="noopener">SourceMod</a></span>
149
</div>
10+
<div class="flex flex-fd:column text:right">
11+
<span>Copyright © (website name)</span>
12+
<a href="https://axendev.net/" title="Theme by aXenDev" target="_blank" rel="noopener">Theme by aXenDev</a>
13+
</div>
14+
</div>
1515
</footer>
1616

1717
<script type="text/javascript" src="themes/sourcebans-web-theme-fluent/scripts/nav.js"></script>
18-
<script type="text/javascript" src="themes/sourcebans-web-theme-fluent/scripts/jscolor.js"></script>
18+
<script type="text/javascript" src="themes/sourcebans-web-theme-fluent/scripts/jscolor.min.js"></script>
1919
<script type="text/javascript" src="themes/sourcebans-web-theme-fluent/scripts/theme.js"></script>
2020

2121
<script>
22-
{$query}
22+
{$query}
2323
24-
{literal}
25-
window.addEvent('domready', function() {
24+
{literal}
25+
window.addEvent('domready', function() {
2626
27-
ProcessAdminTabs();
27+
ProcessAdminTabs();
2828
29-
var Tips2 = new Tips($('.tip'), {
30-
initialize: function() {
31-
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 300, wait: false}).set(0);
32-
},
33-
onShow: function(toolTip) {
34-
this.fx.start(1);
35-
},
36-
onHide: function(toolTip) {
37-
this.fx.start(0);
38-
}
39-
});
40-
var Tips4 = new Tips($('.perm'), {
41-
className: 'perm'
42-
});
43-
});
44-
{/literal}
29+
var Tips2 = new Tips($('.tip'), {
30+
initialize: function() {
31+
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 300, wait: false}).set(0);
32+
},
33+
onShow: function(toolTip) {
34+
this.fx.start(1);
35+
},
36+
onHide: function(toolTip) {
37+
this.fx.start(0);
38+
}
39+
});
40+
var Tips4 = new Tips($('.perm'), {
41+
className: 'perm'
42+
});
43+
});
44+
{/literal}
4545
</script>
4646
</body>
4747

core/header.tpl

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@
1414
<meta name="viewport" content="width=device-width, initial-scale=1" />
1515
<title>{$title}</title>
1616
<link rel="Shortcut Icon" href="themes/{$theme}/images/favicon.ico" />
17-
<link rel="stylesheet" type="text/css" href="themes/{$theme}/style/global.css" />
18-
<link rel="stylesheet" type="text/css" href="themes/{$theme}/style/global.css.map" />
19-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
20-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/v4-shims.css">
17+
<link rel="stylesheet" type="text/css" href="themes/{$theme}/style/global.css?v16042021" />
18+
<link rel="stylesheet" type="text/css" href="themes/{$theme}/style/global.css.map?v16042021" />
19+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
20+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/v4-shims.css">
2121
<meta name="description" content="Sourcebans for website" />
2222
<script type="text/javascript" src="themes/{$theme}/scripts/sourcebans.js"></script>
2323
<script type="text/javascript" src="./scripts/mootools.js"></script>

core/navbar.tpl

Lines changed: 72 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,81 @@
11
<main>
2-
<div class="layout_topBar">
3-
<div class="layout_container flex flex-jc:end flex-ai:center">
4-
<ul class="layout_topBar_action flex">
5-
<li>
6-
<button id="user_action_change_dark" aria-label="Dark mode"><i class="fas fa-moon"></i></button>
7-
</li>
8-
<li class="jscolor_li">
9-
<button data-jscolor aria-label="Color"></button>
10-
</li>
11-
<li id="jscolor_reset" class="jscolor_li" style="display: none;">
12-
<button aria-label="Reset color"><i class="fa fa-refresh"></i></button>
13-
</li>
14-
</ul>
2+
<div class="layout_topBar">
3+
<div class="layout_container flex flex-jc:end flex-ai:center">
4+
<ul class="layout_topBar_action flex">
5+
<li>
6+
<button id="user_action_change_dark" aria-label="Dark mode"><i class="fas fa-moon"></i></button>
7+
</li>
8+
<li class="jscolor_li">
9+
<button data-jscolor aria-label="Color"></button>
10+
</li>
11+
<li id="jscolor_reset" class="jscolor_li" style="display: none;">
12+
<button aria-label="Reset color"><i class="fa fa-refresh"></i></button>
13+
</li>
14+
</ul>
1515

16-
<ul class="layout_topBar_userBar responsive_show:desktop flex flex-ai:center">
17-
{if $login}
18-
<li class="margin-right">
19-
Welcome, <a href='index.php?p=account'><i class="fas fa-user"></i> {$username}</a>
20-
</li>
21-
<li>
22-
<a class="button button-important" href='index.php?p=logout'><i class="fas fa-sign-out-alt"></i>
23-
Logout</a>
24-
</li>
25-
{else}
26-
<li>
27-
<a class="button button-success" href='index.php?p=login'>Existing user? Sign In</a>
28-
</li>
29-
{/if}
30-
</ul>
16+
<ul class="layout_topBar_userBar responsive_show:desktop flex flex-ai:center">
17+
{if $login}
18+
<li class="margin-right">
19+
Welcome, <a href='index.php?p=account'><i class="fas fa-user"></i> {$username}</a>
20+
</li>
21+
<li>
22+
<a class="button button-important" href='index.php?p=logout'><i class="fas fa-sign-out-alt"></i>
23+
Logout</a>
24+
</li>
25+
{else}
26+
<li>
27+
<a class="button button-success" href='index.php?p=login'>Existing user? Sign In</a>
28+
</li>
29+
{/if}
30+
</ul>
3131

32-
<button id="button_mobile_open" class="nav_mobile_open responsive_hide:desktop"
33-
aria-label="Mobile nav open">
34-
<i class="fas fa-bars"></i>
35-
</button>
36-
</div>
32+
<button id="button_mobile_open" class="nav_mobile_open responsive_hide:desktop" aria-label="Mobile nav open">
33+
<i class="fas fa-bars"></i>
34+
</button>
3735
</div>
36+
</div>
3837

39-
<div id="layout_mobile" class="nav_mobile">
40-
<button id="button_mobile_close" class="nav_mobile_close" aria-label="Mobile nav close">
41-
<i class="fas fa-times"></i>
42-
</button>
43-
<div class="nav_mobile_content">
38+
<div id="layout_mobile" class="nav_mobile">
39+
<button id="button_mobile_close" class="nav_mobile_close" aria-label="Mobile nav close">
40+
<i class="fas fa-times"></i>
41+
</button>
42+
<div class="nav_mobile_content">
4443

45-
<div class="nav_mobile_tab_top padding flex">
46-
{if $login}
47-
<a class="button button-important button:full" href='index.php?p=logout'><i
48-
class="fas fa-sign-out-alt"></i> Logout</a>
49-
{else}
50-
<a class="button button-success button:full" href='index.php?p=login'>Existing user? Sign In</a>
51-
{/if}
52-
</div>
53-
<nav class="nav_mobile_tab_nav">
54-
<ul>
55-
{foreach from=$navbar item=nav}
56-
<li class="{$nav.state}">
57-
<a href="index.php?p={$nav.endpoint}" data-nav="{$nav.endpoint}">
58-
{$nav.title}
59-
</a>
60-
</li>
61-
{/foreach}
62-
</ul>
63-
</nav>
44+
<div class="nav_mobile_tab_top padding flex">
45+
{if $login}
46+
<a class="button button-important button:full" href='index.php?p=logout'><i class="fas fa-sign-out-alt"></i>
47+
Logout</a>
48+
{else}
49+
<a class="button button-success button:full" href='index.php?p=login'>Existing user? Sign In</a>
50+
{/if}
51+
</div>
52+
<nav class="nav_mobile_tab_nav">
53+
<ul>
54+
{foreach from=$navbar item=nav}
55+
<li class="{$nav.state}">
56+
<a href="index.php?p={$nav.endpoint}" data-nav="{$nav.endpoint}">
57+
{$nav.title}
58+
</a>
59+
</li>
60+
{/foreach}
61+
</ul>
62+
</nav>
6463

65-
</div>
66-
<div class="nav_mobile_background"></div>
6764
</div>
65+
<div class="nav_mobile_background"></div>
66+
</div>
6867

69-
<nav id="navBar" class="nav responsive_show:desktop">
70-
<div class="nav_tab">
71-
<ul>
72-
{foreach from=$navbar item=nav}
73-
<li class="{$nav.state}">
74-
<a href="index.php?p={$nav.endpoint}" data-nav="{$nav.endpoint}">
75-
{$nav.title}
76-
</a>
77-
</li>
78-
{/foreach}
79-
</ul>
80-
</div>
81-
</nav>
82-
<div id="mainwrapper" class="layout_body layout_container flex:11">
68+
<nav id="navBar" class="nav responsive_show:desktop">
69+
<div class="nav_tab">
70+
<ul>
71+
{foreach from=$navbar item=nav}
72+
<li class="{$nav.state}">
73+
<a href="index.php?p={$nav.endpoint}" data-nav="{$nav.endpoint}">
74+
{$nav.title}
75+
</a>
76+
</li>
77+
{/foreach}
78+
</ul>
79+
</div>
80+
</nav>
81+
<div id="mainwrapper" class="layout_body flex:11">

0 commit comments

Comments
 (0)