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

Includes prev items + new style updates

Browse Source
This commit is contained in:
Spencer Strickland
2023-11-10 10:23:42 -06:00
parent 783a447fa1
commit 1451320ffb
13 changed files with 138 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/styles.css
View File

@@ -43,7 +43,7 @@
@apply w-full rounded bg-white dark:bg-charcoal border border-slate;
}
input[type=checkbox] {
@apply mr-3 rounded bg-white dark:bg-charcoal border border-slate text-orange;
@apply mr-3 rounded bg-white dark:bg-charcoal border border-slate text-orange dark:border-slate;
@apply cursor-pointer;
}
input[type=file] {
@@ -84,7 +84,7 @@
}
select.dropdown {
@apply py-1 mb-3 text-sm bg-white rounded-md border border-gray-300 cursor-pointer dark:bg-black text-sky-600 dark:text-orange dark:border-slate;
@apply py-1 mb-3 min-w-[8rem] text-sm bg-white rounded-md border border-gray-300 cursor-pointer dark:bg-black text-sky-600 dark:text-orange dark:border-slate;
}
.errorlist {

118
static/css/styles.css
View File

@@ -715,6 +715,8 @@ input[type=checkbox] {
}
:is(.dark input[type=checkbox]) {
--tw-border-opacity: 1;
border-color: rgb(49 74 87 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(23 42 52 / var(--tw-bg-opacity));
}
@@ -876,6 +878,7 @@ section.content {
select.dropdown {
margin-bottom: 0.75rem;
min-width: 8rem;
cursor: pointer;
border-radius: 0.375rem;
border-width: 1px;
@@ -1328,15 +1331,16 @@ code,
margin: 2.5rem;
}
.m-2 {
margin: 0.5rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
@@ -1392,11 +1396,6 @@ code,
margin-bottom: auto;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.-ml-2 {
margin-left: -0.5rem;
}
@@ -1557,22 +1556,6 @@ code,
margin-top: 1.5rem;
}
.mr-20 {
margin-right: 5rem;
}
.\!-ml-4 {
margin-left: -1rem !important;
}
.\!-ml-8 {
margin-left: -2rem !important;
}
.\!-ml-2 {
margin-left: -0.5rem !important;
}
.block {
display: block;
}
@@ -1685,6 +1668,10 @@ code,
min-height: 100%;
}
.\!w-96 {
width: 24rem !important;
}
.w-1\/2 {
width: 50%;
}
@@ -1807,12 +1794,12 @@ code,
width: min-content;
}
.\!w-40 {
width: 10rem !important;
.w-40 {
width: 10rem;
}
.\!w-96 {
width: 24rem !important;
.w-96 {
width: 24rem;
}
.min-w-\[100px\] {
@@ -2034,6 +2021,12 @@ code,
margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-16 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(4rem * var(--tw-space-x-reverse));
margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -2106,12 +2099,6 @@ code,
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-x-16 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(4rem * var(--tw-space-x-reverse));
margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
}
.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -2200,6 +2187,11 @@ code,
border-top-right-radius: 0px;
}
.rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
@@ -2479,10 +2471,6 @@ code,
padding: 10px;
}
.p-12 {
padding: 3rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
@@ -2598,6 +2586,10 @@ code,
padding-bottom: 1px;
}
.\!pr-60 {
padding-right: 15rem !important;
}
.pb-0 {
padding-bottom: 0px;
}
@@ -2714,18 +2706,6 @@ code,
padding-top: 1px;
}
.\!pr-20 {
padding-right: 5rem !important;
}
.\!pr-40 {
padding-right: 10rem !important;
}
.\!pr-60 {
padding-right: 15rem !important;
}
.text-left {
text-align: left;
}
@@ -3092,6 +3072,10 @@ code,
color: rgb(49 74 87 );
}
.visited\:text-orange:visited {
color: rgb(255 159 0 );
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -3340,6 +3324,11 @@ code,
color: rgb(255 255 255 / 0.7);
}
:is(.dark .dark\:text-slate) {
--tw-text-opacity: 1;
color: rgb(49 74 87 / var(--tw-text-opacity));
}
:is(.dark .dark\:shadow-white\/20) {
--tw-shadow-color: rgb(255 255 255 / 0.2);
--tw-shadow: var(--tw-shadow-colored);
@@ -3354,6 +3343,10 @@ code,
color: rgb(255 255 255 );
}
:is(.dark .dark\:visited\:text-orange:visited) {
color: rgb(255 159 0 );
}
:is(.dark .dark\:hover\:bg-charcoal:hover) {
--tw-bg-opacity: 1;
background-color: rgb(23 42 52 / var(--tw-bg-opacity));
@@ -3701,6 +3694,11 @@ code,
border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}
.md\:rounded-tl-none {
border-top-left-radius: 0px;
}
@@ -3937,6 +3935,10 @@ code,
margin-right: 1rem;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:flex {
display: flex;
}
@@ -4017,6 +4019,16 @@ code,
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.lg\:rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.lg\:rounded-r-none {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.lg\:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
@@ -4033,6 +4045,10 @@ code,
border-top-right-radius: 0.5rem;
}
.lg\:pt-6 {
padding-top: 1.5rem;
}
.lg\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;

4
templates/account/login.html
View File

@@ -57,7 +57,7 @@
<div class="w-full md:w-1/2">
<h2 class="text-xl text-center items-center">
Or Log In with Email <span x-cloak class="text-xs bg-emerald-400 text-white rounded px-1 ml-2" x-show='loginMethod === "\"email\""'>Last Log In</span>
Or Log In with Email <span x-cloak class="text-xs bg-emerald-400 text-slate rounded px-1 ml-2" x-show='loginMethod === "\"email\""'>Last Log In</span>
</h2>
<form class="login"
method="POST"
@@ -95,7 +95,7 @@
<a class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
<button type="submit"
x-on:click="boostlogin = 'email'"
class="py-3 px-8 text-sm text-base font-medium text-white uppercase rounded-md border md:py-1 md:px-4 md:text-lg bg-orange hover:bg-orange/80 border-orange dark:bg-slate dark:hover:bg-charcoal dark:text-white hover:drop-shadow-md">{% trans "Login" %}</button>
class="py-3 px-8 text-sm text-base font-medium text-white uppercase rounded-md border md:py-1 md:px-4 md:text-lg bg-orange hover:bg-orange/80 border-orange dark:bg-slate dark:hover:bg-charcoal dark:text-white hover:drop-shadow-md">{% trans "Log in" %}</button>
</div>
</div>
</form>

10
templates/community_temp.html
View File

@@ -10,7 +10,7 @@
<div class="p-6 text-white bg-white rounded-lg 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 border-gray-700">
<p class="py-1 my-2 border-b 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-2 lg:grid-cols-3">
@@ -36,7 +36,7 @@
<div class="p-6 text-white bg-white rounded-lg 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 border-gray-700">
<p class="py-1 my-2 border-b 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>
@@ -74,13 +74,13 @@
<div class="p-6 text-white bg-white rounded-lg 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 border-gray-700">News, Status & Discussion about Standard C++</p>
<p class="pt-3"><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="py-1 my-2 border-b 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>
</div>
<div class="p-6 text-white bg-white rounded-lg 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 border-gray-700">Follow us, like, and share our announcements.</p>
<p class="py-1 my-2 border-b 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">
<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 (fka Twitter)</span> <br /><i class="fa-brands fa-x-twitter fa-3x"></i></a>

18
templates/docs_temp.html
View File

