Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
https://seanchoi-dev.github.io/menu
- https://seanchoi-dev.github.io/menu Cook Menu Decider with google spreadsheet API
- https://seanchoi-dev.github.io/lol-team League of Legend team balacer
Binary file added lib/audios/LCK 2019 Champion Select Music.mp3
Binary file not shown.
5 changes: 0 additions & 5 deletions lib/images/discord-icon.svg

This file was deleted.

Binary file removed lib/images/github-icon.png
Binary file not shown.
3 changes: 0 additions & 3 deletions lib/images/github-icon.svg

This file was deleted.

Binary file modified lib/images/vs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
82 changes: 47 additions & 35 deletions lol-team/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,46 +17,58 @@
<form id="mix_form" name="mix" autocomplete="on" onsubmit="return submitted()">
<div class="bg-dark-grey">
<div class="container">
<div class="d-flex py-2 justify-content-between">
<div class="socials d-flex gap-2">
<div class="social-item">
<a target="_blank" href="https://discordapp.com/users/390692791241408514"><img class="social-icon" src="../lib/images/discord-icon.svg" alt="discord"></a>
</div>
<div class="social-item d-flex">
<a target="_blank" href="https://github.com/seanchoi-dev/seanchoi-dev.github.io"><img class="social-icon" src="../lib/images/github-icon.png" alt="discord"></a>
</div>
<div class="row">
<div class="form-group col-md-12 p-0">
<!-- <label class="white-label required">Balanced by</label>
<div id="mix_typeMix" class="choosemix">
<input id="mix_typeMix_0" name="mix.typeMix" required="required" value="tier" checked="checked" type="radio" control-id="ControlID-2">
<label for="mix_typeMix_0" class="required">Tier</label>
<input id="mix_typeMix_1" name="mix.typeMix" value="position" type="radio" disabled="disabled">
<label for="mix_typeMix_1" class="text-decoration-line-through">Position</label>
</div> -->
</div>
<div class="text-white">
<h5 class="my-1 text-end">Beta v0.91</h5>
<div class="container text-white">
<h5 class="my-1 text-end">Beta v0.9</h5>
</div>
</div>
</div>
</div>
<div class="bg-grey">
<div class="container padding-bloc position-relative">
<div class="general-config row align-items-center">
<div class="form-group col-6">
<select class="head-select" id="nb-participants" control-id="ControlID-3">
<option value="6">6</option>
<option value="8">8</option>
<option value="10" selected>10</option>
</select>
<label for="nb-participants" class="head-label pr-15">Participants</label>
<a class="import-icon toggle-it" data-target="#import-participant" data-toggle="tooltip" data-placement="bottom" title="Add participants by textarea" data-original-title="Copy-paste participants">
<span><i class="fa fa-clipboard"></i></span>
</a>
<a class="import-icon toggle-it" title="Clear all participants" onclick="clearAll()">
<span><i class="fa fa-trash"></i></span>
</a>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<select class="head-select" id="nb-participants" control-id="ControlID-3">
<option value="2">2</option>
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10" selected>10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="20">20</option>
</select>
<label for="nb-participants" class="head-label pr-15">Participants</label>
<a class="import-icon toggle-it" data-target="#import-participant" data-toggle="tooltip" data-placement="bottom" title="Add participants by textarea" data-original-title="Copy-paste participants">
<span><i class="fa fa-clipboard"></i></span>
</a>
<a class="import-icon toggle-it" title="Clear all participants" onclick="clearAll()">
<span><i class="fa fa-trash"></i></span>
</a>
</div>

<div id="import-participant" class="form-group">
<label for="import-participant-list">Copy and paste a list of participants. One participant per line.</label>
<textarea id="import-participant-list" class="form-control textarea-import" rows="10" control-id="ControlID-4"></textarea>
<a id="import-p-button" class="btn orange-btn middle-keamk-btn">Import Participants</a>
</div>
<div class="text-end tier-list me-5">Bronze, Bronze-Silver, Silver, Silver-Gold ...... Master, Heaven</div>

<div id="mix_players"></div>
</div>
<div class="level-config col-6 d-flex"></div>
</div>
<div id="import-participant" class="form-group">
<label for="import-participant-list">Copy and paste a list of participants. One participant per line.</label>
<textarea id="import-participant-list" class="form-control textarea-import" rows="10" control-id="ControlID-4"></textarea>
<a id="import-p-button" class="btn orange-btn middle-keamk-btn">Import Participants</a>
</div>
<div id="mix_players"></div>
<div
class="padding-top ad-div">
<!-- leaderboard-bottom -->
Expand All @@ -70,21 +82,21 @@ <h5 class="my-1 text-end">Beta v0.91</h5>
<button type="submit" id="mix_save" class="btn orange-btn large-keamk-btn mx-auto">Generate Teams</button>
</div>
<div class="audio-player">
<h6 class="px-3 pt-3"><small>2022 LCK 밴픽 브금 LCK Champ Select BGM</small></h6>
<h6 class="px-3 pt-3 text-center"><small>LCK 2019 Champion Select Music</small></h6>
<audio controls loop>
<source id = 'menuAudio' src='../lib/audios/2022 LCK 밴픽 브금 LCK Champ Select BGM.mp3'/>
<embed src= '../lib/audios/2022 LCK 밴픽 브금 LCK Champ Select BGM.mp3' loop='loop'/>
<source id = 'menuAudio' src='../lib/audios/LCK 2019 Champion Select Music.mp3'/>
<embed src= '../lib/audios/LCK 2019 Champion Select Music.mp3' loop='loop'/>
</audio>
</div>
</div>

