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

18
views/pixel-editor.hbs
View File

@ -331,21 +331,31 @@
</div>
</div>
<div id="sp-quickstart-title">
Quickstart
</div>
<div id="sp-quickstart">
<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> 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> 64x64</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> 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 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>
</div>
</div>