mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity

Continued splash page

Browse Source
This commit is contained in:
unsettledgames 2021-01-12 15:52:57 +01:00
parent e3df4618f0
commit a742b0e8f0
2 changed files with 40 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
css/pixel-editor.scss
View File

@ -1552,7 +1552,8 @@ div#pb-options {
#splash-input { #splash-input {
width:70%; width:70%;
height:100% !important; height:100vh !important;
color:$baselink;
#splash-menu { #splash-menu {
position:relative; position:relative;
@ -1565,8 +1566,7 @@ div#pb-options {
font-weight:bold; font-weight:bold;
text-transform:uppercase; text-transform:uppercase;
font-size:20px; font-size:20px;
color:$baselink; height:35vh;
height:40vh;
width:100%; width:100%;
position:relative; position:relative;
@ -1579,7 +1579,7 @@ div#pb-options {
width:100%; width:100%;
height:100%; height:100%;
position:relative; position:relative;
background-color:rgba(0,0,0,0.25); background-color:rgba(0,0,0,0.2);
} }
#sp-coverdata { #sp-coverdata {
@ -1597,19 +1597,28 @@ div#pb-options {
} }
a { a {
font-size:17px;
bottom:20px; bottom:20px;
text-decoration:underline;
} }
} }
} }
#sp-quickstart { #sp-quickstart {
color:$baselink; position:relative;
width: 80%; width: 80%;
margin-top:-20px;
margin-left:10%; margin-left:10%;
padding:20px;
left:0px; left:0px;
} }
#sp-quickstart-title {
padding:20px;
font-size:27px;
text-transform: uppercase;
font-weight: bold;
}
.sp-template { .sp-template {
display:table; display:table;
vertical-align: middle; vertical-align: middle;
@ -1630,7 +1639,7 @@ div#pb-options {
p { p {
span { span {
display:block; display:block;
font-size:16px !important; font-size:14px !important;
margin: 0 0 0 0; margin: 0 0 0 0;
padding: 0 0 0 0; padding: 0 0 0 0;
} }
@ -1641,6 +1650,16 @@ div#pb-options {
} }
} }
#sp-mode-palette {
text-align: center;
position: absolute;
width:70%;
bottom:40px;
height:40px;
font-size:18px;
font-weight: bold;
}
#splash-news { #splash-news {
position:relative; position:relative;
right:20px; right:20px;

18
views/pixel-editor.hbs
View File

@ -331,21 +331,31 @@
</div> </div>
</div> </div>
<div id="sp-quickstart-title">
Quickstart
</div>
<div id="sp-quickstart"> <div id="sp-quickstart">
<div class="sp-template"><p>Load</p></div> <div class="sp-template"><p>Load</p></div>
<div class="sp-template"><p><span>New</span> custom</p></div> <div class="sp-template"><p><span>New</span> custom</p></div>
<div class="sp-template"><p><span>New</span> Gameboy</p></div>
<div class="sp-template"><p><span>New</span> C64</p></div>
<div class="sp-template"><p><span>New</span> Pico8</p></div>
<div class="sp-template"><p><span>New</span> 32x32</p></div> <div class="sp-template"><p><span>New</span> 32x32</p></div>
<div class="sp-template"><p><span>New</span> 64x64</p></div> <div class="sp-template"><p><span>New</span> 64x64</p></div>
<div class="sp-template"><p><span>New</span> 128x128</p></div> <div class="sp-template"><p><span>New</span> 128x128</p></div>
<div class="sp-template"><p><span>New</span> 256x256</p></div> <div class="sp-template"><p><span>New</span> 256x256</p></div>
<div class="sp-template"><p><span>New</span> 512x512</p></div> <div class="sp-template"><p><span>New</span> 512x512</p></div>
<div class="sp-template"><p><span>New</span> Gameboy</p></div>
<div class="sp-template"><p><span>New</span> C64</p></div>
<div class="sp-template"><p><span>New</span> Pico8</p></div>
</div> </div>
<div id="sp-mode-palette"> <div id="sp-mode-palette">
<span>Interface mode:</span> <span>Interface mode:
<span class="button-menu">
<button>Basic mode</button>
<button class="button-menu-selected">Advanced mode</button>
</span>
</span>
<span>Palette: </span> <span>Palette: </span>
</div> </div>
</div> </div>