</div>
</form>
</div>
<footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<script src="lol-team.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="keamk.js"></script>
</footer>
</main>
</body>
Expand Down
160 changes: 160 additions & 0 deletions lol-team/keamk.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,160 @@
(function(t) {
var e = (function() {
extLink = function() {
t('a.link-ext').click(function() {
window.open(this.href);
return !1
});
t('a.link-ext').mouseup(function() {
t(this).blur()
})
}
;
keamkTooltip = function() {
t('[data-toggle="tooltip"]').tooltip({
trigger: 'hover'
})
}
;
toggleTarget = function() {
t('.toggle-it').click(function() {
var e = t(this).attr('data-target');
t(e).toggle()
})
}
;
scrollToTarget = function() {
t('.scroll-to').click(function() {
var e = t(this).attr('data-target');
t('html, body').animate({
scrollTop: t(e).offset().top
}, 300)
});
t('.scroll-to-top').click(function() {
t('html, body').animate({
scrollTop: 0
}, 300)
});
t(window).scroll(function() {
if (t(window).scrollTop() > 500) {
t('.scroll-to-top').fadeIn()
} else {
t('.scroll-to-top').fadeOut()
}
})
}
;
johnFante = function() {
var e = 'contactcharlesbukowskikeamkjackkerouaccom'
, i = 'charlesbukowski'
, a = 'jackkerouac';
e = e.split(i);
e[0] += '@';
e = e[0].concat(e[1]);
e = e.split(a);
e[0] += '.';
e = e[0].concat(e[1]);
t('.john-fante').each(function() {
t(this).html(e)
});
t('.ajohn-fante').each(function() {
t(this).attr('href', 'mailto:' + e)
})
}
;
setCookie = function(t, e, a) {
var i = new Date();
i.setTime(i.getTime() + (a * 24 * 60 * 60 * 1000));
var n = '; expires=' + i.toGMTString();
document.cookie = t + '=' + e + n + '; path=/'
}
;
init = function() {
extLink();
keamkTooltip();
toggleTarget();
scrollToTarget()
}
;
return {
init: init
}
}
)()
, i = (function() {
var a = t('div#mix_players')
, o = t('#nb-participants')
, e = a.find('.participant-div').length
, l = e
, n = t('div#mix_teams')
, r = t('#nb-teams')
, i = n.find('.team-div').length
, c = i;
setTypeMix = function() {
var l = '<style type="text/css" id="style-temp">';
cssText = function(t, e) {
return '.gender-participant { display: ' + t + '; } .level-participant { display: ' + e + '; }'
}
;
var i = cssText('none', 'none')
, a = cssText('block', 'none')
, n = cssText('none', 'block')
, o = t('input[name=\'mix[typeMix]\']:checked')
, e = i;
switch (o.val()) {
case '1':
e = a;
break;
case '2':
e = n;
break
}
;t(l).text(e).appendTo('head');
t('input[name=\'mix[typeMix]\']').change(function() {
var e = i;
switch (t(this).val()) {
case '1':
e = a;
break;
case '2':
e = n;
break
}
;t('#style-temp').text(e)
})
};

levelSystem = function() {
setLevel('.level-participant');
t('#mix_players').on({
mouseenter: function() {
t(this).prevAll('label').andSelf().addClass('level-hover');
t(this).nextAll('label').removeClass('level-hover')
},
mouseleave: function() {
t(this).prevAll('label').andSelf().removeClass('level-hover');
var e = t(this).parent().closest('div');
setLevel(e)
}
}, '.level-participant label')
};
setLevel = function(e) {
var i = t(e).find('input:checked');
if (i.length > 0) {
t(i).prevAll('label').andSelf().addClass('level-hover');
t(i).nextAll().removeClass('level-hover')
}
};
init = function() {
levelSystem();
}
;
return {
init: init
}
}
)();
t(e.init);
t(i.init)
}
)(jQuery);
28 changes: 5 additions & 23 deletions lol-team/lol-team.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,11 @@
background-repeat: no-repeat;
}

label:hover,
label:active,
label:focus,
label.active {
.label-position:hover,
.label-position:active,
.label-position:focus,
.label-position.active {
background-color: #f97352;
color: #fff;
}

.label-position-all {
Expand Down Expand Up @@ -58,9 +57,6 @@ label.active {
width: 35px;
height: 35px;
}
.social-icon {
max-width: 30px;
}
.vs img {
max-width: 90%;
}
Expand Down Expand Up @@ -108,18 +104,4 @@ main {
bottom: 35px;
border: 1px solid;
border-radius: 30px;
}

.level-config label {
cursor: pointer;
}

.level-config label,
.level-config input {
font-size: 1rem;;
width: 36px;
text-align: center;
margin-right: 5.5px;
}

/* opacity update */
}
Loading