prgblockweek
/
pbw-explore
zrcadlo https://github.com/prgblockweek/pbw-explore.git
1
0
Rozštěpit 0
Zdrojový kód Úkoly Balíčky Projekty Vydání Wiki Aktivita

Merge branch 'main' of https://github.com/cryptonda/pbw-inspect-fork

This commit is contained in:
Antonin Jilek 2023-01-28 16:31:42 +01:00
rodič 7b307de651 a48a2dae40
revize 821fb31645
3 změnil soubory, kde provedl 68 přidání a 0 odebrání
Zobrazit statistiky Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory

21
src/lib/TimelineItem.svelte Normal file
Zobrazit soubor

@ -0,0 +1,21 @@
<script>
export let name = null;
export let colspan = null;
export let start = null;
export let img = null;
export let big = null;
export let medium = null;
</script>
<div class="bg-slate-200 hover:bg-slate-300 px-2 py-4 text-slate-600 text-sm md:text-md col-start-{start} {colspan ? 'col-span-'+colspan : ''} content-center">
<div class="mb-2">{name}</div>
{#if img}
{#if big}
<img src="{img}" alt="{name}" class="w-36 rounded-lg drop-shadow place-self-center m-auto" />
{/if}
{#if medium}
<img src="{img}" alt="{name}" class="w-20 rounded-lg drop-shadow place-self-center m-auto" />
{/if}
{/if}
</div>

39
src/routes/timeline/+page.svelte Normal file
Zobrazit soubor

@ -0,0 +1,39 @@
<script>
import TimelineItem from "$lib/TimelineItem.svelte";
</script>
<div class="w-full min-h-screen text-pbw-white text-xl">
<div class="p-2 overflow-x-auto overflow-y-scroll">
<div class="grid grid-cols-10 gap-1 mb-1 bg-white sticky top-0 inset-0 z-20 min-w-[800px]">
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">2.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">3.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">4.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">5.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">6.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">7.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">8.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">9.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">10.6.</div>
<div class="bg-slate-400 text-slate-200 text-center p-1 text-md">11.6.</div>
</div>
<div class="grid grid-cols-10 gap-1 min-w-[800px]">
<TimelineItem big name="UTXO" img="https://data.prgblockweek.com/23/assets/events/utxo/logo.jpg" start="1" colspan="3"/>
<TimelineItem medium name="PrivacyETH" img="https://data.prgblockweek.com/23/assets/events/privacyeth/logo.jpg" start="4" colspan="1"/>
<TimelineItem big name="Prague DeFi Summit" img="https://data.prgblockweek.com/23/assets/events/praguedefi/logo.jpg" start="5" colspan="3"/>
<TimelineItem big name="ETHPrague" img="https://data.prgblockweek.com/23/assets/events/ethprague/logo.jpg" start="8" colspan="3"/>
<TimelineItem name="Apus Finance" img="" start="1" colspan="1"/>
<TimelineItem big name="Gateway to Cosmos" img="https://data.prgblockweek.com/23/assets/events/gateway/logo.jpg" start="2" colspan="3"/>
<TimelineItem medium name="IBCPrague" img="https://data.prgblockweek.com/23/assets/events/ibcprague/logo.jpg" start="5" colspan="1"/>
<TimelineItem medium name="Bitcoin Mining" img="https://data.prgblockweek.com/23/assets/events/btc-mining/logo.jpg" start="6" colspan="1"/>
<TimelineItem big name="BTC Prague" img="https://data.prgblockweek.com/23/assets/events/btcprague/logo.jpg" start="7" colspan="3"/>
<TimelineItem medium name="Dotsama" start="4" colspan="2"/>
<TimelineItem name="STRV" start="6" />
<TimelineItem name="Škodaverse" start="4" />
</div>
</div>
<div class="h-[1000px] bg-sky-600">
content below
</div>
</div>

8
tailwind.config.cjs
Zobrazit soubor

@ -20,4 +20,12 @@ module.exports = {
},
},
plugins: [],
safelist: [
{
pattern: /col-span-(1|2|3|4|5|6|7|8|9|10|11|12)/,
},
{
pattern: /col-start-(1|2|3|4|5|6|7|8|9|10|11|12)/,
},
]
};