Commit c4d44bc1 authored by Mac's avatar Mac
parents 0ed2b65a 01148dfa
......@@ -135,7 +135,7 @@
$("input").on("blur",function(){
window.scroll(0,0);//失焦后强制让页面归位
});
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
var conn = $.hubConnection("http://localhost:7838/signalr", {
qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}`
});
var proxy = conn.createHubProxy("annualLeaveHub");
......
......@@ -9,10 +9,24 @@
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
<link rel="stylesheet" href="css/money.css" type="text/css" />
<title>疯狂数钞票</title>
</head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
<audio src="video/welcom_money.mp3" autoplay></audio>
<div class="money_count">
<div class="useropera">
<div class="content-opt-title">
<button type="button" class="home" id="back_ico"></button>
<span class="title">疯狂数钞票</span>
<button type="button" class="rank" id="rankBtn"></button>
</div>
</div>
<div class="score">分数:<span id="my_score">0</span></div>
<div class="timer">
倒计时:<span id="time">0</span>
<img class="ico" src="img/money/timer.png"/>
</div>
<div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div>
<div class="money_box">
<img src="img/money/money.png" alt=""/>
......@@ -24,12 +38,12 @@
<!-- <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;">
<input type="button" value="重置" id="reset" style="z-index:9999;position: fixed;top:0;left:40px;"> -->
<div class="time">
<!-- <div class="time">
<div class="time-txt">倒计时</div>
<span>
<span id="time">0</span>秒
</span>
</div>
</div> -->
<div class="tipsDiv">保存体力,等待开始</div>
<div class="circleCount">3</div>
</div>
......@@ -37,11 +51,11 @@
<div class="arrow"></div>
<div class="hand"></div>
</div>
<div class="opt">
<!-- <div class="opt">
<div class="back_ico" id="back_ico"></div>
<div class="rank_ico" id="rankBtn"></div>
</div>
<div class="rank_mask">
</div> -->
<div class="rank_mask" id="smm">
<div style="height:3rem"></div>
<div class="close" id="closeBtn"></div>
<div class="rank_list_box">
......@@ -59,6 +73,20 @@
</div>
</div>
</div>
<div class="rank_mask rank_mask2" id="notice">
<div class="zhezao"></div>
<div class="notice_box">
<img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你获得支付宝口令红包</span>
<div class="notice_content">
<span id="tokenReadPackage"></span>
</div>
<div class="all_Receive">
<span>立即领取</span>
</div>
<div class="all_Close"></div>
</div>
</div>
</body>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/moveJs/jquery.signalR.min.js"></script>
......@@ -67,13 +95,15 @@
let proxy;
let status=0;
let clock=null;
let isWinning=false;
function getMyRank(){
proxy.invoke('GetUserRank','Money').done(r=>{
if(r!=-1){
if(r.r!=-1){
$('#myTop').html(r);
}else{
$('#myTop').html('未上榜');
}
$('#my_score').html(r.s);
})
}
function GetStatus(){
......@@ -127,7 +157,10 @@
}
function winning(){
proxy.on("notifyWinning",function(d){
alert("恭喜你中奖了:"+d);
//alert("恭喜你中奖了:"+d);
$('#notice').css('display','flex');
$('#tokenReadPackage').text(d);
$("#smm").css('display','none');
})
}
......@@ -168,20 +201,29 @@
});
//点击查看排行榜
$('#rankBtn').click(function(){
$('.rank_mask').css('display','block');
$('#smm').css('display','block');
});
$('.all_Close').click(function () {
$('#notice').css('display','none')
})
proxy.on("getChangeMenu", function(data) {
if (data.code == "Money") {
if(data.status==2){
StartGame();
}else if(data.status==1){
}else if(data.status==1||data.status==0){
//conn.disconnect();
//initConnection();
$('.play_tips').css('display','block');
$('#notice').css('display','none');
$('#smm').css('display','none');
$('.tipsDiv').text('保存体力,等待开始');
proxy.invoke('JoinGame','Money').done(data=>{
});
if(data.status==1){
proxy.invoke('JoinGame','Money').done(data=>{
});
}
$("#rankBox").html("");
$("#my_score").html("0");
}else if(data.status==-1){
window.clearInterval(clock);
clock=null;
......@@ -190,6 +232,7 @@
$('.rank_mask').css('display','block');
$('.play_tips').css('display','none');
$('.tipsDiv').text('游戏已经结束咯');
$('.tipsDiv').css('display','block');
}
}
})
......@@ -275,6 +318,7 @@
i+=100;
proxy.invoke("SetGameScore","Money", 100).done(msg => {
// dosomething
$("#my_score").html(msg)
});
//$(".money_add span").html("¥"+i)
......
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
margin: 0;
padding: 0
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
margin: 0;
padding: 0
}
html, body {
width: 100%;
height: 100%
html,
body {
width: 100%;
height: 100%
}
html {
font-size: 62.5%
font-size: 62.5%
}
body {
font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
font-size: 1.4rem
font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
font-size: 1.4rem
}
* {
touch-action: pan-y
}
.money_count{
width: 100%;
height: 100%;
background: url(../img/money/money_bg.jpg) no-repeat center;
background-size: 100% auto;
position: relative;
overflow: hidden;
}
.reg_bag{
width: 86%;
height: 100%;
position: absolute;
bottom: -20px;
background: no-repeat center bottom;
background-size: 100% auto;
left: 7%;
touch-action: pan-y
}
@font-face {
font-family: "PingFangR";
src: url("../../../fonts/Semibold.eot"); /* IE9 */
src: url("../../../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../../../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
url("../../../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
font-style: normal;
font-weight: normal;
}
.money_count {
width: 100%;
height: 100%;
background: url(../img/money/money_bg.jpg) #cf1523 no-repeat top center;
background-size: 100% auto;
position: relative;
overflow: hidden;
}
.money_count .score,
.money_count .timer{
position: absolute;
top:3.25rem;
left:1.25rem;
display: inline-block;
background: #5A0D66;
height: 1.9rem;
border-radius: 0.95rem;
padding: 0 0.8rem;
font-family: "pingfangR";
font-size: 1rem;
color: #FFFE01;
line-height: 1.9rem;
}
.money_count .timer{
left: initial;
right: 1.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.money_count .timer .ico{
position: absolute;
width: 1.166rem;
top: 0;
left: -0.583rem;
height: 1.9rem;
}
.money_count .useropera{
position: absolute;
top: -5px;
left: 0px;
right: 0px;
height: 3rem;
z-index: 99999999;
}
.money_count .useropera .content-opt-title{
width: 23.9rem;
height: 3rem;
margin: 0 auto;
background:url('../img/money/opt-title.png') no-repeat top center;
background-size:100%;
}
.money_count .useropera .content-opt-title .home{
margin-left: 2rem;
width: 2rem;
margin-top: 0.5rem;
height: 2rem;
background: url('../img/money/home.png') 100%;
background-size:100%;
float: left;
display: block;
border: none;
outline: none;
}
.money_count .useropera .content-opt-title .title{
width: calc(100% - 8.7rem);
text-align: center;
font-size: 1.5rem;
line-height: 3rem;
font-family: "pingfangR";
color: #FDD54B;
float: left;
display: block;
}
.money_count .useropera .content-opt-title .rank{
margin-right: 2rem;
width: 2rem;
margin-top: 0.5rem;
height: 2rem;
background: url('../img/money/rank.png') 100%;
background-size:100%;
float: left;
display: block;
border: none;
outline: none;
}
.money_count .useropera .content-opt-title::after{
display: block;
clear: both;
content: ' ';
}
.reg_bag {
width: 86%;
height: 100%;
position: absolute;
bottom: -20px;
background: no-repeat center bottom;
background-size: 100% auto;
left: 7%;
}
.money_count .money_box {
width: 66%;
height: 100%;
position: relative;
margin: 0 auto;
width: 66%;
height: 100%;
position: relative;
margin: 0 auto;
}
.money_count .mask {
width: 86%;
height: 135px;
position: absolute;
bottom: -20px;
left: 7%;
background: url(../img/money/mask.png) no-repeat center 0;
background-size: 100% auto;
z-index: 501;
pointer-events: none;
width: 86%;
height: 135px;
position: absolute;
bottom: -20px;
left: 7%;
background: url(../img/money/mask.png) no-repeat center 0;
background-size: 100% auto;
z-index: 501;
pointer-events: none;
}
.money_count .gold {
width: 100%;
height: 60px;
position: absolute;
bottom: 0;
background: url(../img/money/gold.png) no-repeat center 0;
background-size: 100% auto;
z-index: 502;
pointer-events: none;
width: 100%;
height: 60px;
position: absolute;
bottom: 0;
background: url(../img/money/gold.png) no-repeat bottom center;
background-size: 100% 100%;
z-index: 502;
pointer-events: none;
}
.money_count #touchBox {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 999;
}
.wait_tips {
position: absolute;
top: 50%;
margin-top: -50px;
color: #fdbe22;
font-size: 2.5rem;
width: 100%;
font-weight: bold;
background: rgba(17,17,17,0.6);
padding: 20px 0;
text-align: center;
z-index: 998;
display:none;
position: absolute;
top: 50%;
margin-top: -50px;
color: #fdbe22;
font-size: 2.5rem;
width: 100%;
font-weight: bold;
background: rgba(17, 17, 17, 0.6);
padding: 20px 0;
text-align: center;
z-index: 998;
display: none;
}
.opt {
position: absolute;
top: 15px;
left: 15px;
z-index: 9999;
font-size: 1.4rem;
position: absolute;
top: 15px;
left: 15px;
z-index: 9999;
font-size: 1.4rem;
}
.opt .back_ico {
width: 50px;
background: url(../img/money/back_ico.png) no-repeat center;
background-size: contain;
display: inline-block;
padding-top: 41px;
font-weight: bold;
color: #fdbe22;
width: 50px;
background: url(../img/money/back_ico.png) no-repeat center;
background-size: contain;
display: inline-block;
padding-top: 41px;
font-weight: bold;
color: #fdbe22;
}
.opt .rank_ico {
width: 50px;
background: url(../img/money/rank_ico.png) no-repeat center;
background-size: contain;
padding-top: 41px;
display: inline-block;
font-weight: bold;
color: #fdbe22;
width: 50px;
background: url(../img/money/rank_ico.png) no-repeat center;
background-size: contain;
padding-top: 41px;
display: inline-block;
font-weight: bold;
color: #fdbe22;
}
.time {
position: absolute;
top: 15px;
right: 20px;
font-weight: bold;
font-size: 2rem;
color: #fff;
position: absolute;
top: 15px;
right: 20px;
font-weight: bold;
font-size: 2rem;
color: #fff;
}
.time div {
display: inline-block;
position: relative;
top: -3px;
display: inline-block;
position: relative;
top: -3px;
}
.time span {
font-size: 3.6rem;
color: #fdbe23;
font-weight: bold;
padding: 0 5px;
font-size: 3.6rem;
color: #fdbe23;
font-weight: bold;
padding: 0 5px;
}
.rank_mask {
position: absolute;
background-color: rgba(0,0,0,.5);
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
position: absolute;
background-color: rgba(0, 0, 0, .5);
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
.rank_mask2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
align-items: center;
justify-content: center;
}
.rank_mask .close {
width: 32px;
height: 32px;
background: url(../img/money/rank_close.png) no-repeat center;
position: absolute;
top: 75px;
right: 20px;
background-size: contain;
z-index: 9999;
width: 32px;
height: 32px;
background: url(../img/money/rank_close.png) no-repeat center;
position: absolute;
top: 75px;
right: 20px;
background-size: contain;
z-index: 9999;
}
.rank_mask .rank_list_box {
background: url(../img/money/rank_list_boxBs.png) no-repeat;
background-size: 100% 100%;
width: 89%;
margin: 0 auto;
position: relative;
border-bottom-left-radius: 2em;
border-bottom-right-radius: 2em;
margin-top: 20%;
padding: 0 11px 18px;
background: url(../img/money/rank_list_boxBs.png) no-repeat;
background-size: 100% 100%;
width: 89%;
margin: 0 auto;
position: relative;
border-bottom-left-radius: 2em;
border-bottom-right-radius: 2em;
margin-top: 20%;
padding: 0 11px 18px;
}
.rank_mask .rank_dec {
width: 100%;
height: 178px;
background: url(../img/money/rank_list_dec.png) no-repeat center;
background-size: contain;
position: absolute;
top: -89px;
left: 0;
width: 100%;
height: 178px;
background: url(../img/money/rank_list_dec.png) no-repeat center;
background-size: contain;
position: absolute;
top: -89px;
left: 0;
}
.rank_list_ranking {
padding-top: 70px;
width: 100%;
margin: 10px auto 0;
padding-top: 70px;
width: 100%;
margin: 10px auto 0;
}
.rank_list_rankingBs {
background: url(../img/money/rankBs.png) no-repeat;
background-size: 100% 100%;
padding-bottom: 14px;
}
.rank_mask .my_rank, .rank_mask .my_money {
font-size: 2rem;
font-weight: bold;
text-align: center;
height: 5.5rem;
background: url(../img/money/rank_myFraction.png) no-repeat bottom center;
background-size: 87%;
background: url(../img/money/rankBs.png) no-repeat;
background-size: 100% 100%;
padding-bottom: 14px;
}
.rank_mask .my_rank,
.rank_mask .my_money {
font-size: 2rem;
/* font-weight: bold; */
font-family: "pingfangR";
text-align: center;
height: 5.5rem;
background: url(../img/money/rank_myFraction.png) no-repeat bottom center;
background-size: 87%;
}
.my_rankTop {
margin: 0 auto;
background-image: -webkit-linear-gradient(bottom,#c58726,#843a06,#211e14);
-webkit-background-clip: text;
-webkit-text-fill-color: #d8a8a800;
margin: 0 auto;
background-image: -webkit-linear-gradient(bottom, #c58726, #843a06, #211e14);
-webkit-background-clip: text;
-webkit-text-fill-color: #d8a8a800;
}
.rank_myTop {
color: #9a5612;
text-shadow: -2px -2px 0 #FFF033;
font-size: 2.4rem;
color: #9a5612;
text-shadow: -2px -2px 0 #FFF033;
font-size: 2.4rem;
}
.rank_mask .rank {
height: 300px;
overflow-y: auto;
padding: 5px 18px;
height: 300px;
overflow-y: auto;
padding: 5px 18px;
}
.play_tips {
position: absolute;
background-color: rgba(0,0,0,.5);
z-index: 999;
top: 0;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, .5);
z-index: 999;
top: 0;
width: 100%;
height: 100%;
}
.play_tips .arrow {
width: 40%;
height: 100%;
background: url(../img/money/arrow.png) no-repeat center;
background-size: contain;
margin: 30px auto;
width: 40%;
height: 100%;
background: url(../img/money/arrow.png) no-repeat center;
background-size: contain;
margin: 30px auto;
}
.play_tips .hand {
width: 120px;
height: 120px;
background: url(../img/money/hand.png) no-repeat center;
background-size: contain;
position: absolute;
top: 350px;
left: 180px;
-webkit-animation: handSwipe 1.8s ease infinite;
-moz-animation: handSwipe 1.8s ease infinite;
animation: handSwipe 1.8s ease infinite;
width: 120px;
height: 120px;
background: url(../img/money/hand.png) no-repeat center;
background-size: contain;
position: absolute;
top: 350px;
left: 180px;
-webkit-animation: handSwipe 1.8s ease infinite;
-moz-animation: handSwipe 1.8s ease infinite;
animation: handSwipe 1.8s ease infinite;
}
@-webkit-keyframes handSwipe {
0{
top: 400px;
opacity: 1;
}
70%{
top: 250px;x
opacity: 1;
}
100%{
top: 250px;
opacity: 0;
}
0 {
top: 400px;
opacity: 1;
}
70% {
top: 250px;
x opacity: 1;
}
100% {
top: 250px;
opacity: 0;
}
}
@-moz-keyframes handSwipe {
0{
top: 400px;
opacity: 1;
}
70%{
top: 250px;
opacity: 1;
}
100%{
top: 250px;
opacity: 0;
}
0 {
top: 400px;
opacity: 1;
}
70% {
top: 250px;
opacity: 1;
}
100% {
top: 250px;
opacity: 0;
}
}
@keyframes handSwipe {
0{
top: 400px;
opacity: 1;
}
70%
{
top: 250px;
opacity: 1;
}
100%
{
top: 250px;
opacity: 0;
}
}
.money_box img{
position: absolute;
bottom:-25px;
width:100%;
}
.tipsDiv{
position: absolute;
top:50%;
width:100%;
height:5rem;
background:rgba(0,0,0,0.5);
color:#fdbe23;
text-align: center;
line-height: 5rem;
font-size:2.5rem;
}
.circleCount{
position: absolute;
width:5rem;
height:5rem;
top:50%;
left:50%;
margin-left:-2.5rem;
color:#fdbe23;
font-size:3rem;
border-radius:50%;
text-align: center;
line-height: 5rem;
border:0.3rem solid #fdbe23;
display: none;
animation: numberAni 1s infinite ease;
display:none;
0 {
top: 400px;
opacity: 1;
}
70% {
top: 250px;
opacity: 1;
}
100% {
top: 250px;
opacity: 0;
}
}
.money_box img {
position: absolute;
bottom: -25px;
width: 100%;
}
.tipsDiv {
position: absolute;
top: 50%;
width: 100%;
height: 5rem;
background: rgba(0, 0, 0, 0.5);
color: #fdbe23;
text-align: center;
line-height: 5rem;
font-size: 2.5rem;
}
.circleCount {
position: absolute;
width: 5rem;
height: 5rem;
top: 50%;
left: 50%;
margin-left: -2.5rem;
color: #fdbe23;
font-size: 3rem;
border-radius: 50%;
text-align: center;
line-height: 5rem;
border: 0.3rem solid #fdbe23;
display: none;
animation: numberAni 1s infinite ease;
display: none;
}
@keyframes numberAni {
1% {
transform: scale(8);
opacity: 1
}
90% {
transform: scale(1);
opacity: 0
}
100% {
transform: scale(8);
opacity: 0
}
1% {
transform: scale(8);
opacity: 1
}
90% {
transform: scale(1);
opacity: 0
}
100% {
transform: scale(8);
opacity: 0
}
}
.rank_mask .rank-num.num1 {
background: url(../img/money/new-number1.png) no-repeat center;
background-size: contain;
background: url(../img/money/new-number1.png) no-repeat center;
background-size: contain;
}
.rank_mask .rank-num.num2 {
background: url("../img/mobile_img/rank_num2.png") no-repeat center;
background-size: contain;
background: url("../img/mobile_img/rank_num2.png") no-repeat center;
background-size: contain;
}
.rank_mask .rank-num.num3 {
background: url("../img/mobile_img/rank_num3.png") no-repeat center;
background-size: contain;
background: url("../img/mobile_img/rank_num3.png") no-repeat center;
background-size: contain;
}
.rank_mask .rank-num {
width: 22px;
height: 28px;
float: left;
line-height: 28px;
width: 22px;
height: 28px;
float: left;
line-height: 28px;
}
.rank_mask .my_rank {
padding-top: 18px;
padding-top: 18px;
}
.my_rankTop{
margin: 0 auto;
background-image: -webkit-linear-gradient(bottom,#c58726,#843a06,#211e14);
-webkit-background-clip: text;
-webkit-text-fill-color: #d8a8a800;
.my_rankTop {
margin: 0 auto;
background-image: -webkit-linear-gradient(bottom, #c58726, #843a06, #211e14);
-webkit-background-clip: text;
-webkit-text-fill-color: #d8a8a800;
}
.rank_mask .rank-row span {
display: inline-block;
display: inline-block;
}
.rank_mask .rank-row {
margin-top: 5px;
color: #bb5b15;
font-weight: bold;
margin-top: 5px;
color: #bb5b15;
font-weight: bold;
}
.rank_mask .rank-score {
padding-left: 3px;
width: 58px;
text-align: right;
padding-right: 3px;
border-left: 2px solid #ce7e61;
color: #c56a09;
font-weight: bold;
padding-left: 3px;
width: 58px;
text-align: right;
padding-right: 3px;
border-left: 2px solid #ce7e61;
color: #c56a09;
font-weight: bold;
font-family: pingfangR;
}
.rank_mask .rank-name {
width: 115px;
text-align: left;
padding-left: 7px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative;
top: 3px;
width: 115px;
text-align: left;
padding-left: 7px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative;
top: 3px;
font-family: pingfangR;
}
.rank_mask .rank-row img {
width: 28px;
height: 28px;
vertical-align: middle;
border-radius: 50%;
position: relative;
top: -1px;
margin-left: 15px;
width: 28px;
height: 28px;
vertical-align: middle;
border-radius: 50%;
position: relative;
top: -1px;
margin-left: 15px;
}
.notice_box {
width: 23.33rem;
height: 21rem;
background-image: url('../../../images/aM/all_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.notice_top {
width: 5.25rem;
height: 5.25rem;
margin-top: 2.33rem;
}
.notice_box span {
color: #893630;
font-size: 1.5rem;
margin-top: 1.2rem;
}
.notice_content {
width: calc(100% - 5rem);
height: 2.5rem;
border-radius: 0.66rem;
border: 1px solid #C8532B;
background: white;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.66rem;
}
.notice_content span {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 0;
white-space: nowrap;
font-size: 1.2rem;
text-align: center;
}
.all_Receive {
width: 12.5rem;
height: 2.5rem;
background: #F9CB3B;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.2rem;
border-radius: 1.35rem;
}
.all_Receive span {
color: #893630;
font-size: 1.1rem;
margin-top: 0;
}
.all_Close {
position: absolute;
left: 50%;
bottom: -4rem;
margin-left: -1.7rem;
width: 2.83rem;
height: 2.83rem;
background-image: url('../../../images/aM/close.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
html/annualMeeting/img/money/gold.png

7.19 KB | W: | H:

html/annualMeeting/img/money/gold.png

14.8 KB | W: | H:

html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment