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

Merge pull request #123 from revsys/images-css-fixes

Browse Source 
Images css fixes
This commit is contained in:
Greg Newman
2023-02-17 10:49:47 -05:00
committed by GitHub
parent ff1b06db8b 8eed4681b9
commit 6c74657434
11 changed files with 68 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
static/css/styles.css
View File

@@ -1277,6 +1277,10 @@ input[type=file] {
width: 1.5rem;
}
.w-\[47px\] {
width: 47px;
}
.w-4 {
width: 1rem;
}
@@ -1289,6 +1293,10 @@ input[type=file] {
width: 20%;
}
.w-\[80px\] {
width: 80px;
}
.w-1 {
width: 0.25rem;
}
@@ -1643,11 +1651,6 @@ input[type=file] {
background-color: transparent;
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-slate {
--tw-bg-opacity: 1;
background-color: rgb(49 74 87 / var(--tw-bg-opacity));
@@ -2016,16 +2019,6 @@ input[type=file] {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-orange {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
@@ -2045,11 +2038,6 @@ input[type=file] {
color: rgb(49 74 87 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
@@ -2079,6 +2067,11 @@ input[type=file] {
color: rgb(255 255 255 / 0.6);
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -2155,11 +2148,6 @@ input[type=file] {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.focus\:text-charcoal:focus {
--tw-text-opacity: 1;
color: rgb(23 42 52 / var(--tw-text-opacity));

12
templates/forum/forum_list.html
View File

@@ -12,10 +12,10 @@
{% if node.level == root_level %}
{% if node.obj.is_category %}
<div class="mt-3 relative flex flex-col min-w-0 rounded break-words border bg-charcoal border-1 border-slate forumlist rounded">
<div class="p-0 py-3 px-6 mb-0 border-b-1 border-gray-300 text-gray-900">
<div class="p-0 py-3 px-6 mb-0 border-b-1 border-gray-300 ">
<div class="flex m-0 px-3 py-2 border-b border-slate">
<div class="pl-0 pr-4 pl-4 sm:w-3/4 pr-4 pl-4 w-full forum-name-col">
<h3 class="m-0 mb-3 h5"><a href="{% url 'forum:forum' node.obj.slug node.obj.id %}" class="text-gray-900">{{ node.obj.name }}</a></h3>
<h3 class="m-0 mb-3 h5"><a href="{% url 'forum:forum' node.obj.slug node.obj.id %}">{{ node.obj.name }}</a></h3>
</div>
<div class="pr-4 pl-4 hidden md:block text-center whitespace-no-wrap forum-count-col">{% trans "Topics" %}</div>
<div class="pr-4 pl-4 hidden md:block text-center whitespace-no-wrap forum-count-col">{% trans "Posts" %}</div>
@@ -30,10 +30,10 @@
{% with node.previous_sibling.obj as previous_sibling %}
{% if previous_sibling and previous_sibling.is_category or not previous_sibling in forum_contents.visible_forums or not previous_sibling %}
<div class="mt-3 relative flex flex-col min-w-0 rounded break-words border bg-charcoal border-1 border-slate forumlist">
<div class="p-0 py-3 px-6 mb-0 border-b-1 border-slate text-gray-900">
<div class="p-0 py-3 px-6 mb-0 border-b-1 border-slate ">
<div class="flex m-0 px-3 py-2 border-b border-slate">
<div class="pl-0 w-3/4 forum-name-col">
<h3 class="m-0 mb-3 h5 text-gray-900">{% trans "Forums" %}</h3>
<h3 class="m-0 mb-3 h5 ">{% trans "Forums" %}</h3>
</div>
<div class="pr-4 pl-4 hidden md:block text-center whitespace-no-wrap forum-count-col w-25">{% trans "Topics" %}</div>
<div class="pr-4 pl-4 hidden md:block text-center whitespace-no-wrap forum-count-col w-25">{% trans "Posts" %}</div>
@@ -198,10 +198,10 @@
{% endrecurseforumcontents %}
{% else %}
<div class="mt-3 relative flex flex-col min-w-0 rounded break-words border border-1 border-gray-300 forumlist">
<div class="p-0 py-3 px-6 mb-0 border-b-1 border-gray-300 text-gray-900">
<div class="p-0 py-3 px-6 mb-0 border-b-1 border-gray-300 ">
<div class="flex flex-wrap m-0 px-3 py-2">
<div class="pl-0 md:w-2/3 pr-4 pl-4 sm:w-3/4 pr-4 pl-4 w-3/4 forum-name-col">
<h3 class="m-0 mb-3 h5 text-gray-900">{% trans "Forums" %}</h3>
<h3 class="m-0 mb-3 h5 ">{% trans "Forums" %}</h3>
</div>
<div class="md:w-1/6 pr-4 pl-4 hidden md:block text-center whitespace-no-wrap forum-count-col">{% trans "Topics" %}</div>
<div class="md:w-1/6 pr-4 pl-4 hidden md:block text-center whitespace-no-wrap forum-count-col">{% trans "Posts" %}</div>

4
templates/homepage.html
View File

@@ -10,10 +10,10 @@
<div id="scene03"></div>
</div>
<div class="text-left md:w-1/2">
<h1 class="font-extrabold text-gray-900 text-4xl md:text-6xl">
<h1 class="font-extrabold text-4xl md:text-6xl">
<span class="block xl:inline">Boost provides free peer-reviewed portable C++ source libraries.</span>
</h1>
<p class="mt-3 md:mb-11 max-w-md mx-auto text-base text-gray-500 text-lg md:mt-5 md:text-xl md:max-w-3xl">Experience C++ libraries created by experts to be reliable, skillfully designed, and well-tested.</p>
<p class="mt-3 md:mb-11 max-w-md mx-auto text-base text-lg md:mt-5 md:text-xl md:max-w-3xl">Experience C++ libraries created by experts to be reliable, skillfully designed, and well-tested.</p>
<div class="mt-5 max-w-md md:flex justify-center md:justify-between md:mt-8 space-y-3 md:space-y-0">
<a href="#" class="flex items-center justify-center px-8 py-3 border border-orange text-base font-medium rounded-md text-orange md:py-4 md:text-lg md:px-4"><img class="mt-1 pr-2" src="{% static 'img/icons/icon-download-orng.svg' %}" alt="Downloads" /> Download Latest </a>
<a href="#" class="flex items-center justify-center px-8 py-3 border border-steel text-base font-medium rounded-md text-orange md:py-4 md:text-lg md:px-10"> Version Details > </a>

2
templates/includes/_footer.html
View File

@@ -5,7 +5,7 @@
<div class="md:flex" id="footerSignup">
<div class="text-left md:w-1/2 content-center gap-4 grid">
<div>
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl block xl:inline pt-6">
<h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl block xl:inline pt-6">
Join the growing community
</h1>
</div>

14
templates/includes/_header.html
View File

@@ -66,7 +66,7 @@
<span class="inline-block ml-2 text-sm uppercase text-orange"> 1.79.0 Releases on 9-8-22<small> > </small></span>
</div>
<button type="button"
class="absolute top-0 right-0 inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:text-white focus:outline-none"
class="absolute top-0 right-0 inline-flex items-center justify-center rounded-md p-2 hover:text-white focus:outline-none"
aria-controls="mobile-menu" @click="isOpen = !isOpen" aria-expanded="false"
x-bind:aria-expanded="open.toString()">
<svg x-description="Icon when menu is open." x-state:on="Menu open" x-state:off="Menu opened" class="hidden h-6 w-6"
@@ -81,7 +81,7 @@
<a href="{% url 'home' %}"><img class="inline w-auto h-[30px]" src="{% static 'img/Boost_Brandmark_WhiteBoost_Transparent.svg' %}" alt="Boost"></a>
</div>
<button type="button"
class="float-right inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:text-white focus:outline-none"
class="float-right inline-flex items-center justify-center rounded-md p-2 hover:text-white focus:outline-none"
aria-controls="mobile-menu" @click="isOpen = !isOpen" aria-expanded="false"
x-bind:aria-expanded="open.toString()">
<span class="sr-only">Open main menu</span>
@@ -113,15 +113,15 @@
<a href="{% url 'donate' %}" class="block px-3 py-2 text-white hover:text-orange">Donate</a>
</div>
<div class="px-2 pt-2 pb-3 absolute bottom-10 left-0 text-sm">
<a href="{% url 'boost-about' %}" class="block px-3 py-2 text-thin text-gray-700 hover:text-gray-900">About</a>
<a href="{% url 'boost-about' %}" class="block px-3 py-2 text-thin text-gray-700 ">About</a>
<a href="{% url 'support' %}" class="block px-3 py-2 text-thin text-gray-700 hover:text-gray-900">Support</a>
<a href="{% url 'support' %}" class="block px-3 py-2 text-thin text-gray-700 ">Support</a>
<a href="{% url 'resources' %}" class="block px-3 py-2 text-thin text-gray-700 hover:text-gray-900">Resources</a>
<a href="{% url 'resources' %}" class="block px-3 py-2 text-thin text-gray-700 ">Resources</a>
<a href="{% url 'account_signup' %}" class="block px-3 py-2 text-thin text-gray-700 hover:text-gray-900">Sign Up</a>
<a href="{% url 'account_signup' %}" class="block px-3 py-2 text-thin text-gray-700 ">Sign Up</a>
<a href="#" class="block px-3 py-2 text-thin text-gray-700 hover:text-gray-900">Log In </a>
<a href="#" class="block px-3 py-2 text-thin text-gray-700 ">Log In </a>
</div>
</div>
</div>

11
templates/libraries/_library_list_item.html
View File

@@ -20,10 +20,17 @@
</div>
<div class="md:w-1/4 mb-4 text-sm">
<div class="my-5 flex">
<div class="md:mr-5 w-1/3">Author(s):</div>
<div class="md:mr-5 w-1/4">Author(s):</div>
<div class="space-y-3">
{% for author in library.authors.all %}
<div><img src="{% static 'img/fpo/user.png' %}" alt="user" class="inline" /> {{ author.get_full_name }}</div>
<div>
{% if author.image.url %}
<img src="{{ author.image.url }}" alt="user" class="inline w-[47px] rounded mr-2" />
{% else %}
<i class="fas fa-user text-5xl mr-2 text-white/60"></i>
{% endif %}
{{ author.get_full_name }}
</div>
{% endfor %}
</div>
</div>

18
templates/libraries/detail.html
View File

@@ -82,7 +82,14 @@
<h3 class="text-2xl mb-4">Authors</h3>
<div class="space-y-3">
{% for author in object.authors.all %}
<div><img src="{% static 'img/fpo/user.png' %}" alt="user" class="inline mr-5" /> {{ author.get_full_name }}</div>
<div>
{% if author.image.url %}
<img src="{{ author.image.url }}" alt="user" class="inline w-[47px] rounded mr-2" />
{% else %}
<i class="fas fa-user text-5xl mr-2 text-white/60"></i>
{% endif %}
{{ author.get_full_name }}
</div>
{% endfor %}
</div>
</div>
@@ -90,7 +97,14 @@
<h3 class="text-2xl mb-4">Maintainers</h3>
<div class="space-y-3">
{% for maintainer in object.maintainers.all %}
<div><img src="{% static 'img/fpo/user.png' %}" alt="user" class="inline mr-5" /> {{ maintainer.get_full_name }}</div>
<div>
{% if maintainer.image.url %}
<img src="{{ maintainer.image.url }}" alt="user" class="inline w-[47px] rounded mr-2" />
{% else %}
<i class="fas fa-user text-5xl mr-2 text-white/60"></i>
{% endif %}
{{ maintainer.get_full_name }}
</div>
{% endfor %}
</div>
</div>

4
templates/libraries/includes/search_command_palatte.html
View File

@@ -14,7 +14,7 @@
>
<div class="relative">
<!-- Heroicon name: outline/magnifying-glass -->
<svg class="pointer-events-none absolute top-3.5 left-4 h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<svg class="pointer-events-none absolute top-3.5 left-4 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg>
<input type="text"
@@ -30,7 +30,7 @@
</div>
<!-- Results, show/hide based on command palette state. -->
<ul class="max-h-96 overflow-y-auto p-2 text-sm text-gray-400" id="search_results"></ul>
<ul class="max-h-96 overflow-y-auto p-2 text-sm" id="search_results"></ul>
</div>
</div>
</div>

6
templates/libraries/includes/search_results.html
View File

@@ -2,19 +2,19 @@
<li class="group flex cursor-default select-none items-center rounded-md px-3 py-2">
<!-- Active: "text-white", Not Active: "text-gray-500" -->
<!-- Heroicon name: outline/folder -->
<svg class="h-6 w-6 flex-none text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<svg class="h-6 w-6 flex-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" />
</svg>
<span class="ml-3 flex-auto truncate">
<a href="{% url 'library-detail' slug=library.slug %}">{{ library.name|capfirst }}: {{ library.description }}</a>
</span>
<!-- Not Active: "hidden" -->
<span class="ml-3 hidden flex-none text-gray-400">Jump to...</span>
<span class="ml-3 hidden flex-none">Jump to...</span>
</li>
{% empty %}
<div class="py-14 px-6 text-center sm:px-14">
<!-- Heroicon name: outline/folder -->
<svg class="mx-auto h-6 w-6 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<svg class="mx-auto h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" />
</svg>
<p class="mt-4 text-sm text-gray-200">We couldn't find any libraries with that term. Please try again.</p>

6
templates/partials/breadcrumb.html
View File

@@ -6,7 +6,7 @@
class="fas fa-home">&nbsp;</i>{% trans "Forum index" %}</a></li>
{% if forum %}
{% for ancestor in forum.get_ancestors %}
<svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
<svg class="h-5 w-5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
@@ -15,7 +15,7 @@
<li class="breadcrumb-item"><a class="text-orange" href="{% url 'forum:forum' ancestor.slug ancestor.id %}">{{ ancestor.name }}</a>
</li>
{% endfor %}
<svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
<svg class="h-5 w-5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
@@ -24,7 +24,7 @@
<li class="breadcrumb-item"><a class="text-orange" href="{% url 'forum:forum' forum.slug forum.id %}">{{ forum.name }}</a></li>
{% endif %}
{% if topic %}
<svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
<svg class="h-5 w-5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"

8
templates/users/profile.html
View File

@@ -3,9 +3,13 @@
{% load static %}
{% block subnav %}
<div class="py-3 px-4 md:px-0 flex border-b border-slate md:border-0">
<div class="py-3 px-4 md:px-0 flex border-b border-slate md:border-0 items-center">
<div>
<img src="{{ user.image.url }}" alt="user" class="inline" />
{% if user.image.url %}
<img src="{{ user.image.url }}" alt="user" class="inline w-[80px] rounded-lg" />
{% else %}
<i class="fas fa-user text-5xl mr-2 text-white/60"></i>
{% endif %}
</div>
<div class="text-sm ml-4">
<span class="block">{{ user.get_full_name }}</span>