sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(plugins/sponsors): add list support to plugin_sponsors_sections (#1011) [skip ci]

Browse Source
This commit is contained in:
Simon Lecoq
2022-04-23 22:00:47 +02:00
committed by GitHub
parent a6104cb98c
commit 14f14d9f4d
4 changed files with 34 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
source/templates/classic/partials/sponsors.ejs
View File

@@ -14,23 +14,25 @@
</section>
</div>
<% } else { %>
<% for (const section of plugins.sponsors.sections) { %>
<% if ((section === "goal")&&(plugins.sponsors.goal)) { %>
<% for (const section of plugins.sponsors.sections) { if ((plugins.sponsors.sections.includes("goal"))&&(plugins.sponsors.sections.includes("list"))&&(section === "list")) continue%>
<% if ((section === "goal")||(section === "list")) { %>
<div class="fill-width">
<section class="sponsors goal">
<div class="markdown">
<%= plugins.sponsors.goal.description %>
</div>
<% { const width = 440 * (1 + large) %>
<div class="center horizontal-wrap ">
<svg class="bar" xmlns="http://www.w3.org/2000/svg" width="<%= width %>" height="8">
<mask id="project-bar">
<rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
</mask>
<rect mask="url(#project-bar)" x="0" y="0" width="<%= (plugins.sponsors.goal.progress/100)*width %>" height="8" fill="#ec6cb9"/>
<rect mask="url(#project-bar)" x="<%= (plugins.sponsors.goal.progress/100)*width %>" y="0" width="<%= ((100-plugins.sponsors.goal.progress)/100)*width %>" height="8" fill="#d1d5da"/>
</svg>
<% if ((section === "goal")&&(plugins.sponsors.goal)) { %>
<div class="markdown">
<%= plugins.sponsors.goal.description %>
</div>
<% { const width = 440 * (1 + large) %>
<div class="center horizontal-wrap ">
<svg class="bar" xmlns="http://www.w3.org/2000/svg" width="<%= width %>" height="8">
<mask id="project-bar">
<rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
</mask>
<rect mask="url(#project-bar)" x="0" y="0" width="<%= (plugins.sponsors.goal.progress/100)*width %>" height="8" fill="#ec6cb9"/>
<rect mask="url(#project-bar)" x="<%= (plugins.sponsors.goal.progress/100)*width %>" y="0" width="<%= ((100-plugins.sponsors.goal.progress)/100)*width %>" height="8" fill="#d1d5da"/>
</svg>
</div>
<% } %>
<% } %>
<div class="goal-text">
<span>
@@ -38,11 +40,15 @@
<%= plugins.sponsors.count.active.total %> sponsor<%= plugins.sponsors.count.active.total !== 1 ? "s are" : " is" %> funding <%= user.login %>'s work
<% } %>
</span>
<span><%= plugins.sponsors.goal.title %></span>
</div>
<div class="row">
<% for (const user of plugins.sponsors.list) { %><img class="avatar <%= user.type === "organization" ? "organization" : "" %> <%= user.past ? "past" : "" %>" src="<%= user.avatar %>" width="24" height="24" alt="" /><% } %>
<% if ((section === "goal")&&(plugins.sponsors.goal)) { %>
<span><%= plugins.sponsors.goal.title %></span>
<% } %>
</div>
<% if ((section === "list")||(plugins.sponsors.sections.includes("list"))) { %>
<div class="row">
<% for (const user of plugins.sponsors.list) { %><img class="avatar <%= user.type === "organization" ? "organization" : "" %> <%= user.past ? "past" : "" %>" src="<%= user.avatar %>" width="24" height="24" alt="" /><% } %>
</div>
<% } %>
</section>
</div>
<% } else if (section === "about") { %>

6
source/templates/classic/style.css
View File

@@ -147,6 +147,9 @@
border-radius: 50%;
margin: 0 6px;
}
.avatar.past {
filter: opacity(0.5);
}
.organization.avatar {
border-radius: 15%;
@@ -1076,9 +1079,6 @@
.sponsors .avatar {
margin: 2px;
}
.sponsors .avatar.past {
opacity: 0.3;
}
/* Stackoverflow */
.stackoverflow {