AnuGolfer
4 years ago
Durant had a rough Game 1. It’s not often you see Durant finish a game with more field goal attempts than shots. The Celtics have the to give KD trouble, as much as one can really trouble one of the greatest scorers in human history.
Add New
3. Paste the HTML below (everything between the HTML markers) into the HTML tab
4. Paste the CSS below into the CSS tab
5. Paste the JS below into the JS tab
6. Save, then insert into your post
============================================================
–>
@import url(‘https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap’);
#bsg-wrap { font-family:’Barlow’,Arial,sans-serif; background:#0d1117; color:#e8edf2; padding:20px 16px; border-radius:12px; box-sizing:border-box; }
#bsg-wrap *, #bsg-wrap *::before, #bsg-wrap *::after { box-sizing:border-box; margin:0; padding:0; }
/* Header */
.bsg-header { display:flex; align-items:center; gap:12px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid #253040; flex-wrap:wrap; }
.bsg-logo { width:34px; height:34px; background:#2ecc6e; border-radius:6px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.bsg-logo svg { width:20px; height:20px; }
.bsg-title-block { flex:1; }
.bsg-title { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:19px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#e8edf2; line-height:1; }
.bsg-subtitle { font-size:11px; color:#7a8fa6; margin-top:3px; }
.bsg-site-badge { margin-left:auto; background:#1c2530; border:1px solid #253040; border-radius:20px; padding:3px 10px; font-size:11px; color:#7a8fa6; font-family:’Barlow Condensed’,Arial,sans-serif; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
/* Tabs */
.bsg-tabs { display:flex; gap:4px; margin-bottom:16px; flex-wrap:wrap; }
.bsg-tab { background:#1c2530; border:1px solid #253040; border-radius:6px; color:#7a8fa6; cursor:pointer; font-family:’Barlow Condensed’,Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:.05em; padding:7px 14px; text-transform:uppercase; transition:all .15s; }
.bsg-tab:hover { color:#e8edf2; border-color:#3a5068; }
.bsg-tab-active { background:#2ecc6e !important; border-color:#2ecc6e !important; color:#0b0f14 !important; }
/* Views */
.bsg-view { display:none; }
.bsg-view-active { display:block; }
/* Cards */
.bsg-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.bsg-card { background:#161c24; border:1px solid #253040; border-radius:10px; padding:15px; cursor:pointer; transition:border-color .15s,transform .15s; position:relative; overflow:hidden; }
.bsg-card::before { content:”; position:absolute; top:0; left:0; right:0; height:3px; background:#2ecc6e; opacity:0; transition:opacity .15s; }
.bsg-card:hover { border-color:#3a5068; transform:translateY(-2px); }
.bsg-card:hover::before, .bsg-card-selected::before { opacity:1; }
.bsg-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }
.bsg-card-rank { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:26px; font-weight:800; line-height:1; }
.bsg-card-dk { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:11px; font-weight:700; color:#d4a843; background:rgba(212,168,67,.1); border:1px solid rgba(212,168,67,.25); border-radius:4px; padding:2px 7px; }
.bsg-card-name { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; color:#e8edf2; margin-bottom:8px; }
.bsg-card-score-row { display:flex; align-items:baseline; gap:6px; margin-bottom:5px; }
.bsg-card-score-lbl { font-size:10px; color:#7a8fa6; text-transform:uppercase; letter-spacing:.05em; }
.bsg-card-score-val { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:20px; font-weight:700; color:#2ecc6e; }
.bsg-card-odds { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:13px; font-weight:700; color:#2ecc6e; margin-bottom:9px; }
.bsg-card-odds-lbl { color:#7a8fa6; font-size:10px; font-weight:400; margin-left:3px; }
.bsg-mini { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding-top:9px; border-top:1px solid #253040; }
.bsg-mini-item { text-align:center; }
.bsg-mini-lbl { font-size:9px; color:#7a8fa6; text-transform:uppercase; letter-spacing:.04em; line-height:1.3; margin-bottom:2px; }
.bsg-mini-val { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:15px; font-weight:700; }
/* Detail panel */
.bsg-detail-inner { background:#161c24; border:1px solid #253040; border-radius:10px; padding:18px; }
.bsg-detail-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; padding-bottom:13px; border-bottom:1px solid #253040; flex-wrap:wrap; }
.bsg-detail-rank-circle { width:48px; height:48px; background:#1c2530; border-radius:50%; border:2px solid #2ecc6e; display:flex; align-items:center; justify-content:center; font-family:’Barlow Condensed’,Arial,sans-serif; font-size:20px; font-weight:800; color:#2ecc6e; flex-shrink:0; }
.bsg-detail-name { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:24px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:#e8edf2; flex:1; line-height:1.1; }
.bsg-detail-score-num { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:32px; font-weight:800; color:#2ecc6e; line-height:1; text-align:right; }
.bsg-detail-score-lbl { font-size:10px; color:#7a8fa6; text-transform:uppercase; letter-spacing:.05em; text-align:right; }
.bsg-pills { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.bsg-pill { flex:1; min-width:110px; background:#1c2530; border:1px solid #253040; border-radius:8px; padding:8px 13px; }
.bsg-pill-lbl { font-size:10px; color:#7a8fa6; text-transform:uppercase; letter-spacing:.06em; font-weight:600; margin-bottom:2px; }
.bsg-pill-val-gold { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:20px; font-weight:800; color:#d4a843; line-height:1; }
.bsg-pill-val-green { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:20px; font-weight:800; color:#2ecc6e; line-height:1; }
.bsg-player-sel { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:12px; }
.bsg-sel-btn { background:#1c2530; border:1px solid #253040; border-radius:6px; color:#7a8fa6; cursor:pointer; font-family:’Barlow Condensed’,Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:.04em; padding:5px 11px; text-transform:uppercase; transition:all .15s; }
.bsg-sel-btn:hover { color:#e8edf2; }
.bsg-sel-btn-active { background:#2ecc6e !important; border-color:#2ecc6e !important; color:#0b0f14 !important; }
.bsg-sec { margin-bottom:13px; }
.bsg-sec-title { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#7a8fa6; margin-bottom:6px; padding-bottom:5px; border-bottom:1px solid #253040; }
.bsg-stat-row { display:flex; align-items:center; gap:9px; margin-bottom:6px; }
.bsg-stat-lbl { font-size:11px; color:#7a8fa6; width:145px; flex-shrink:0; }
.bsg-bar-wrap { flex:1; height:5px; background:#1c2530; border-radius:3px; overflow:hidden; }
.bsg-bar { height:100%; border-radius:3px; transition:width .5s cubic-bezier(.4,0,.2,1); }
.bsg-stat-rank { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:13px; font-weight:700; width:38px; text-align:right; flex-shrink:0; }
/* Table */
.bsg-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.bsg-table { width:100%; border-collapse:collapse; font-size:12px; min-width:660px; }
.bsg-table thead tr { background:#1c2530; border-bottom:2px solid #2ecc6e; }
.bsg-table thead th { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#7a8fa6; padding:9px 10px; text-align:left; white-space:nowrap; cursor:pointer; user-select:none; }
.bsg-table thead th:hover, .bsg-th-sorted { color:#2ecc6e !important; }
.bsg-table tbody tr { border-bottom:1px solid #253040; transition:background .1s; }
.bsg-table tbody tr:hover { background:#1e2d3d; }
.bsg-table tbody tr.bsg-tr-alt { background:rgba(46,204,110,.04); }
.bsg-table tbody td { padding:9px 10px; white-space:nowrap; vertical-align:middle; }
.bsg-td-rank { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:17px; font-weight:800; }
.bsg-td-name { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:14px; font-weight:700; text-transform:uppercase; color:#e8edf2; }
.bsg-td-score { color:#2ecc6e; font-weight:600; }
.bsg-td-dk { color:#d4a843; font-weight:600; }
.bsg-td-odds { color:#2ecc6e; font-family:’Barlow Condensed’,Arial,sans-serif; font-size:14px; font-weight:700; }
.bsg-td-stat { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:13px; font-weight:700; }
/* Shared color utils */
.bsg-c-good { color:#2ecc6e; }
.bsg-c-mid { color:#d4a843; }
.bsg-c-poor { color:#e05f5f; }
.bsg-c-gold { color:#d4a843; }
.bsg-c-sil { color:#a0b4c8; }
.bsg-c-brz { color:#b87a4a; }
.bsg-c-muted{ color:#7a8fa6; }
.bsg-bar-green { background:#2ecc6e; }
.bsg-bar-gold { background:#d4a843; }
.bsg-bar-red { background:#e05f5f; }
/* Footer */
.bsg-footer { margin-top:16px; padding-top:12px; border-top:1px solid #253040; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; }
.bsg-footer-brand { font-family:’Barlow Condensed’,Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#7a8fa6; }
.bsg-green { color:#2ecc6e; }
.bsg-footer-note { font-size:10px; color:#3d4f62; }
(function(){
var P=[
{name:”Nicolai Hojgaard“,rank:1,total:86.37,dk:9100,odds:”+2900”,stats:{“Dr Distance (R50)”:{r:6,g:”Driving”},”Carry Distance (R50)”:{r:2,g:”Driving”},”Par 4 BoB% (All)”:{r:106,g:”Approach”},”SG: Putting (2.5%)”:{r:41,g:”Putting”},”SG: Putting (Alt)”:{r:105,g:”Putting”},”SG: Total (R36)”:{r:2,g:”Strokes Gained”},”SG: T2G (R24)”:{r:7,g:”Strokes Gained”},”SG: Total (R50)”:{r:1,g:”Strokes Gained”},”SG: Total (R50 Alt)”:{r:1,g:”Strokes Gained”},”SG: Par 4 (All)”:{r:9,g:”Strokes Gained”},”201+ Scoring Opps”:{r:68,g:”Scoring”},”50-100 Scoring Opps”:{r:111,g:”Scoring”},”101-150 Scoring Opps”:{r:77,g:”Scoring”}}},
{name:”Michael Thorbjornsen“,rank:2,total:82.80,dk:8600,odds:”+3400”,stats:{“Dr Distance (R50)”:{r:17,g:”Driving”},”Carry Distance (R50)”:{r:14,g:”Driving”},”Par 4 BoB% (All)”:{r:15,g:”Approach”},”SG: Putting (2.5%)”:{r:105,g:”Putting”},”SG: Putting (Alt)”:{r:49,g:”Putting”},”SG: Total (R36)”:{r:7,g:”Strokes Gained”},”SG: T2G (R24)”:{r:14,g:”Strokes Gained”},”SG: Total (R50)”:{r:3,g:”Strokes Gained”},”SG: Total (R50 Alt)”:{r:4,g:”Strokes Gained”},”SG: Par 4 (All)”:{r:33,g:”Strokes Gained”},”201+ Scoring Opps”:{r:107,g:”Scoring”},”50-100 Scoring Opps”:{r:83,g:”Scoring”},”101-150 Scoring Opps”:{r:108,g:”Scoring”}}},
{name:”Kristoffer Reitan“,rank:5,total:78.80,dk:8800,odds:”+3300”,stats:{“Dr Distance (R50)”:{r:10,g:”Driving”},”Carry Distance (R50)”:{r:25,g:”Driving”},”Par 4 BoB% (All)”:{r:46,g:”Approach”},”SG: Putting (2.5%)”:{r:60,g:”Putting”},”SG: Putting (Alt)”:{r:72,g:”Putting”},”SG: Total (R36)”:{r:77,g:”Strokes Gained”},”SG: T2G (R24)”:{r:2,g:”Strokes Gained”},”SG: Total (R50)”:{r:4,g:”Strokes Gained”},”SG: Total (R50 Alt)”:{r:7,g:”Strokes Gained”},”SG: Par 4 (All)”:{r:17,g:”Strokes Gained”},”201+ Scoring Opps”:{r:78,g:”Scoring”},”50-100 Scoring Opps”:{r:40,g:”Scoring”},”101-150 Scoring Opps”:{r:65,g:”Scoring”}}},
{name:”Alex Fitzpatrick“,rank:6,total:78.65,dk:8700,odds:”+4000”,stats:{“Dr Distance (R50)”:{r:19,g:”Driving”},”Carry Distance (R50)”:{r:22,g:”Driving”},”Par 4 BoB% (All)”:{r:29,g:”Approach”},”SG: Putting (2.5%)”:{r:76,g:”Putting”},”SG: Putting (Alt)”:{r:66,g:”Putting”},”SG: Total (R36)”:{r:54,g:”Strokes Gained”},”SG: T2G (R24)”:{r:5,g:”Strokes Gained”},”SG: Total (R50)”:{r:7,g:”Strokes Gained”},”SG: Total (R50 Alt)”:{r:17,g:”Strokes Gained”},”SG: Par 4 (All)”:{r:30,g:”Strokes Gained”},”201+ Scoring Opps”:{r:4,g:”Scoring”},”50-100 Scoring Opps”:{r:16,g:”Scoring”},”101-150 Scoring Opps”:{r:8,g:”Scoring”}}},
{name:”Michael Brennan“,rank:8,total:78.22,dk:8500,odds:”+4000”,stats:{“Dr Distance (R50)”:{r:5,g:”Driving”},”Carry Distance (R50)”:{r:5,g:”Driving”},”Par 4 BoB% (All)”:{r:67,g:”Approach”},”SG: Putting (2.5%)”:{r:98,g:”Putting”},”SG: Putting (Alt)”:{r:51,g:”Putting”},”SG: Total (R36)”:{r:29,g:”Strokes Gained”},”SG: T2G (R24)”:{r:33,g:”Strokes Gained”},”SG: Total (R50)”:{r:5,g:”Strokes Gained”},”SG: Total (R50 Alt)”:{r:5,g:”Strokes Gained”},”SG: Par 4 (All)”:{r:51,g:”Strokes Gained”},”201+ Scoring Opps”:{r:22,g:”Scoring”},”50-100 Scoring Opps”:{r:36,g:”Scoring”},”101-150 Scoring Opps”:{r:91,g:”Scoring”}}}
];
var MX=120;
function rc(r){return r<=15?'bsg-c-good':r<=50?'bsg-c-mid':'bsg-c-poor';}
function bc(r){return r<=15?'bsg-bar-green':r<=50?'bsg-bar-gold':'bsg-bar-red';}
function bw(r){return Math.max(4,Math.round((1-(r-1)/MX)*100))+'%';}
function rk(r){return r===1?'bsg-c-gold':r===2?'bsg-c-sil':r===3?'bsg-c-brz':'bsg-c-muted';}
// Build overview cards
var grid=document.getElementById('bsg-cards');
if(grid){
P.forEach(function(p,i){
var c=document.createElement('div');
c.className='bsg-card';
c.innerHTML=
'
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘;
c.addEventListener(‘click’,function(){switchView(‘detail’);showDetail(i);});
grid.appendChild(c);
});
}
// Tab switching
var tabs=document.querySelectorAll(‘#bsg-wrap .bsg-tab’);
tabs.forEach(function(btn){
btn.addEventListener(‘click’,function(){
var v=btn.getAttribute(‘data-view’);
switchView(v);
});
});
function switchView(v){
var views=[‘overview’,’detail’,’table’];
views.forEach(function(n){
var el=document.getElementById(‘bsg-‘+n);
if(el) el.classList.remove(‘bsg-view-active’);
});
tabs.forEach(function(b){
b.classList.remove(‘bsg-tab-active’);
if(b.getAttribute(‘data-view’)===v) b.classList.add(‘bsg-tab-active’);
});
var target=document.getElementById(‘bsg-‘+v);
if(target) target.classList.add(‘bsg-view-active’);
if(v===’detail’){buildSelectors();showDetail(detailIdx);}
if(v===’table’){buildTable();}
}
// Detail view
var detailIdx=0;
function buildSelectors(){
var sel=document.getElementById(‘bsg-player-sel’);
if(!sel) return;
sel.innerHTML=”;
P.forEach(function(p,i){
var b=document.createElement(‘button’);
b.className=’bsg-sel-btn’+(i===detailIdx?’ bsg-sel-btn-active’:”);
b.textContent=p.name.split(‘ ‘).pop();
b.addEventListener(‘click’,function(){showDetail(i);});
sel.appendChild(b);
});
}
function showDetail(i){
detailIdx=i;
buildSelectors();
var p=P[i];
var GO=[‘Driving’,’Approach’,’Putting’,’Strokes Gained’,’Scoring’];
var grps={};
Object.keys(p.stats).forEach(function(k){
var g=p.stats[k].g;
if(!grps[g]) grps[g]=[];
grps[g].push({l:k,r:p.stats[k].r});
});
var secs=”;
GO.forEach(function(g){
if(!grps[g]) return;
var rows=grps[g].map(function(s){
return ‘
‘
+’
‘
+’
‘
+’
‘;
}).join(”);
secs+=’
‘+rows+’
‘;
});
var panel=document.getElementById(‘bsg-detail-panel’);
if(!panel) return;
panel.innerHTML=
‘
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘
+’
‘
+secs
+’
‘;
}
// Table
var sortCol=’rank’, sortDir=1;
var COLS=[
{k:’rank’,l:’Rank’,t:’rank’},{k:’name’,l:’Player’,t:’name’},{k:’total’,l:’Score’,t:’score’},
{k:’dk’,l:’DK Sal’,t:’dk’},{k:’odds’,l:’To Win’,t:’odds’},
{k:’SG: Total (R50)’,l:’SG Tot R50′,t:’stat’},{k:’SG: T2G (R24)’,l:’SG T2G R24′,t:’stat’},
{k:’SG: Par 4 (All)’,l:’SG Par 4′,t:’stat’},{k:’Dr Distance (R50)’,l:’Dr Dist’,t:’stat’},
{k:’Par 4 BoB% (All)’,l:’P4 BoB%’,t:’stat’},{k:’SG: Putting (2.5%)’,l:’SG Putt’,t:’stat’},
{k:’201+ Scoring Opps’,l:’201+ Sc’,t:’stat’},{k:’50-100 Scoring Opps’,l:’50-100 Sc’,t:’stat’}
];
function buildTable(){
var thead=document.getElementById(‘bsg-thead’);
var tbody=document.getElementById(‘bsg-tbody’);
if(!thead||!tbody) return;
thead.innerHTML=’
‘;
}).join(”)+’
‘;
thead.querySelectorAll(‘th’).forEach(function(th){
th.addEventListener(‘click’,function(){
var col=th.getAttribute(‘data-col’);
if(sortCol===col) sortDir*=-1; else{sortCol=col;sortDir=1;}
buildTable();
});
});
var sorted=P.slice().sort(function(a,b){
var av,bv;
if(sortCol===’rank’){av=a.rank;bv=b.rank;}
else if(sortCol===’name’){return sortDir*a.name.localeCompare(b.name);}
else if(sortCol===’total’){av=a.total;bv=b.total;}
else if(sortCol===’dk’){av=a.dk;bv=b.dk;}
else if(sortCol===’odds’){av=parseInt(a.odds);bv=parseInt(b.odds);}
else{av=a.stats[sortCol]?a.stats[sortCol].r:999;bv=b.stats[sortCol]?b.stats[sortCol].r:999;}
return sortDir*(av-bv);
});
tbody.innerHTML=sorted.map(function(p,ri){
return ‘
‘;
if(c.t===’name’) return ‘
‘;
if(c.t===’score’) return ‘
‘;
if(c.t===’dk’) return ‘
‘;
if(c.t===’odds’) return ‘
‘;
var rv=p.stats[c.k]?p.stats[c.k].r:’-‘;
return ‘
‘;
}).join(”)+’
‘;
}).join(”);
}
})();
But Irving can beat any of these guys off the dribble, and the way he’s playing the Me Against the Boston World angle right now, you know he’ll get those shots up.