a16a22e2e1
Disabled clouds on welcome.ejs. Added some welcome text to replace the lorem ipsum. The alignment was also changed from center to justify, to make the UI look sharper. Transitions between each view was changed from 250ms to 500ms. Removed some testing code from login.ejs.
36 lines
1.7 KiB
Plaintext
36 lines
1.7 KiB
Plaintext
<div id="welcomeContainer" style="display: none;">
|
|
<!--<div class="cloudDiv">
|
|
<div class="cloudTop"></div>
|
|
<div class="cloudBottom"></div>
|
|
</div>-->
|
|
<div id="welcomeContent">
|
|
<img id="welcomeImageSeal" src="assets/images/WesterosSealCircle.png"/>
|
|
<span id="welcomeHeader">WELCOME TO WESTEROSCRAFT</span>
|
|
<span id="welcomeDescription">Our mission is to recreate the universe imagined by author George RR Martin in his book series, A Song of Ice and Fire, as accurately and precisely as possible within Minecraft. The world we are creating is yours to explore. Journey from Sunspear to the Last Hearth, and if you aren't afraid, beyond the wall. Best not delay. House Stark is always right eventually, winter is coming.</span>
|
|
<br>
|
|
<span id="welcomeDescCTA">You are just a few clicks away from Westeros.</span>
|
|
<button id="welcomeButton">
|
|
<div id="welcomeButtonContent">
|
|
CONTINUE
|
|
<svg id="welcomeSVG" viewBox="0 0 24.87 13.97">
|
|
<defs>
|
|
<style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;transition: 0.25s ease;}</style>
|
|
</defs>
|
|
<polyline class="arrowLine" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<script type="application/javascript">
|
|
|
|
// DOM cache.
|
|
const welcomeButton = document.getElementById('welcomeButton')
|
|
|
|
welcomeButton.addEventListener('click', e => {
|
|
$('#welcomeContainer').fadeOut(500, () => {
|
|
$('#loginContainer').fadeIn(500)
|
|
})
|
|
})
|
|
|
|
</script>
|
|
</div> |