version 2 release
This commit is contained in:
parent
4d3ae14656
commit
edcb2f591c
30 changed files with 104 additions and 1188 deletions
120
css/app.css
120
css/app.css
|
|
@ -1,7 +1,3 @@
|
|||
#maximage div {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Minotaur';
|
||||
src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
|
||||
|
|
@ -12,84 +8,80 @@ body {
|
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #222222;
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.icon {
|
||||
.image {
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
position: fixed;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
bottom: 1rem;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
width: calc(100% + 50px);
|
||||
height: calc(100% + 50px);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.icon.right {
|
||||
right: 1rem;
|
||||
#developer {
|
||||
background-image: url('../img/sp-codes.png');
|
||||
}
|
||||
|
||||
.icon.left {
|
||||
left: 1rem;
|
||||
#magician {
|
||||
background-image: url('../img/sp-magic_overlay.png');
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin: 5% auto;
|
||||
.headers {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/*justify-content: stretch;*/
|
||||
align-items: stretch;
|
||||
/*align-content: stretch;*/
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.list .item {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.list .item img {
|
||||
width: 512px;
|
||||
border: 1px solid #fff;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
#magician h1 {
|
||||
.headers .magician {
|
||||
color: #000000;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 15%;
|
||||
font-family: "Minotaur", cursive;
|
||||
font-size: 70pt;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#developer h1 {
|
||||
color: #ffffff;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
top: 50%;
|
||||
font-family: "Minotaur", monospace;
|
||||
font-size: 70pt;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.list .magician {
|
||||
color: #ffffff;
|
||||
font-family: "Minotaur", cursive;
|
||||
font-weight: normal;
|
||||
font-size: 5rem;
|
||||
text-shadow: 0 0 1rem #ffffff;
|
||||
}
|
||||
|
||||
.list .developer {
|
||||
.headers .developer {
|
||||
color: #ffffff;
|
||||
font-family: "Minotaur", monospace;
|
||||
font-weight: bold;
|
||||
font-size: 5rem;
|
||||
text-shadow: 0 0 1rem #000000;
|
||||
}
|
||||
|
||||
.headers a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.headers .codes {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.headers .magic {
|
||||
flex-grow: 0.6;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.headers .padding {
|
||||
flex-grow: 1.3;
|
||||
}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
/*
|
||||
|
||||
Supersized - Fullscreen Slideshow jQuery Plugin
|
||||
Version : 3.2.7
|
||||
Site : www.buildinternet.com/project/supersized
|
||||
|
||||
Author : Sam Dunn
|
||||
Company : One Mighty Roar (www.onemightyroar.com)
|
||||
License : MIT License / GPL License
|
||||
|
||||
*/
|
||||
|
||||
* { margin:0; padding:0; }
|
||||
body { background:#111; height:100%; }
|
||||
img { border:none; }
|
||||
|
||||
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
|
||||
|
||||
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
|
||||
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
|
||||
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
|
||||
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/
|
||||
|
||||
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
|
||||
#supersized a { width:100%; height:100%; display:block; }
|
||||
#supersized li.prevslide { z-index:-20; }
|
||||
#supersized li.activeslide { z-index:-10; }
|
||||
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
|
||||
#supersized li.image-loading img{ visibility:hidden; }
|
||||
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
|
||||
Loading…
Add table
Add a link
Reference in a new issue