Skip to content

Instantly share code, notes, and snippets.

@djanatyn

djanatyn/index.html

Created July 17, 2022 00:26
Show Gist options
  • Save djanatyn/9fe2b3590880c97d2fd8be9a6a882c09 to your computer and use it in GitHub Desktop.
Save djanatyn/9fe2b3590880c97d2fd8be9a6a882c09 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"/>
<style>
article { padding: 20px; }
</style>
</head>
<body>
<!-- https://tachyons.io/components/collections/albums/index.html -->
<article>
<h2 class="f3 fw4 pa3 mv0">Upcoming Melee Netplay Tournaments</h2>
<h3 class="f5 fw4 pa3 mv0">Last Updated Jan 01 1970 12:00am (5 minutes ago)</h3>
<div class="cf pa2">
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/blonde/id1146195596?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/460848/image-4f3871030bbb1e419191348fe7552839.png" alt="Frank Ocean Blonde Album Cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Legs' Le Tournament #41</dd>
<dd class="ml0 gray truncate w-100">27 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/jeffery/id1146718343?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/462472/image-5a4bd9dacdab36cbcffdeaee0166750d.png" alt="Young Thug - Jeffery Album Cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100 ttu">SBY Melee Netplay #121</dd>
<dd class="ml0 gray truncate w-100">9 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
<!-- <dd class="ml0 gray truncate w-100">Sat Jul 16 05:00:00 PM</dd> -->
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/untitled-unmastered./id1089846273?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/462562/image-185cba57ec3d35dc8ac9c072616b1a52.jpg" alt="Kendrick Lamar untitled unmastered. Album Cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Sober Saturday #107</dd>
<dd class="ml0 gray truncate w-100">2 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
<!-- <dd class="ml0 gray truncate w-100">Sat Jul 16 05:00:00 PM</dd> -->
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/99.9/id1092026376?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/459896/image-f19b08b62a70bbc8fa42ba0f212c046a.png" alt="Kaytranada 99%" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dt class="clip">Title</dt>
<dd class="ml0 black truncate w-100">Raise the Bandwidth Patch 2.3</dd>
<dd class="ml0 gray truncate w-100">8 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/aa/id1067924003?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/462497/image-4e95e549ad00cf6628a54e980bfb4192.png" alt="Baauer Aa - Album Cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Bristahood Brawl EC #63</dd>
<dd class="ml0 gray truncate w-100">10 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/99-cents/id1054734475?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/460660/image-98b66446bc7e45281828863b4f875dcf.jpg" alt="Santigold 99 cents - Album cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Lavishly Low Tier</dd>
<dd class="ml0 gray truncate w-100">0 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/a-moon-shaped-pool/id1111577743?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/461588/image-6b7371ee3d5266a291c1232f9420f0f4.png" alt="A Moon Shaped Pool - Album cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Eli's Weekly Low Tier Spanking 13</dd>
<dd class="ml0 gray truncate w-100">2 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/the-life-of-pablo/id1123231885?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/461754/image-8b341cf63f4417cd480a019021b50760.png" alt="The Life of Pablo - Album Cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Sherbal Space Program: The "First"</dd>
<dd class="ml0 gray truncate w-100">4 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/coloring-book/id1113239004?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/462204/image-48ddf6133536f531a98a63c9ab7a8f9f.png" alt="Coloring Book - Album cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">LGBT S3E2: Biweekly That Isn't Quite Sure It's Bi-Weekly</dd>
<dd class="ml0 gray truncate w-100">6 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
<div class="fl w-50 w-25-m w-20-l pa2">
<a href="https://geo.itunes.apple.com/us/album/everybody-looking/id1135576036?at=1l3vqFJ&mt=1&app=music" class="db link dim tc">
<img src="https://images.smash.gg/images/tournament/462131/image-72cfec4d6ab09b4764f163a1f818a7f7.png" alt="Everybody Looking - Album Cover" class="w-100 db outline black-10"/>
<dl class="mt2 f6 lh-copy">
<dd class="ml0 black truncate w-100">Battle for the East Coast #15</dd>
<dd class="ml0 gray truncate w-100">8 entrants</dd>
<dd class="ml0 gray truncate w-100">Sat Jul 16 5pm</dd>
</dl>
</a>
</div>
</div>
</article>
<!-- https://tachyons.io/components/layout/flag-object/index.html -->
<div class="dt mw6 center pv2 pv2-m pv2-ns">
<div class="dtc v-mid">
<img src="https://cdn.discordapp.com/attachments/688884480903217205/998009427275821056/coyote.gif" alt="A bright blue sky" class="mw5" />
</div>
<div class="dtc v-mid pl3">
<code class="lh-copy">
built with:
<ul>
<li><a href="https://developer.smash.gg/explorer">smash.gg graphql api</a></li>
<li><a href="https://tachyons.io">tachyons css framework</a></li>
<li>rust to fetch tournament info</li>
<li>elm to display tournaments nicely</li>
</ul>
</code>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment