he4et/BadBarSlots
1
0
Fork 0
mirror of https://github.com/He4eT/BadBarSlots.git synced 2026-05-05 00:17:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
He4eT 2017-05-07 21:14:43 +05:00
commit ec2b5e02c6
3 changed files with 56 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

31
css/style.css
View file

@ -4,6 +4,10 @@
100% { opacity: 1; }
}
* {
outline: none;
}
html, body {
margin: 0;
padding: 0;
@ -23,11 +27,13 @@ body {
.wrap {
animation: load 0.4s ease-in;
font-family: monospace;
padding: 10vh;
background-color: #fff;
background-color: #424242;
box-shadow: 0 0 6vh 0.5vh #ff3000;
border: 2px solid #ffa52e;
color: orange;
}
.logo {
@ -81,7 +87,6 @@ body {
font-size: 2rem;
background-color: #616161;
color: #ffa52e;
font-family: monospace;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: #ff3000 0px 0px 10px;
@ -96,8 +101,8 @@ ul {
.data {
background-color: inherit;
line-height: 2.5vh;
font-size: 1.5rem;
/*line-height: 2.5vh;
font-size: 1.5rem;*/
color: orange;
border: none;
}
@ -107,12 +112,28 @@ ul {
padding: 2vh 3vh;
color: orange;
text-align: center;
font-size: 2rem;
cursor: pointer;
}
.start:hover {
border-color: red;
color: red;
text-align: center;
}
.slot-wrap {
overflow: hidden;
}
.welcome {
display: flex;
flex-direction: row;
flex: 0 1 0 0;
}
.welcome .description {
margin-right: 5rem;
}
.welcome .settimgs {
}

37
index.html
View file

@ -2,41 +2,44 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Init Slot Machine</title>
<title>BAD BAR Slots</title>
<link rel="stylesheet" href="css/style.css" type='text/css'>
</head>
<body>
<div class="wrap">
<textarea name="" class="data" cols="20" rows="24">{"number":
<div class="wrap welcome">
<div class="description">
<div class="logo">
<img src="img/logo.svg" alt="">
</div>
</div>
<div class="settings">
<textarea name="" class="data" cols="20" rows="20" autofocus="">{"number":
3
,"items": [
"Водка",
"Джин",
"Тоник",
"Гренадин",
"Пусиджус",
"Водка",
"Сопли",
"Блю кюрасао",
"Яблочный",
"Апельсиновый",
"Вишнёвый",
"Пусиджус",
"Ничего"]}</textarea>
<div class="start">
OK
<div class="start">
Поехали!
</div>
</div>
</div>
<form action="slots.html" method="get">
<input type="hidden" name='params' class="params">
</form>
<script src="js/jquery.min.js"></script>
<script>
$(".start").on('click', () => {
try {
let data = JSON.parse($(".data").val())
let params = encodeURI(JSON.stringify(data))
let newUrl = location.href.replace("index.html", "slots.html")
location.href = newUrl + "?" + params
let params = encodeURIComponent(JSON.stringify(data))
$('.params').val(params)
$('form').submit()
} catch (e) {
alert(e)
}

20
slots.html
View file

@ -2,8 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
<title>Slot Machine</title>
<title>BAD BAR Slots</title>
<link rel="stylesheet" href="css/style.css" type='text/css'>
</head>
@ -12,19 +11,21 @@
<div class="logo">
<img src="img/logo.svg" alt="">
</div>
<ul class="slot">
<!-- <li>Гренадин</li>
<li>Пусиджус</li>
<li>Сопли</li> -->
</ul>
<div class="slot-wrap">
<ul class="slot">
</ul>
</div>
</div>
<script src="js/jquery.min.js"></script>
<!-- <script src="js/jquery.easing.1.3.js"></script> -->
<script src="js/jquery.jSlots.min.js"></script>
<script>
let params = location.search.substr(1)
let data = JSON.parse(decodeURI(params))
let params = location.search.split('=')[1]
let data = JSON.parse(
decodeURIComponent(
decodeURIComponent(params)
))
let items = data.items
.reduce((sum, cur) => sum + `<li>${cur}</li>`, '')
@ -41,7 +42,6 @@
spinner : '#playNormal',
onStart: playSound,
time : 6000,
// winnerNumber : 7
});
</script>