Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2024-09-20 19:11:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Extract footer component

Browse Source
This commit is contained in:
Andrei Andreev 2018-09-17 15:04:38 +02:00
parent 225bc21b23
commit f667b4af09
4 changed files with 54 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@ -967,25 +967,20 @@
</div>
<div id="options" class="tab" align="center">
<br>
<options :model="model.player.options" :actions="actions.options"></options>
<p>Hotkeys: 1-8 for buy 10 dimension, shift+1-8 for buy 1 dimension, T to buy max tickspeed, shift+T to buy one tickspeed, M for max all<br>S for sacrifice, D for dimension boost, G for antimatter galaxy, C for crunch, A for toggle autobuyers, R for replicanti galaxies, E for eternity.<br>You can hold shift while buying time studies to buy all up until that point, see each study's number, and save study trees.<br>Hotkeys do not work while holding control.</p>
<div>
<table>
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
</br>
<options :model="model.player.options" :actions="actions.options"></options>
<p>
Hotkeys: 1-8 for buy 10 dimension, shift+1-8 for buy 1 dimension,
T to buy max tickspeed, shift+T to buy one tickspeed, M for max all
<br>
S for sacrifice, D for dimension boost, G for antimatter galaxy, C for crunch,
A for toggle autobuyers, R for replicanti galaxies, E for eternity.
<br>
You can hold shift while buying time studies to buy all up until that point,
see each study's number, and save study trees.
<br>
Hotkeys do not work while holding control.
</p>
<footer-links></footer-links>
</div>
<div id="statistics" class="tab" align="center" style="color: black; font-size: 12px; font-family: Typewriter; margin: 0 auto">
<br>
@ -3044,6 +3039,7 @@
<script type="text/javascript" src="javascripts/core/format.js"></script>
<script type="text/javascript" src="javascripts/components/options.js"></script>
<script type="text/javascript" src="javascripts/components/footer-links.js"></script>
<script type="text/javascript" src="javascripts/core/app/ui.init.js"></script>
<script type="text/javascript" src="javascripts/core/app/themes.js"></script>
<script type="text/javascript" src="javascripts/core/app/notations.js"></script>

19
javascripts/components/footer-links.js Normal file
View File

@ -0,0 +1,19 @@
Vue.component('footer-links', {
template:
'<div class="footercontainer">\
<table class="footer">\
<tr>\
<td>\
<div style="text-align:center">\
<a href="howto.html" target="_newtab">How to play</a> |\
<a href="about.html" target="_newtab" onclick="giveAchievement(\'A sound financial decision\')">Donate </a> |\
<a href="changelog.html" target="_newtab">Changelog</a> |\
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |\
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> |\
<a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>\
</div>\
</td>\
</tr>\
</table>\
</div>'
});

1
javascripts/components/options.js
View File

@ -32,7 +32,6 @@ Vue.component('options', {
<td is="update-rate-slider" v-model="model.updateRate" @input="actions.refreshUpdateRate"/>\
<td is="options-button" font="160%" text="Animations" @click="actions.openAnimationOptions" />\
</tr>\
<tr/>\
</table>',
computed: {
theme: function() {

20
stylesheets/styles.css
View File

@ -751,6 +751,26 @@ button {
pointer-events: all !important;
}
.footercontainer {
bottom: 0;
position: fixed;
width: 100%;
z-index: 1;
pointer-events: none;
}
.footer {
height: 50px;
margin: auto;
text-align:center;
font-size: 15px;
font-family: Typewriter;
}
.footer tr td div {
pointer-events: all !important;
}
#progress {
width: 98%;
background-color: #A3A3A3;