@@ -23,7 +23,7 @@ make the columns go to 1
<div class="pt-6 grid grid-cols-1 lg:grid-cols-2 gap-y-0 lg:gap-y-5 grid-flow-row auto-rows-min">
<div class="order-2 lg:order-1 p-6 dark:text-white text-slate bg-white lg:rounded-tl-lg dark:bg-charcoal dark:bg-neutral-700">
<div class="order-2 mb-5 lg:mb-0 lg:order-1 p-6 pt-0 lg:pt-6 dark:text-white text-slate bg-white rounded-lg rounded-t-none lg:rounded-tl-lg lg:rounded-r-none dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">
<a href="/doc/user-guide/index.html" class="link-header">User Guide</a>
</h5>
@@ -42,10 +42,10 @@ make the columns go to 1
<div class="w-auto ml-6 mr-2 col-span-2 md:col-span-1"><a class="list-item text-base text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange" href="/doc/user-guide/resources.html">Additional Resources</a></div>
</div>
</div>
<div class="order-1 lg:order-2 p-6 dark:text-white text-slate bg-white lg:rounded-tr-lg dark:bg-charcoal dark:bg-neutral-700 min-h-96 max-h-96 lg:max-h-max overflow-y-hidden">
<div class="order-1 lg:order-2 p-6 dark:text-white text-slate bg-white rounded-lg rounded-b-none lg:rounded-br-lg lg:rounded-l-none dark:bg-charcoal dark:bg-neutral-700 min-h-96 max-h-96 lg:max-h-max overflow-y-hidden">
<a href="/doc/user-guide/">
<img
class="lg:rounded-tr-lg object-cover object-center min-w-full min-h-full h-full border border-gray-100 dark:border-0"
class="rounded-lg lg:rounded-l-none object-cover object-center min-w-full min-h-full h-full border border-gray-100 dark:border-0"
width="572"
height="470"
src="{% static 'img/fpo/learn_userguide.png' %}"
@@ -61,17 +61,17 @@ make the columns go to 1
</div>
{% endcomment %}
<div class="order-4 p-6 dark:text-white text-slate bg-white lg:rounded-tl-lg lg:rounded-bl-lg dark:bg-charcoal dark:bg-neutral-700 min-h-96 max-h-96 lg:max-h-max overflow-y-hidden">
<div class="order-4 p-6 dark:text-white text-slate bg-white rounded-lg rounded-b-none lg:rounded-bl-lg lg:rounded-r-none dark:bg-charcoal dark:bg-neutral-700 min-h-96 max-h-96 lg:max-h-max overflow-y-hidden">
<a href="/doc/contributor-guide/">
<img
class="lg:rounded-tr-lg object-cover object-bottom min-w-full min-h-full h-full border border-gray-100 dark:border-0"
class="rounded-lg lg:rounded-r-none object-cover object-bottom min-w-full min-h-full h-full border border-gray-100 dark:border-0"
width="572"
height="470"
src="{% static 'img/fpo/learn_beaverdam.png' %}"
alt="Contributor Guide" />
</a>
</div>
<div class="order-5 p-6 pl-8 dark:text-white text-slate bg-white lg:rounded-tr-lg lg:rounded-br-lg dark:bg-charcoal dark:bg-neutral-700">
<div class="order-5 mb-5 lg:mb-0 p-6 pl-8 pt-0 lg:pt-6 dark:text-white text-slate bg-white rounded-lg rounded-t-none lg:rounded-tr-lg lg:rounded-l-none dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">
<a href="/doc/contributor-guide/index.html" class="link-header">Contributor Guide</a>
</h5>
@@ -92,7 +92,7 @@ make the columns go to 1
</div>
<div class="order-7 lg:order-6 p-6 dark:text-white text-slate bg-white lg:rounded-bl-lg dark:bg-charcoal dark:bg-neutral-700">
<div class="order-7 lg:order-6 p-6 pt-0 lg:pt-6 dark:text-white text-slate bg-white rounded-lg rounded-t-none lg:rounded-tl-lg lg:rounded-r-none dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">
<a href="/doc/formal-reviews/index.html" class="link-header">Boost Formal Reviews</a>
</h5>
@@ -107,10 +107,10 @@ make the columns go to 1
</div>
</div>
<div class="order-6 lg:order-7 p-6 dark:text-white text-slate bg-white lg:rounded-br-lg dark:bg-charcoal dark:bg-neutral-700 min-h-96 max-h-96 lg:max-h-max overflow-y-hidden">
<div class="order-6 lg:order-7 p-6 dark:text-white text-slate bg-white rounded-lg rounded-b-none lg:rounded-br-lg lg:rounded-l-none dark:bg-charcoal dark:bg-neutral-700 min-h-96 max-h-96 lg:max-h-max overflow-y-hidden">
<a href="/doc/formal-reviews/">
<img
class="lg:rounded-tr-lg object-cover object-center min-w-full min-h-full h-full border border-gray-100 dark:border-0"
class="rounded-lg lg:rounded-l-none object-cover object-center min-w-full min-h-full h-full border border-gray-100 dark:border-0"
width="572"
height="470"
src="{% static 'img/fpo/learn_courtroom.png' %}"

2
templates/homepage.html
View File

@@ -16,7 +16,7 @@
</div>
<div class="mt-6 w-full text-center md:mt-3 md:w-1/2">
<div class="mx-auto group flex justify-center items-center mt-5 space-y-3 max-w-md md:mt-8 md:space-y-0">
<a href="{% url 'releases-most-recent' %}" class="w-80 flex justify-left items-center py-4 pl-6 md:pl-3 text-base font-medium link-header text-white rounded-md border md:text-lg border-orange bg-orange hover:bg-orange/75 dark:bg-charcoal dark:hover:bg-charcoal/75">
<a href="{% url 'releases-most-recent' %}" class="w-80 flex justify-left items-center py-4 pl-6 md:pl-3 text-base font-medium link-header text-white rounded-md border md:text-lg border-orange bg-orange dark:bg-charcoal dark:hover:bg-charcoal/75">
<i class="pl-2 pr-7 md:pr-6 text-white group-hover:text-sky-600 fas fa-arrow-circle-down dark:text-orange"></i> Download the Latest Release
</a>
</div>

2
templates/includes/_form_input.html
View File

@@ -17,6 +17,6 @@
{% elif field.field.widget.input_type == "checkbox" %}
{% render_field field %}
{% else %}
{% render_field field class="w-full bg-white rounded border-gray-300 dark:text-white text-slate dark:border-slate dark:bg-charcoal" %}
{% render_field field class="w-full bg-white rounded border-gray-300 dark:text-white text-slate dark:border-slate dark:bg-charcoal" placeholder="" %}
{% endif %}
</label>

10
templates/includes/_header.html
View File

@@ -21,11 +21,11 @@
<div class="flex pt-1 w-full">
<nav class="relative items-center pl-6 space-x-4 w-full text-lg text-left md:space-x-6 lg:space-x-10">
<a href="{% url 'news' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:6" == '/news/' %}dark:text-orange text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none visited:text-black">News</a>
<a href="{% url 'docs' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:6" == '/docs/' %}dark:text-orange text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none visited:text-black">Learn</a>
<a href="{% url 'community' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:11" == '/community/' %}dark:text-orange text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none visited:text-black">Community</a>
<a href="{% url 'libraries' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:11" == '/libraries/' %}dark:text-orange text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none visited:text-black">Libraries</a>
<a href="{% url 'releases-most-recent' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:10" == '/releases/' %}dark:text-orange text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none visited:text-black">Releases</a>
<a href="{% url 'news' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:6" == '/news/' %}dark:text-orange dark:visited:text-orange text-orange visited:text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none">News</a>
<a href="{% url 'docs' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:6" == '/docs/' %}dark:text-orange dark:visited:text-orange text-orange visited:text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none">Learn</a>
<a href="{% url 'community' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:11" == '/community/' %}dark:text-orange dark:visited:text-orange text-orange visited:text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none">Community</a>
<a href="{% url 'libraries' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:11" == '/libraries/' %}dark:text-orange dark:visited:text-orange text-orange visited:text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none">Libraries</a>
<a href="{% url 'releases-most-recent' %}" class="hover:no-underline font-semibold dark:font-medium {% if request.path|slice:"0:10" == '/releases/' %}dark:text-orange dark:visited:text-orange text-orange visited:text-orange dark:hover:text-white hover:text-slate {% else %}dark:text-white text-slate dark:hover:text-orange hover:text-orange {% endif %} link-none">Releases</a>
</nav>
<nav class="flex items-center space-x-3 lg:space-x-5 h-[30px]" x-data="{ 'searchOpen': false }">
<span class="relative">

2
templates/libraries/detail.html
View File

@@ -46,7 +46,7 @@
<div class="pb-2 w-full md:pb-0 md:w-1/3 overflow-x-hidden">
<div class="flex flex-col">
<div class="pb-4 pt-[1px]">
<div class="pb-4 pt-1">
<span
class="py-0 px-2 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40"
title="C++ Version

2
templates/socialaccount/signup.html
View File

@@ -10,7 +10,7 @@
<div class="md:w-full text-center">
<h1 class="text-4xl">{% trans "Sign Up" %}</h1>
<p>{% blocktrans with provider_name=account.get_provider.name site_name=site.name %}You are about to use your {{provider_name}} account to login to
<p>{% blocktrans with provider_name=account.get_provider.name site_name=site.name %}You are about to use your {{provider_name}} account to log in to
{{site_name}}. As a final step, please complete the following form:{% endblocktrans %}</p>
<form id="signup_form" method="post" action="{% url 'socialaccount_signup' %}" class="w-full md:w-1/2 mx-auto">

4
templates/socialaccount/snippets/provider_list.html
View File

@@ -16,7 +16,7 @@
class="relative w-2/3 mx-auto block px-8 py-3 text-base font-medium rounded-md border border-orange !text-white hover:!text-white bg-orange hover:bg-orange/80 dark:bg-slate dark:hover:bg-charcoal hover:drop-shadow-md md:py-4 md:text-lg md:px-10 {{provider.id}}"
href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}"
>
<span x-cloak class="absolute right-1 top-1 text-xs bg-white text-orange rounded p-1" x-show='loginMethod === "\"GitHub\""'>Last Log in</span>
<span x-cloak class="absolute right-1 top-1 text-xs bg-white text-slate rounded p-1" x-show='loginMethod === "\"GitHub\""'>Last Log in</span>
<i class="fab fa-github"></i>
Use {{provider.name}}
</a>
@@ -26,7 +26,7 @@
class="relative w-2/3 mx-auto block px-8 py-3 text-base font-medium rounded-md border border-orange !text-white hover:!text-white bg-orange hover:bg-orange/80 dark:bg-slate dark:hover:bg-charcoal hover:drop-shadow-md md:py-4 md:text-lg md:px-10 {{provider.id}}"
href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}"
>
<span x-cloak class="absolute right-1 top-1 text-xs bg-white text-orange rounded p-1" x-show='loginMethod === "\"Google\""'>Last Log in</span>
<span x-cloak class="absolute right-1 top-1 text-xs bg-white text-slate rounded p-1" x-show='loginMethod === "\"Google\""'>Last Log in</span>
<i class="fab fa-google"></i>
Use {{provider.name}}
</a>

34
templates/style_guide.html
View File

@@ -86,10 +86,10 @@
<div class="p-2">
<div class="p-6 text-white bg-white rounded-lg shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
<h5 class="text-2xl leading-tight text-orange">Community Panel Header</h5>
<p class="py-1 my-2 border-b border-gray-700">
<p class="py-1 my-2 border-b border-gray-700 text-slate dark:text-white">
Panel Subheader
</p>
<p>Panel paragraph text..</p>
<p class="text-slate dark:text-white">Panel paragraph text..</p>
</div>
<button class="rounded-full py-2 text-xs cursor-pointer w-4 whitespace-nowrap" @click="if (mode == 'dark') { mode='light'; setColorMode('light'); } else { mode='dark'; setColorMode('dark'); }"><i class="hidden dark:inline-block mr-1 font-semibold fas fa-sun text-white px-2 mx-2"></i><i class="inline-block dark:hidden mr-1 font-semibold fas fa-moon text-black px-2 mx-2"></i></button>
@@ -272,12 +272,42 @@
</a>
</div>
<button class="rounded-full py-2 text-xs cursor-pointer w-4 whitespace-nowrap" @click="if (mode == 'dark') { mode='light'; setColorMode('light'); } else { mode='dark'; setColorMode('dark'); }"><i class="hidden dark:inline-block mr-1 font-semibold fas fa-sun text-white px-2 mx-2"></i><i class="inline-block dark:hidden mr-1 font-semibold fas fa-moon text-black px-2 mx-2"></i></button>
<div class="mt-2 py-2 px-2 space-y-2 w-full bg-white rounded-lg dark:bg-charcoal">
<div class="highlight" style="background: #002b36"><pre style="line-height: 125%;">{% filter force_escape %}
<a href="{% url 'releases-most-recent' %}" class="w-80 flex justify-left items-center py-4 pl-6 md:pl-3 text-base font-medium link-header text-white rounded-md border md:text-lg border-orange bg-orange dark:bg-charcoal dark:hover:bg-charcoal/75">
<i class="pl-2 pr-7 md:pr-6 text-white group-hover:text-sky-600 fas fa-arrow-circle-down dark:text-orange"></i> Homepage Hero Button
</a>
{% endfilter %}</pre></div>
</div>
</div>
<br clear="all" />
<div class="p-2">
<div class="space-y-6 w-full text-center">
<a class="relative w-96 block px-20 py-3 text-base font-medium rounded-md border border-orange !text-white hover:!text-white bg-orange hover:bg-orange/80 dark:bg-slate dark:hover:bg-charcoal hover:drop-shadow-md md:py-4 md:text-lg md:px-10"
href="#">
<span class="absolute right-1 top-1 text-xs bg-white text-slate rounded p-1">Special Notice</span>
<i class="fas fa-icons"></i> Provider Button
</a>
</div>
<button class="rounded-full py-2 text-xs cursor-pointer w-4 whitespace-nowrap" @click="if (mode == 'dark') { mode='light'; setColorMode('light'); } else { mode='dark'; setColorMode('dark'); }"><i class="hidden dark:inline-block mr-1 font-semibold fas fa-sun text-white px-2 mx-2"></i><i class="inline-block dark:hidden mr-1 font-semibold fas fa-moon text-black px-2 mx-2"></i></button>
<div class="mt-2 py-2 px-2 space-y-2 w-full bg-white rounded-lg dark:bg-charcoal">
<div class="highlight" style="background: #002b36"><pre style="line-height: 125%;">{% filter force_escape %}
<div class="space-y-6 w-full text-center">
<a class="relative w-96 block px-20 py-3 text-base font-medium rounded-md border border-orange !text-white hover:!text-white bg-orange hover:bg-orange/80 dark:bg-slate dark:hover:bg-charcoal hover:drop-shadow-md md:py-4 md:text-lg md:px-10"
href="#">
<span class="absolute right-1 top-1 text-xs bg-white text-slate rounded p-1">Special Notice</span>
<i class="fas fa-icons"></i> Provider Button
</a>
</div>
{% endfilter %}</pre></div>
</div>
</div>

20
templates/versions/detail.html
View File

@@ -37,7 +37,7 @@
</form>
</div>
</div>
<section class="content divide-x-0 divide-transparent md:divide-x md:divide-gray-200">
<section class="content divide-x-0 divide-transparent md:divide-x md:divide-gray-700">
<div class="pb-2 w-full h-auto md:pb-0 md:w-auto">
<div class="flex flex-col">
<div class="h-8">
@@ -78,17 +78,17 @@
<tr>
<th scope="col"
width="150"
class="p-3 h-8 text-base bg-gray-100 rounded-tl-lg border border-r-0 border-b-0 border-gray-200 md:rounded-tl-none dark:bg-charcoal">
class="p-3 h-8 text-base bg-gray-100 rounded-tl-lg border border-r-0 border-b-0 border-gray-700 md:rounded-tl-none dark:bg-charcoal">
Platform
</th>
<th scope="col"
width="200"
class="p-3 text-base bg-gray-100 border border-r-0 border-b-0 border-gray-200 dark:bg-charcoal">
width="700"
class="p-3 text-base bg-gray-100 border border-r-0 border-b-0 border-gray-700 dark:bg-charcoal">
File
</th>
<th scope="col"
colspan="2"
class="p-3 text-base bg-gray-100 rounded-tr-lg border border-b-0 border-gray-200 dark:bg-charcoal">
class="p-3 text-base bg-gray-100 rounded-tr-lg border border-b-0 border-gray-700 dark:bg-charcoal">
SHA256 Hash
</th>
</tr>
@@ -99,15 +99,15 @@
{% if forloop.first %}
<th scope="row"
rowspan="{{ download_files|length }}"
class="p-2 h-14 whitespace-nowrap border border-r-0 {% if not forloop.parentloop.last %}border-b-0 {% endif %}border-gray-200 dark:bg-charcoal">
class="p-2 h-14 whitespace-nowrap border border-r-0 {% if not forloop.parentloop.last %}border-b-0 {% endif %}border-gray-700 dark:bg-charcoal">
<i class="fab fa-{% if os == 'Unix' %}linux{% else %}windows{% endif %}"></i> {{ os }}
</th>
{% endif %}
<td class="p-2 border border-r-0 {% if not forloop.last or not forloop.parentloop.last %}border-b-0 {% endif %}border-gray-200">
<a href="{{ download.url }}">{{ download.display_name }}</a>
<td class="p-2 border border-r-0 {% if not forloop.last or not forloop.parentloop.last %}border-b-0 {% endif %}border-gray-700">
<a href="{{ download.url }}" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">{{ download.display_name }}</a>
</td>
<td width="30"
class="p-2 mx-1 text-center align-bottom whitespace-nowrap border border-r-0 {% if not forloop.last or not forloop.parentloop.last %}border-b-0 {% endif %}border-gray-200">
class="p-2 mx-1 text-center align-bottom whitespace-nowrap border border-r-0 {% if not forloop.last or not forloop.parentloop.last %}border-b-0 {% endif %}border-gray-700">
<button class="justify-center items-center w-4 h-full font-semibold shadow"
@click="$clipboard($el.parentElement.nextSibling.nextSibling.title)">
<svg class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -115,7 +115,7 @@
</svg>
</button>
</td>
<td class="border pr-2 {% if not forloop.last or not forloop.parentloop.last %}border-b-0 {% endif %}border-l-0 border-gray-200 truncCell dark:bg-charcoal"
<td class="border pr-2 {% if not forloop.last or not forloop.parentloop.last %}border-b-0 {% endif %}border-l-0 border-gray-700 truncCell dark:bg-charcoal"
title="{{ download.checksum }}">
<span class="hidden xl:block">{{ download.checksum }}</span>
<span class="hidden md:block xl:hidden">{{ download.checksum|truncate_middle:20 }}</span>