lightweight/webservices-app
Template
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

WIP

Browse source
This commit is contained in:
Dave Lane 2024-08-18 13:56:25 +12:00
parent 368340817c
commit b4e6e27d0a
1 changed files with 35 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/routes/+page.svelte
View file

@ -125,7 +125,7 @@
const hosts = getKeys(results.instance_tags.hosts); const hosts = getKeys(results.instance_tags.hosts);
//console.log('categories array: ', results.tech_tags.categories); //console.log('categories array: ', results.tech_tags.categories);
console.log('categories keys: ', categories); //console.log('categories keys: ', categories);
</script> </script>
@ -140,25 +140,33 @@
<div class="filters"> <div class="filters">
<div class="tag-list tech"> <div class="tag-list tech">
<div class="tags tech categories"> <div class="tags tech categories">
{#each categories as category} {#each categories as category}<span class="tag category">{category}</span> {/each}
<span class="tag">{category}</span> </div>
<div class="tags tech analogues">
{#each analogues as analogue}
<span class="tag analogue">{analogue}</span>
{/each}
</div>
<div class="tags tech licenses">
{#each licenses as license}
<span class="tag license">{license}</span>
{/each} {/each}
</div> </div>
</div> </div>
<div class="tag-list instance"> <div class="tag-list instance">
<div class="tags instance statuses"> <div class="tags instance statuses">
{#each statuses as status} {#each statuses as status}
<span class="tag">{status}</span> <span class="tag status">{status}</span>
{/each} {/each}
</div> </div>
<div class="tags instance affiliates"> <div class="tags instance affiliates">
{#each affiliates as affiliate} {#each affiliates as affiliate}
<span class="tag">{affiliate}</span> <span class="tag affilate">{affiliate}</span>
{/each} {/each}
</div> </div>
<div class="tags instance hosts"> <div class="tags instance hosts">
{#each hosts as host} {#each hosts as host}
<span class="tag">{host}</span> <span class="tag host">{host}</span>
{/each} {/each}
</div> </div>
</div> </div>
@ -198,18 +206,35 @@
.summary { .summary {
} }
.filters { .filters {
} /*background-color: #f1ff94;
.filters .tags {
background-color: #f1ff94;
padding: 0.5em; padding: 0.5em;
border: 3px solid #cbea77; border: 3px solid #cbea77;
margin: 1em 0;*/
margin-bottom: 1em;
}
.filters .tags {
/*padding: 0.5em;*/
margin: 1em 0; margin: 1em 0;
display: block;
}
.tag-list {
white-space: normal;
word-break: normal;
display: inline;
} }
.tag { .tag {
font-size: 80%; font-size: 80%;
color: #777; color: #777;
margin-right: 1em; margin-right: 0.5em;
line-height: 2;
background-color: #a369a2;
color: #fff;
padding: 4px 8px;
border-radius: 10px;
white-space: nowrap;
word-break: keep-all;
} }
.tag:after { content: "\00a0"; }
.tiles { .tiles {
display: grid; display: grid;
grid-gap: 15px; grid-gap: 15px;