codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-24 08:08:15 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweaked the loading page progress bar.

Browse source
This commit is contained in:
Scott Erickson 2014-03-17 00:05:45 -07:00
parent 729a016b1f
commit 7555dce172
3 changed files with 31 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/styles/play/level/loading.sass
View file

@ -32,7 +32,9 @@
width: $WIDTH
margin-left: (-$WIDTH / 2)
z-index: 100
background-color: rgba(220, 255, 230, 0.5)
background-color: rgba(220, 255, 230, 0.6)
color: darkslategray
font-size: 15px
border-radius: 30px
padding: 10px
text-align: center
@ -44,11 +46,20 @@
transition: top $UNVEIL_TIME cubic-bezier(0.285, -0.595, 0.670, -0.600)
.load-progress
width: 100%
position: absolute
left: 2%
top: 0px
opacity: 0.6
width: 96%
margin: 10px auto 0
.progress-bar
width: 1%
transition-duration: 1.2s
#tip-wrapper
position: relative
z-index: 2
.left-wing, .right-wing
width: 100%

34
app/templates/play/level/level_loading.jade
View file

@ -4,24 +4,24 @@
.loading-details
h2(data-i18n='play_level.loading_level') Loading Level
.load-progress
.progress.progress-striped.active
.progress-bar.progress-bar-success
h4.tip(data-i18n='play_level.tip_insert_positions') You can Shift+Click a position on the map to insert it into the spell editor.
h4.tip(data-i18n='play_level.tip_toggle_play') You can toggle play/paused with Ctrl+P.
h4.tip(data-i18n='play_level.tip_scrub_shortcut') Press Ctrl+[ and Ctrl+] to rewind and fast-forward.
h4.tip(data-i18n='play_level.tip_open_source') CodeCombat is 100% open source!
h4.tip(data-i18n='play_level.tip_baby_coders') In the future, even babies will be Archmages.
h4.tip(data-i18n='play_level.tip_morale_improves') Loading will continue until morale improves.
h4.tip(data-i18n='play_level.tip_beta_launch') CodeCombat launched its beta in October, 2013.
h4.tip(data-i18n='play_level.tip_js_beginning') JavaScript is just the beginning.
h4.tip(data-i18n='play_level.tip_all_species') We believe in equal opportunities to learn programming for all species.
h4.tip(data-i18n='play_level.tip_reticulating') Reticulating spines.
h4.tip(data-i18n='play_level.tip_autocast_setting') You can adjust autocast settings by clicking the gear on the cast button.
h4.tip(data-i18n='play_level.tip_guide_exists') Seeking help? Click the guide at the top of the page for useful info.
h4.tip
span(data-i18n='play_level.tip_harry') Yer a Wizard,
span= me.get('name') || 'Anoner'
#tip-wrapper
strong.tip(data-i18n='play_level.tip_insert_positions') Shift+Click a point on the map to insert it into the spell editor.
strong.tip(data-i18n='play_level.tip_toggle_play') Toggle play/paused with Ctrl+P.
strong.tip(data-i18n='play_level.tip_scrub_shortcut') Ctrl+[ and Ctrl+] rewind and fast-forward.
strong.tip(data-i18n='play_level.tip_guide_exists') Click the guide at the top of the page for useful info.
strong.tip(data-i18n='play_level.tip_open_source') CodeCombat is 100% open source!
strong.tip(data-i18n='play_level.tip_beta_launch') CodeCombat launched its beta in October, 2013.
strong.tip(data-i18n='play_level.tip_js_beginning') JavaScript is just the beginning.
strong.tip(data-i18n='play_level.tip_autocast_setting') Adjust autocast settings by clicking the gear on the cast button.
strong.tip.rare(data-i18n='play_level.tip_baby_coders') In the future, even babies will be Archmages.
strong.tip.rare(data-i18n='play_level.tip_morale_improves') Loading will continue until morale improves.
strong.tip.rare(data-i18n='play_level.tip_all_species') We believe in equal opportunities to learn programming for all species.
strong.tip.rare(data-i18n='play_level.tip_reticulating') Reticulating spines.
strong.tip.rare
span(data-i18n='play_level.tip_harry') Yer a Wizard,
span= me.get('name') || 'Anoner'

1
app/views/play/level/level_loading_view.coffee
View file

@ -16,6 +16,7 @@ module.exports = class LevelLoadingView extends View
onLevelLoaderProgressChanged: (e) ->
@progress = e.progress
@progress = 0.01 if @progress < 0.01
@updateProgressBar()
updateProgressBar: ->