boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-01-19 04:42:17 +00:00
Code Issues Projects Releases Wiki Activity

minor UI updates (#1573)

Browse Source
This commit is contained in:
Rob Beeston
2024-12-24 12:28:11 -08:00
committed by GitHub
parent 37ae1a1e6f
commit 6c8c687aac
7 changed files with 171 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/admin/library_report_full_detail.html
View File

@@ -17,7 +17,7 @@
<div class="flex flex-row gap-y-2 w-40 items-center ml-6">
{% avatar commitauthor=author %}
<div class="w-full flex flex-col ml-2">
<div class="text-[0.8rem] text-bold overflow-ellipsis overflow-hidden whitespace-nowrap w-full text-green">
<div class="text-[0.8rem] text-bold overflow-ellipsis overflow-hidden whitespace-nowrap w-full text-[rgb(14,174,96)] dark:text-green">
{{ author.name }}
</div>
<div class="text-[0.7rem]">{{ author.commit_count }}</div>
@@ -51,7 +51,7 @@
<div class="flex flex-row gap-y-2 w-40 items-center ml-6">
{% avatar commitauthor=item %}
<div class="w-full flex flex-col ml-2">
<div class="text-[0.8rem] text-bold overflow-ellipsis overflow-hidden whitespace-nowrap w-full text-green">
<div class="text-[0.8rem] text-bold overflow-ellipsis overflow-hidden whitespace-nowrap w-full text-[rgb(14,174,96)] dark:text-green">
{{ item.name }}
</div>
<div class="text-[0.7rem]">({{ item.total_count }})</div>
@@ -81,7 +81,7 @@
<div class="flex flex-row gap-y-2 w-40 items-center ml-6">
{% avatar commitauthor=author %}
<div class="w-full flex flex-col ml-2">
<div class="text-[0.8rem] text-bold overflow-ellipsis overflow-hidden whitespace-nowrap w-full text-green">
<div class="text-[0.8rem] text-bold overflow-ellipsis overflow-hidden whitespace-nowrap w-full text-[rgb(14,174,96)] dark:text-green">
{{ author.name }}
</div>
<div class="text-[0.7rem]">{{ author.commit_count }}</div>

49
templates/community_temp.html
View File

@@ -1,20 +1,18 @@
{% extends "base.html" %}
{% extends 'base.html' %}
{% load i18n %}
{% load static %}
{% block title %}{% trans "Community" %}{% endblock %}
{% block title %}
{% trans 'Community' %}
{% endblock %}
{% block content %}
<div class="py-0 px-0 md:py-6 md:px-3">
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
<div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">Mailing Lists</h5>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">
Discover the Boost library community with options tailored to developers, casual users, and enthusiasts.
</p>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">Discover the Boost library community with options tailored to developers, casual users, and enthusiasts.</p>
<div class="grid grid-cols-3">
<a href="https://lists.boost.org/mailman/listinfo.cgi/boost" class="p-3 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">
<h6 class="pb-1 text-sm md:text-base">Developers</h6>
<i class="fa fa-helmet-safety"></i>
@@ -29,7 +27,6 @@
<h6 class="pb-1 text-sm md:text-base">Announcements</h6>
<i class="fa fa-bullhorn"></i>
</a>
</div>
<div>
<p class="text-center mx-auto pt-3">
@@ -40,17 +37,17 @@
<div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">Discussion Forums</h5>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">
Coming soon, exploring the topics and decisions being made by the community will be available via a more modern interface.
</p>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">Coming soon, exploring the topics and decisions being made by the community will be available via a more modern interface.</p>
<div class="text-center mx-auto pt-3">In the meantime, please enjoy our<br /><a href="https://lists.boost.org/Archives/boost/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">Mailing List Archives</a></div>
<div class="text-center mx-auto pt-3">
In the meantime, please enjoy our<br /><a href="https://lists.boost.org/Archives/boost/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">Mailing List Archives</a>
</div>
</div>
<div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">Cpplang Slack Workspace</h5>
<p class="py-1 my-2 border-b pb-4 border-gray-700">A vibrant hub for real-time discussions with Boost authors, maintainers, and contributors. Dive into one of the largest searchable databases for Boost/C++ insights and history. Join now.</p>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate">A vibrant hub for real-time discussions with Boost authors, maintainers, and contributors. Dive into one of the largest searchable databases for Boost/C++ insights and history. Join now.</p>
<div class="flex flex-col">
<a href="https://cppalliance.org/slack/" class="flex p-3 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Join Cpplang Slack</a>
@@ -60,16 +57,19 @@
{% comment %}
<div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5
class="text-2xl font-bold leading-tight text-orange">
Users
</h5>
<h5 class="text-2xl font-bold leading-tight text-orange">Users</h5>
<p class="py-1 my-2 border-b border-gray-700">See everyone involved with Boost.</p>
<ul class="flex flex-wrap mt-2 pt-2 space-y-2">
<li class="w-1/2 text-center"><a href="https://www.boost.org/users/people.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Authors</a></li>
<li class="w-1/2 text-center"><a href="https://www.boost.org/community/moderators.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Moderators</a></li>
{#<li class="w-1/2 text-center"><a href="https://sites.google.com/a/boost.org/steering/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Boost Foundation</a></li>#}
<li class="w-1/2 text-center"><a href="https://www.boost.org/users/memoriam/beman_dawes.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">In Memoriam: Beman Dawes</a></li>
<li class="w-1/2 text-center">
<a href="https://www.boost.org/users/people.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Authors</a>
</li>
<li class="w-1/2 text-center">
<a href="https://www.boost.org/community/moderators.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Moderators</a>
</li>
{# <li class="w-1/2 text-center"><a href="https://sites.google.com/a/boost.org/steering/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Boost Foundation</a></li> #}
<li class="w-1/2 text-center">
<a href="https://www.boost.org/users/memoriam/beman_dawes.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">In Memoriam: Beman Dawes</a>
</li>
</ul>
</div>
{% endcomment %}
@@ -77,13 +77,15 @@
<div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">ISO C++</h5>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">News, Status & Discussion about Standard C++</p>
<p class="pt-3 text-slate dark:text-white"><a href="https://isocpp.org/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">The Standard C++ Foundation</a> is a Washington 501(c)(6) not-for-profit organization supporting the C++ community and promotes the use of modern Standard C++.</p>
<p class="pt-3 text-slate dark:text-white">
<a href="https://isocpp.org/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">The Standard C++ Foundation</a> is a Washington 501(c)(6) not-for-profit organization supporting the C++ community and promotes the use of modern Standard C++.
</p>
</div>
<div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">Across the Web</h5>
<p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">Follow us, like, and share our announcements.</p>
<div class="grid grid-cols-2 justify-items-center w-fit mx-auto">
<div class="grid grid-cols-2 md:grid-cols-3 justify-items-center w-fit mx-auto">
<a href="https://github.com/boostorg" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On GitHub</span> <br /><i class="fa-brands fa-github fa-3x"></i></a>
<a href="https://x.com/boost_libraries" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On X (Twitter)</span> <br /><i class="fa-brands fa-x-twitter fa-3x"></i></a>
<a href="https://bsky.app/profile/boostlibs.bsky.social" target="_blank" title="Bluesky" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On Bluesky</span> <br /><i class="fa-brands fa-bluesky fa-3x"></i></a>
@@ -91,7 +93,6 @@
<a href="https://www.reddit.com/user/boostlibs/" target="_blank" title="Reddit" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On Reddit</span> <br /><i class="fa-brands fa-reddit fa-3x"></i></a>
</div>
</div>
</div>
</div>
{% endblock %}

2
templates/homepage.html
View File

@@ -181,7 +181,7 @@
<div class="my-12 space-y-4 lg:flex lg:mb-16 lg:space-y-0 lg:space-x-4 md:shadow-lg">
<div class="p-6 relative bg-white md:rounded-lg md:p-11 w-full dark:bg-charcoal">
<div class="mb-6">
<div>
<span class="inline py-1 px-3 w-auto text-sm uppercase rounded md:text-base text-[rgb(14,174,96)] dark:text-green font-semibold bg-gray-300/50 dark:bg-green/10 border border-green-500">featured video</span>
</div>
<div class="flex flex-col justify-center items-center h-full pb-4">

36
templates/markdown_template.html
View File

@@ -1,27 +1,31 @@
{% extends "base.html" %}
{% extends 'base.html' %}
{% load static %}
{% block title %}{{ frontmatter.title }}{% endblock %}
{% block description %}{{ frontmatter.description }}{% endblock %}
{% block keywords %}{{ frontmatter.keywords }}{% endblock %}
{% block author %}{{ frontmatter.author }}{% endblock %}
{% block title %}
{{ frontmatter.title }}
{% endblock %}
{% block description %}
{{ frontmatter.description }}
{% endblock %}
{% block keywords %}
{{ frontmatter.keywords }}
{% endblock %}
{% block author %}
{{ frontmatter.author }}
{% endblock %}
{% block content %}
<div class="py-0 px-3 mb-3 md:py-6 md:px-0">
<div class="mb-6 md:mb-0">
{{ content|safe }}
</div>
<div class="mb-6 p-6 w-full bg-white rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">{{ content|safe }}</div>
</div>
{% endblock %}
{% block css %}
<style>
<style>
p {
padding-top: 0 !important;
padding-bottom: 1.0rem !important;
padding-bottom: 1rem !important;
}
ul {
@@ -30,5 +34,9 @@
padding-left: 1rem !important;
padding-bottom: 1rem !important;
}
</style>
{% endblock css %}
h1 {
font-size: 1.875rem;
}
</style>
{% endblock %}

4
templates/review/review_detail.html
View File

@@ -37,7 +37,7 @@
<div class="space-y-11">
<div class="py-6 border-b border-slate" id="accepted">
<h5 class="inline py-1 px-3 w-auto uppercase rounded text-green bg-green/10">Accepted</h5>
<h5 class="inline py-1 px-3 w-auto uppercase rounded text-[rgb(14,174,96)] dark:text-green bg-green/10">Accepted</h5>
<p class="mt-6">
There was initially a single reject, but was later changed to Conditional Accept with the condition that:
</p>
@@ -97,7 +97,7 @@
</div>
<div id="pending">
<h5 class="inline py-1 px-3 w-auto uppercase rounded text-green bg-green/10">Pending</h5>
<h5 class="inline py-1 px-3 w-auto uppercase rounded text-[rgb(14,174,96)] dark:text-green bg-green/10">Pending</h5>
<p class="mt-6">
The Boost formal review of the Lambda2, authored by Peter Dimov, starts Monday, March 22, 2021 to March 31, 2021 (inclusive).
</p>

52
templates/review/review_process.html
View File

@@ -1,16 +1,19 @@
{% extends "base.html" %}
{% extends 'base.html' %}
{% load static %}
{% block content %}
<div class="container">
<section class="max-w-4xl mx-auto px-4">
<h2 class="mt-4 mb-0">Boost Library Submission Process</h2>
<div>
<section class="mx-auto px-4">
<h2 class="mt-4 mb-4">Boost Library Submission Process</h2>
<div class="mb-6 p-6 w-full bg-white rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<p>This page describes the process a library developer goes through to get a library accepted into Boost.</p>
<h2 id="steps-for-getting-a-library-accepted-by-boost">Steps for Getting a Library Accepted by Boost</h2>
<h3 id="learn-about-boost">Learn about Boost</h3>
<p>Follow posts on the <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> for a while, or look through the <a href="https://lists.boost.org/Archives/boost/">message archives</a>. Explore this website. Learn the <a href="../contributor-guide/requirements/library-requirements.html">Library Requirements</a>. Read the rest of this page to learn about the process. Search the web to get an idea of the commitment required to get a library into Boost.</p>
<p>
Follow posts on the <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> for a while, or look through the <a href="https://lists.boost.org/Archives/boost/">message archives</a>. Explore this website. Learn the <a href="../contributor-guide/requirements/library-requirements.html">Library Requirements</a>. Read the rest of this page to learn about the process. Search the web to get an idea of the commitment required to get a library into Boost.
</p>
<p>There is a culture associated with Boost, aimed at encouraging high quality libraries by a process of discussion and refinement. Some libraries get past community review in less than two years from first concept, but most take longer, sometimes a lot longer. Five to ten years to get a library past review and into Boost is not unheard of, and you should prepare yourself for the personal investment required.</p>
@@ -21,7 +24,9 @@
<p>Potential library submitters should also be careful to publicize, canvas for, and gauge interest in their library, ideally before beginning it, but certainly before submitting it for review. Even a superbly designed library can fail review if there isn't enough interest in the subject matter; We can only review libraries with enough appeal to form a viable peer review. Ensuring that enough people are interested in your potential library goes a long way to ensure that.</p>
<p>There are many places to publicize and canvas for a library. The <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> ought to be your first stop in gauging interest in a possible new C++ library. Be prepared to pivot your design and focus until your proposed library finds traction. Other places useful for gauging interest in a library might be <a href="https://www.reddit.com/r/cpp/">Reddit/r/cpp</a>.</p>
<p>
There are many places to publicize and canvas for a library. The <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> ought to be your first stop in gauging interest in a possible new C++ library. Be prepared to pivot your design and focus until your proposed library finds traction. Other places useful for gauging interest in a library might be <a href="https://www.reddit.com/r/cpp/">Reddit/r/cpp</a>.
</p>
<p>A message to the Boost developers mailing list might be as simple as "Is there any interest in a library which solves Traveling Salesperson problems in linear time?"</p>
@@ -35,23 +40,33 @@
<p>Your library should contain material as if it were on the boost.org web site. The closer your library reflects the final directory structure and format of the web site, the better. This makes it possible for reviewers to simply copy your code into the Boost distribution for testing.</p>
<p>Please verify that your library compiles and runs under at least two compilers. This flushes out obvious portability problems.</p>
<p>It is recommended that you release your code under <a href="../user-guide/bsl.html">the Boost Software License</a>.</p>
<p>
It is recommended that you release your code under <a href="../user-guide/bsl.html">the Boost Software License</a>.
</p>
<h3 id="refinement">Refinement</h3>
<p>Discuss, refine, rewrite. Repeat until satisfied.</p>
<p>The exact details of this process varies a lot. Usually it is public, on the mailing list, but frequently discussion happens in private emails. For some libraries the process is over quickly, but for others it goes on for months. It's often challenging, and sometimes veers into completely unexpected directions.</p>
<p>The <a href="https://lists.boost.org/Archives/boost/">mailing list archives</a> of past messages is one way to see how this process worked for other Boost libraries.</p>
<p>
The <a href="https://lists.boost.org/Archives/boost/">mailing list archives</a> of past messages is one way to see how this process worked for other Boost libraries.
</p>
<p>Alternatively, follow the status links in the previously submitted libraries listed in <a href="review-results.html#pastreviewresults">Past Review Results and Milestones</a>.</p>
<p>
Alternatively, follow the status links in the previously submitted libraries listed in <a href="review-results.html#pastreviewresults">Past Review Results and Milestones</a>.
</p>
<h3 id="getting-seconded-for-review">Getting Seconded for Review</h3>
<p>When you feel that your library is ready for entry into Boost, you need to find at least one member (but preferably several) of the Boost community who is willing to publicly endorse your library for entry into Boost. A simple method of achieving this is to post to the <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> a short description of your library, links to its github and documentation, and a request for endorsements.</p>
<p>
When you feel that your library is ready for entry into Boost, you need to find at least one member (but preferably several) of the Boost community who is willing to publicly endorse your library for entry into Boost. A simple method of achieving this is to post to the <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> a short description of your library, links to its github and documentation, and a request for endorsements.
</p>
<p>It is expected that those who endorse a library for review will have performed at least a cursory check of the library's suitability for Boost in terms of documentation, fit with the rest of Boost and usefulness. A public endorsement of a library for review means that from an initial glance, they believe that the library has a reasonable chance to be accepted during a formal review. The expectation is that these endorsers will themselves review of the library during formal review period, though this is not binding.</p>
<p>Once you have a list of people who have publicly endorsed your library for review, email the <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> to request that your library be added to the <a href="review-results.html#currentscheule">Current Schedule</a> where the following information will be shown:</p>
<p>
Once you have a list of people who have publicly endorsed your library for review, email the <a href="https://lists.boost.org/mailman/listinfo.cgi/boost">Boost developers' mailing list</a> to request that your library be added to the <a href="review-results.html#currentscheule">Current Schedule</a> where the following information will be shown:
</p>
<ul>
<li>Submission (Library name)</li>
@@ -62,13 +77,17 @@
</ul>
<h3 id="seek-a-review-manager">Seek a Review Manager</h3>
<p>In order to schedule a formal review, the author must find a capable volunteer to manage the review. This should be someone with knowledge of the library domain, and experience with the review process. See <a href="managing-reviews.html">Managing Reviews</a> for the responsibilities of the review manager.</p>
<p>
In order to schedule a formal review, the author must find a capable volunteer to manage the review. This should be someone with knowledge of the library domain, and experience with the review process. See <a href="managing-reviews.html">Managing Reviews</a> for the responsibilities of the review manager.
</p>
<p>Authors can find community members interested in managing reviews through discussion of the library on the developer list. If no one steps forward to volunteer to manage the review, it is appropriate to contact an experienced Boost member who showed interest in the library. Be considerate that managing a review is a serious commitment; for this reason, it's better to contact the member off-list.</p>
<p>If you cannot find a review manager after three weeks using the means above, and your submission is targeting eventual standardization, there is a list of Boost regulars who are also WG21 committee members who have volunteered to act as review managers in such cases. Try them in the order listed. They are: Zach Laine, Micheal Caisse, Matt Calabrese, Edward Diener, Louis Dionne, Vinnie Falco, Glen Fernandes, and David Sankel.</p>
<p>Once a potential review manager has been identified, contact the <a href="managing-reviews.html#reviewwizards">Review Wizards</a> for approval. The wizards approve review managers based on their level of participation in the Boost community.</p>
<p>
Once a potential review manager has been identified, contact the <a href="managing-reviews.html#reviewwizards">Review Wizards</a> for approval. The wizards approve review managers based on their level of participation in the Boost community.
</p>
<p>The review wizards will coordinate with both the author and review manager to schedule a date convenient for both.</p>
@@ -98,7 +117,9 @@
</ol>
<h3 id="mini-reviews">Mini-Reviews</h3>
<p>It is possible that in the review process some issues might need to be fixed as a <em>requirement</em> for acceptance. If a review does result in conditions on acceptance, the review manager may request a <em>Mini-Review</em>, at a later date, to determine if the conditions have been met. The Mini-Review is usually conducted by the same review manager.</p>
<p>
It is possible that in the review process some issues might need to be fixed as a <em>requirement</em> for acceptance. If a review does result in conditions on acceptance, the review manager may request a <em>Mini-Review</em>, at a later date, to determine if the conditions have been met. The Mini-Review is usually conducted by the same review manager.
</p>
<h3 id="boost-website-posting">Boost Website Posting</h3>
<p>Once an accepted library is ready for inclusion on the Boost web site, the submitter is typically given Boost repository write access, and expected to check-in and maintain the library there. Contact the moderators if you need write access or direct use of the repository isn't possible for you.</p>
@@ -121,6 +142,7 @@
<p>If at some point you no longer wish to serve as maintainer of your library, it is your responsibility to make this known to the Boost community, and to find another individual to take your place.</p>
<p>Libraries which have been abandoned will be put in care of a maintenance team.</p>
</div>
</section>
</div>
</div>
{% endblock %}

2
templates/versions/detail.html
View File

@@ -133,7 +133,7 @@
(in {{ deps.increased_dep_lib_count }} librar{{ deps.increased_dep_lib_count|pluralize:"y,ies" }})
</span>
and
<span class="text-green">
<span class="text-[rgb(14,174,96)] dark:text-green">
{{ deps.removed }} dependenc{{ deps.removed|pluralize:"y,ies"}} removed
</span>
<span>