Skip to content

Instantly share code, notes, and snippets.

@downthecrop

downthecrop/profile.html

Created March 21, 2022 12:07
Show Gist options
  • Save downthecrop/54d1db78ebf5144ba3c22facc612f70f to your computer and use it in GitHub Desktop.
Save downthecrop/54d1db78ebf5144ba3c22facc612f70f to your computer and use it in GitHub Desktop.
Download ZIP
profile
Raw
profile.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>LOL小幫手</title>
<link rel="stylesheet" href="https://cdngarenanow-a.akamaihd.net/gxx/mobile/web/lib/bootstrap/3.3.5/bootstrap.min.css">
<link rel="stylesheet" href="/static/lolhelper/css/style.css?v=201705171923">
<script>
function cmpVersions(a, b) {
var i, diff;
var regExStrip0 = /(\.0+)+$/;
var segmentsA = a.replace(regExStrip0, '').split('.');
var segmentsB = b.replace(regExStrip0, '').split('.');
var l = Math.min(segmentsA.length, segmentsB.length);
for (i = 0; i < l; i++) {
diff = parseInt(segmentsA[i], 10) - parseInt(segmentsB[i], 10);
if (diff) {
return diff;
}
}
var lengthDiff = segmentsA.length - segmentsB.length;
if (lengthDiff !== 0)
return lengthDiff;
return a.length - b.length;
};
function isWhiteTheme() {
if (navigator.userAgent.indexOf('GarenaGas') > -1) {
var gmUserAgent = navigator.userAgent.split('GarenaGas/')[1];
var curVersion = gmUserAgent.split(' ')[0];
if (gmUserAgent.indexOf('ios') > -1) {
if (cmpVersions(curVersion, '2.6.0') >= 0) {
return true;
}
} else {
if (cmpVersions(curVersion, '2.2.0') >= 0) {
return true;
}
}
return false;
}
return true;
};
function isNightTheme() {
if (navigator.userAgent.indexOf('GarenaGas') > -1) {
var gmUserAgent = navigator.userAgent.split('GarenaGas/')[1];
if (gmUserAgent.indexOf('dark') > -1) {
return true;
}
}
return false;
};
if (isWhiteTheme()) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = '/static/lolhelper/css/style_white.css?v=201705171923';
document.head.appendChild(link);
if (isNightTheme()) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = '/static/lolhelper/css/style_night.css?v=201705171923';
document.head.appendChild(link);
}
}
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-80423316-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="region-tw">
<input id="me" type="hidden" name="me" value="489897928">
<!-- add bg image only when has rank -->
<div class="header media game-main home-header" style="background-image:url(/static/lolhelper/images/bg-header-home.jpg);">
<div class="media-left">
<a id="btn-back" class="btn-back"><img src="/static/lolhelper/images/ico-back.png" alt=""></a>
</div>
<div class="media-body"></div>
<!-- remove media-left btn-search-->
</div>
<div class="panel-user media home-panel-user">
<div class="media-left">
<div class="profile">
<img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/profileicon/5098.png" alt="">
<div class="sector">
<div>410</div>
</div>
</div>
</div>
<div class="media-body">
<div class="title">Faker</div>
<div class="level">戰力指數: 6,028 銀牌 II</div>
</div>
<!-- change bg for rank -->
<div class="bg-rank" style="background-image:url(/static/lolhelper/images/tier_division/silver_ii.png)"></div>
</div>
<div class="wrap home-content">
<div class="game-brief">
<a href="/summoner/profile_summary/77960809/">
<div class="sec-brief">
<div class="game-breif-item">
<div class="type">總場次</div>
<div class="value">8,759</div>
</div>
<div class="game-breif-item">
<div class="type">勝率</div>
<div class="value">51.9%</div>
</div>
<div class="game-breif-item">
<div class="type">遊戲生涯</div>
<div class="value">3,633 <span class="small">天</span></div>
</div>
<i class="glyphicon glyphicon-menu-right"></i>
</div>
</a>
</div>
<div class="trends-brief champions">
<a href="/summoner/champions/77960809/">
<div class="sec-brief">
<div class="title">我的英雄</div>
<div class="bg-hero" style="background-image:url(/static/lolhelper/images/bg_headers/bg-header-64.jpg)"></div>
<i class="glyphicon glyphicon-menu-right"></i>
</div>
</a>
</div>
<div class="trends-brief">
<a href="/trends/77960809/">
<div class="sec-brief">
<div class="title">英雄榜</div>
<div class="bg-hero" style="background-image:url(/static/lolhelper/images/bg_headers/bg-header-0.jpg)"></div>
<i class="glyphicon glyphicon-menu-right"></i>
</div>
</a>
</div>
<div class="clearfix"></div>
<div class="recent-games-title">
<div class="sec-brief-title">對戰紀錄</div>
</div>
<ul class="recent-games player-summary" id="recent-games" data-last_start_time="2022-03-02 20:03:43">
<a href="/game_details/77960809/2021036876/">
<li class="media">
<div class="media-left">
<div class="img-wrap"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/champion/Qiyana.png" alt=""></div>
<div class="status">勝利</div>
</div>
<div class="media-body">
<div class="title">咆嘯深淵</div>
<ul class="item-box list-inline">
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3042.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6696.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3111.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6691.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6676.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6694.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
</ul>
<div class="clearfix"></div>
<ul class="game-status win list-inline">
<li><img src="/static/lolhelper/images/ico-win-sword.png?v=20160509" alt=""> 23</li>
<li><img src="/static/lolhelper/images/ico-win-dead.png?v=20160509" alt=""> 11</li>
<li><img src="/static/lolhelper/images/ico-win-assist.png?v=20160509" alt=""> 9</li>
<li><img src="/static/lolhelper/images/ico-win-gold.png?v=20160509" alt=""> 18.5k</li>
</ul>
<ul class="achievement-box list-inline">
<li class="date">03-15 22:37</li>
</ul>
</div>
<div class="media-right-float"><i class="glyphicon glyphicon-menu-right"></i></div>
</li>
</a>
<a href="/game_details/77960809/2021033647/">
<li class="media lose">
<div class="media-left">
<div class="img-wrap"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/champion/Leblanc.png" alt=""></div>
<div class="status">戰敗</div>
</div>
<div class="media-body">
<div class="title">咆嘯深淵</div>
<ul class="item-box list-inline">
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6655.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3020.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/4645.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3089.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li class="noskill"><div class="img-holder"></div></li>
<li class="noskill"><div class="img-holder"></div></li>
</ul>
<div class="clearfix"></div>
<ul class="game-status lose list-inline">
<li><img src="/static/lolhelper/images/ico-lose-sword.png?v=20160509" alt=""> 12</li>
<li><img src="/static/lolhelper/images/ico-lose-dead.png?v=20160509" alt=""> 5</li>
<li><img src="/static/lolhelper/images/ico-lose-assist.png?v=20160509" alt=""> 9</li>
<li><img src="/static/lolhelper/images/ico-lose-gold.png?v=20160509" alt=""> 11.1k</li>
</ul>
<ul class="achievement-box list-inline">
<li class="date">03-15 22:20</li>
</ul>
</div>
<div class="media-right-float"><i class="glyphicon glyphicon-menu-right"></i></div>
</li>
</a>
<a href="/game_details/77960809/2021030201/">
<li class="media">
<div class="media-left">
<div class="img-wrap"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/champion/Gangplank.png" alt=""></div>
<div class="status">勝利</div>
</div>
<div class="media-body">
<div class="title">咆嘯深淵</div>
<ul class="item-box list-inline">
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3508.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6676.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/1001.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6691.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li class="noskill"><div class="img-holder"></div></li>
<li class="noskill"><div class="img-holder"></div></li>
</ul>
<div class="clearfix"></div>
<ul class="game-status win list-inline">
<li><img src="/static/lolhelper/images/ico-win-sword.png?v=20160509" alt=""> 12</li>
<li><img src="/static/lolhelper/images/ico-win-dead.png?v=20160509" alt=""> 2</li>
<li><img src="/static/lolhelper/images/ico-win-assist.png?v=20160509" alt=""> 7</li>
<li><img src="/static/lolhelper/images/ico-win-gold.png?v=20160509" alt=""> 9.9k</li>
</ul>
<ul class="achievement-box list-inline">
<li class="date">03-15 22:05</li>
</ul>
</div>
<div class="media-right-float"><i class="glyphicon glyphicon-menu-right"></i></div>
</li>
</a>
<a href="/game_details/77960809/2021026262/">
<li class="media lose">
<div class="media-left">
<div class="img-wrap"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/champion/Samira.png" alt=""></div>
<div class="status">戰敗</div>
</div>
<div class="media-body">
<div class="title">咆嘯深淵</div>
<ul class="item-box list-inline">
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6673.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6676.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3111.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/1053.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/1018.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/1038.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
</ul>
<div class="clearfix"></div>
<ul class="game-status lose list-inline">
<li><img src="/static/lolhelper/images/ico-lose-sword.png?v=20160509" alt=""> 7</li>
<li><img src="/static/lolhelper/images/ico-lose-dead.png?v=20160509" alt=""> 8</li>
<li><img src="/static/lolhelper/images/ico-lose-assist.png?v=20160509" alt=""> 16</li>
<li><img src="/static/lolhelper/images/ico-lose-gold.png?v=20160509" alt=""> 11k</li>
</ul>
<ul class="achievement-box list-inline">
<li class="date">03-15 21:44</li>
</ul>
</div>
<div class="media-right-float"><i class="glyphicon glyphicon-menu-right"></i></div>
</li>
</a>
<a href="/game_details/77960809/2017406286/">
<li class="media">
<div class="media-left">
<div class="img-wrap"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/champion/Senna.png" alt=""></div>
<div class="status">勝利</div>
</div>
<div class="media-body">
<div class="title">咆嘯深淵</div>
<ul class="item-box list-inline">
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3042.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3006.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/6672.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3094.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li>
<div class="img-holder"><img src="https://ddragon.leagueoflegends.com/cdn/12.5.1/img/item/3124.png" onerror="this.src='/static/lolhelper/images/no-item.png'"></div>
</li>
<li class="noskill"><div class="img-holder"></div></li>
</ul>
<div class="clearfix"></div>
<ul class="game-status win list-inline">
<li><img src="/static/lolhelper/images/ico-win-sword.png?v=20160509" alt=""> 11</li>
<li><img src="/static/lolhelper/images/ico-win-dead.png?v=20160509" alt=""> 6</li>
<li><img src="/static/lolhelper/images/ico-win-assist.png?v=20160509" alt=""> 26</li>
<li><img src="/static/lolhelper/images/ico-win-gold.png?v=20160509" alt=""> 14.8k</li>
</ul>
<ul class="achievement-box list-inline">
<li class="date">03-02 20:03</li>
</ul>
</div>
<div class="media-right-float"><i class="glyphicon glyphicon-menu-right"></i></div>
</li>
</a>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdngarenanow-a.akamaihd.net/gxx/mobile/web/lib/bootstrap/3.3.5/bootstrap.min.js"></script>
<script src="/static/lolhelper/js/main.js?v=201705171923"></script>
<script>
$(document).bind("mobileinit", function(event) {
$.extend($.mobile.zoom, {locked:true,enabled:false});
});
$(document).bind("mobileinit", function(event) {
$.extend($.mobile.zoom, {
locked: true,
enabled: false
});
});
$(document).ready(function() {
var loading_games = false;
var loading_moments = false;
var min_start_time = "2022-03-02 20:03:43";
// var min_moment_date = "";
$(window).scroll(function() {
// recent games batch loading
if ($(window).scrollTop() + $(window).height() == $(document).height()) {
console.log("recent_games batch loading start");
var last_start_time = $("#recent-games").attr("data-last_start_time");
if (last_start_time > min_start_time && loading_games == false) {
loading_games = true;
$.get('/api/feed_recent_games/', {
acct_id: 77960809,
last_start_time: last_start_time
}, function(data) {
$("#recent-games").append(data);
var $response = $(data);
$("#recent-games").attr("data-last_start_time", $response.filter('#batch-games').attr("data-last_start_time"));
loading_games = false;
});
}
}
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment