34 lines
2.3 KiB
Plaintext
Vendored
34 lines
2.3 KiB
Plaintext
Vendored
<% if (plugins.topics) { %>
|
|
<section>
|
|
<h2 class="field">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M14.184 1.143a1.75 1.75 0 00-2.502-.57L.912 7.916a1.75 1.75 0 00-.53 2.32l.447.775a1.75 1.75 0 002.275.702l11.745-5.656a1.75 1.75 0 00.757-2.451l-1.422-2.464zm-1.657.669a.25.25 0 01.358.081l1.422 2.464a.25.25 0 01-.108.35l-2.016.97-1.505-2.605 1.85-1.26zM9.436 3.92l1.391 2.41-5.42 2.61-.942-1.63 4.97-3.39zM3.222 8.157l-1.466 1a.25.25 0 00-.075.33l.447.775a.25.25 0 00.325.1l1.598-.769-.83-1.436zm6.253 2.306a.75.75 0 00-.944-.252l-1.809.87a.75.75 0 00-.293.253L4.38 14.326a.75.75 0 101.238.848l1.881-2.75v2.826a.75.75 0 001.5 0v-2.826l1.881 2.75a.75.75 0 001.238-.848l-2.644-3.863z"></path></svg>
|
|
<%= {starred:"Starred topics", labels:"Starred topics", icons:"Starred topics", mastered:"Mastered technologies and topics"}[plugins.topics.mode] %>
|
|
</h2>
|
|
<div class="row">
|
|
<% if (plugins.topics.error) { %>
|
|
<section>
|
|
<div class="field error">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2.343 13.657A8 8 0 1113.657 2.343 8 8 0 012.343 13.657zM6.03 4.97a.75.75 0 00-1.06 1.06L6.94 8 4.97 9.97a.75.75 0 101.06 1.06L8 9.06l1.97 1.97a.75.75 0 101.06-1.06L9.06 8l1.97-1.97a.75.75 0 10-1.06-1.06L8 6.94 6.03 4.97z"></path></svg>
|
|
<%= plugins.topics.error.message %>
|
|
</div>
|
|
</section>
|
|
<% } else { %>
|
|
<section>
|
|
<div class="topics fill-width">
|
|
<% if (plugins.topics.type === "labels") { %>
|
|
<% for (const {name, description} of plugins.topics.list) { %>
|
|
<div class="label" title="<%= description %>"><%= name.toLocaleLowerCase() %></div>
|
|
<% } %>
|
|
<% } else if ((plugins.topics.type === "icons")) { %>
|
|
<% for (const {name, icon} of plugins.topics.list) { %>
|
|
<% if (icon) { %>
|
|
<img src="<%= icon %>" width="24" height="24" alt="<%= name %>" title="<%= name %>"/>
|
|
<% } %>
|
|
<% } %>
|
|
<% } %>
|
|
</div>
|
|
</section>
|
|
<% } %>
|
|
</div>
|
|
</section>
|
|
<% } %> |