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

Revert "wip: increase max content width across site (#1743)" (#1748)

Browse Source
This commit is contained in:
Greg Kaleka
2025-04-12 20:01:09 -04:00
committed by GitHub
parent 5610f14f4c
commit e5f808e38e
11 changed files with 163 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/tests/content/leaf.html
View File

@@ -109,7 +109,7 @@ html.dark {
justify-content: space-between;
box-shadow: 0px 1px 0px #d1d1d1;
border-bottom: 1px solid #f6f6f6;
max-width: 120rem;
max-width: 80rem;
margin: 0 auto;
color: var(--text-color);
font-family: "Noto Sans" !important;
@@ -265,7 +265,7 @@ html.dark {
body .body {
margin: 0px 1rem;
padding: 1.5rem 0rem 0;
max-width: 120rem;
max-width: 80rem;
}
body.article #headblock {
padding: 0.25rem 1rem !important;
@@ -276,7 +276,7 @@ html.dark {
}
@media (min-width: 769px) {
body.article {
max-width: 120rem !important;
max-width: 80rem !important;
margin: auto;
padding: 0px 2.25rem;
border-radius: .5rem;
@@ -303,7 +303,7 @@ html.dark {
/* asciidoc layout base */
#boost-legacy-docs-wrapper {
margin: auto;
max-width: 120rem;
max-width: 80rem;
overflow: hidden;
position: relative;
margin-top: 1rem;

4
frontend/docsstyles.css
View File

@@ -6,7 +6,7 @@
}
body {
@apply font-sans break-normal max-w-[120rem] mx-auto md:pt-11 md:px-6 my-0 h-screen;
@apply font-sans break-normal max-w-7xl mx-auto md:pt-11 md:px-6 my-0 h-screen;
}
/* Fixes the logo's pixel shift for non-framed and framed docs, respectively. */
@@ -34,7 +34,7 @@ div.copyright-footer:first-of-type,
div.chapter:first-of-type,
div.refentry:first-of-type,
div.book:first-of-type {
@apply max-w-[120rem] px-3 md:px-6 mx-auto;
@apply max-w-7xl px-3 md:px-6 mx-auto;
}
#avatar>div,

2
frontend/styles.css
View File

@@ -118,6 +118,6 @@
}
#docsiframe {
@apply w-full mx-0 my-auto overflow-hidden p-0 max-w-[120rem] mt-[1px];
@apply w-full mx-0 my-auto overflow-hidden p-0 max-w-[80rem] mt-[1px];
height: calc(100vh - 2.6rem)
}

2
static/css/docsstyles.css
View File

File diff suppressed because one or more lines are too long

2
static/css/userguidestyles.css
View File

File diff suppressed because one or more lines are too long

10
templates/base.html
View File

@@ -54,7 +54,7 @@
justify-content: space-between;
box-shadow: 0px 1px 0px #d1d1d1;
border-bottom: 1px solid #f6f6f6;
max-width: 120rem;
max-width: 80rem;
margin: 0 auto;
color: var(--text-color);
font-family: "Noto Sans" !important;
@@ -213,7 +213,7 @@
body .body {
margin: 0px 1rem;
padding: 1.5rem 0rem 0;
max-width: 120rem;
max-width: 80rem;
}
body.article #headblock {
padding: 0.25rem 1rem !important;
@@ -224,7 +224,7 @@
}
@media (min-width: 769px) {
body.article {
max-width: 120rem !important;
max-width: 80rem !important;
margin: auto;
padding: 0px 2.25rem;
border-radius: .5rem;
@@ -251,7 +251,7 @@
/* asciidoc layout base */
.main-footer {
max-width: 120rem !important;
max-width: 80rem !important;
}
.link-icons {
@@ -335,7 +335,7 @@
}"
class="h-screen bg-gray-200 dark:bg-black{% if DEBUG %} DEBUG{% endif %}" {% block body_id %}{% endblock %}>
<div class="modal-overlay" id="modalOverlay"><div class="modal-content"><iframe id="modalFrame" class="w-full h-full rounded-xl m-0 p-0"></iframe><div class="modal-close" id="modalClose" onclick="closeModal()"><i class="fa-solid fa-xmark fa-lg"></i></div></div></div>
<div class="max-w-[120rem] md:px-3 mx-auto transition-all">
<div class="max-w-7xl md:px-3 mx-auto transition-all">
{% block content_header %}
{% include "includes/_header.html" %}
{% endblock %}

2
templates/community_temp.html
View File

@@ -8,7 +8,7 @@
{% 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 2xl:grid-cols-3">
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
<div class="p-6 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>

32
templates/docs_temp.html
View File

@@ -20,9 +20,8 @@
</div>
{% endcomment %}
<div class="pt-0 md:pt-3 md:mt-3 grid grid-cols-1 2xl:grid-cols-2 lg:gap-x-4 gap-y-0 lg:gap-y-5 grid-flow-row auto-rows-min">
<div class="flex flex-col xl:flex-row 2xl:w/2">
<div class="mb-5 lg:mb-0 p-6 pt-0 lg:pt-6 dark:text-white text-slate bg-white rounded-lg dark:bg-charcoal dark:bg-neutral-700">
<div class="pt-0 md:pt-3 md:mt-3 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 mb-5 lg:mb-0 lg:order-1 p-6 pt-0 lg:pt-6 dark:text-white text-slate bg-white rounded-none md: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>
<p class="text-lg py-1 border-b pb-4 border-gray-700">How to use the libraries in your programs</p>
<div class="grid grid-cols-2 gap-2 mt-6 text-lg">
@@ -53,16 +52,22 @@
</div>
</div>
</div>
<div class="p-6 dark:text-white text-slate bg-white md:rounded-lg md: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">
<div class="order-1 lg:order-2 p-6 dark:text-white text-slate bg-white md:rounded-lg md: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="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' %}" alt="User Guide" /></a>
</div>
</div>
<div class="flex flex-col xl:flex-row 2xl:w/2 rounded">
{% comment %}
<div class="order-3 my-5 lg:my-0 w-auto col-span-1 lg:col-span-2 dark:text-white text-slate bg-transparent">
<div class="w-4/6 p-4 mx-auto text-center bg-green/40 rounded-lg text-lg">
<i class="fab fa-xl fa-slack"></i> You can also find help by <a class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange" href="https://cppalliance.org/slack/">joining the C++ Slack</a> and then <a class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange" href="https://cpplang.slack.com/">visiting the workspace</a>.
</div>
</div>
{% endcomment %}
<div class="order-4 p-6 dark:text-white text-slate bg-white md:rounded-lg md: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="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="mb-5 lg:mb-0 p-6 pt-0 lg:pt-6 dark:text-white text-slate bg-white rounded-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>
<p class="text-xl py-1 border-b pb-4 border-gray-700">Resources to help you contribute</p>
<div class="grid grid-cols-2 gap-2 mt-6 text-lg">
@@ -96,16 +101,8 @@
</div>
</div>
</div>
</div>
{% comment %}
<div class="order-3 my-5 lg:my-0 w-auto col-span-1 lg:col-span-2 dark:text-white text-slate bg-transparent">
<div class="w-4/6 p-4 mx-auto text-center bg-green/40 rounded-lg text-lg">
<i class="fab fa-xl fa-slack"></i> You can also find help by <a class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange" href="https://cppalliance.org/slack/">joining the C++ Slack</a> and then <a class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange" href="https://cpplang.slack.com/">visiting the workspace</a>.
</div>
</div>
{% endcomment %}
<div class="flex flex-col xl:flex-row 2xl:w/2 rounded">
<div class="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">
<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="{% url 'review-process' %}" class="link-header">Boost Formal Reviews</a></h5>
<p class="text-xl py-1 pb-4 border-b border-gray-700">Learn how new libraries are added</p>
<div class="grid grid-cols-1 gap-4 mt-6 text-lg pl-4">
@@ -124,7 +121,6 @@
<a href="{% url 'review-process' %}"><img 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' %}" alt="Formal Reviews" /></a>
</div>
</div>
</div>
</main>
<!-- End Homepage Hero Section -->
{% endblock %}

92
templates/homepage.html
View File

@@ -61,49 +61,6 @@
{% if events %}
<div class="my-12 mb-3 md:mb-6 space-y-4 lg:flex lg:mt-16 lg:mb-4 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">
<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">recent news</span>
</div>
<div class="absolute top-6 right-8 p-2 group">
<a href="{% url 'news' %}"
class="text-sm font-medium md:text-base text-sky-600 dark:text-sky-300 group-hover:text-orange dark:group-hover:text-orange">
All News&nbsp;<i class="fas fa-chevron-right text-sky-600 dark:text-sky-300 group-hover:text-orange dark:group-hover:text-orange"></i>
</a>
</div>
<div class="space-y-4">
{% for entry in entries %}
<div class="pt-0">
<h2 class="flex items-center pb-2 mb-3 text-lg md:text-2xl lg:text-2xl font-semibold mr-4 border-b border-gray-400 dark:border-slate">
{% avatar user=entry.author %}
<span class="text-sm ml-5 bg-white rounded-full dark:text-gray-300 w-[30px] dark:bg-charcoal">
{% if entry.tag == "link" %}
<i class="fas fa-link"></i>
{% elif entry.tag == "news" %}
<i class="fas fa-newspaper"></i>
{% elif entry.tag == "blogpost" %}
<i class="fas fa-comment"></i>
{% elif entry.tag == "poll" %}
<i class="fas fa-poll"></i>
{% elif entry.tag == "video" %}
<i class="fas fa-video"></i>
{% endif %}
</span>
<a class="link-header" {% if entry.external_url %}target="_blank"{% endif %} href="{% if entry.external_url %}{{ entry.external_url }}{% else %}{{ entry.get_absolute_url }}{% endif %}">
{{ entry.title }} {% if entry.external_url %}<i class="fa fa-external-link text-sm ml-1"></i>{% endif %}
</a>
</h2>
<p class="pt-0 pb-4 mx-auto w-full text-xs md:text-sm align-left">Posted on {{ entry.publish_at|date:"M jS, Y" }} by {{ entry.author.display_name }}</p>
{% if entry.content %}
<div class="md:ml-[40px]">
<span class="text-sm md:text-base text-gray-500 dark:text-white/70">{{ entry.content|urlize|url_target_blank:'text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange'|linebreaksbr|multi_truncate_middle:30|truncatechars_html:500 }}</span>
</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
<div class="p-6 relative bg-white md:rounded-lg md:p-11 w-full dark:bg-charcoal">
<div class="w-full">
<div class="mb-6">
@@ -211,6 +168,10 @@
{% endcomment %}
</div>
</div>
{% endif %}
<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>
<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>
@@ -226,9 +187,52 @@
</div>
</div>
</div>
{% endif %}
<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">
<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">recent news</span>
</div>
<div class="absolute top-6 right-8 p-2 group">
<a href="{% url 'news' %}"
class="text-sm font-medium md:text-base text-sky-600 dark:text-sky-300 group-hover:text-orange dark:group-hover:text-orange">
All News&nbsp;<i class="fas fa-chevron-right text-sky-600 dark:text-sky-300 group-hover:text-orange dark:group-hover:text-orange"></i>
</a>
</div>
<div class="space-y-4">
{% for entry in entries %}
<div class="pt-0">
<h2 class="flex items-center pb-2 mb-3 text-lg md:text-2xl lg:text-2xl font-semibold mr-4 border-b border-gray-400 dark:border-slate">
{% avatar user=entry.author %}
<span class="text-sm ml-5 bg-white rounded-full dark:text-gray-300 w-[30px] dark:bg-charcoal">
{% if entry.tag == "link" %}
<i class="fas fa-link"></i>
{% elif entry.tag == "news" %}
<i class="fas fa-newspaper"></i>
{% elif entry.tag == "blogpost" %}
<i class="fas fa-comment"></i>
{% elif entry.tag == "poll" %}
<i class="fas fa-poll"></i>
{% elif entry.tag == "video" %}
<i class="fas fa-video"></i>
{% endif %}
</span>
<a class="link-header" {% if entry.external_url %}target="_blank"{% endif %} href="{% if entry.external_url %}{{ entry.external_url }}{% else %}{{ entry.get_absolute_url }}{% endif %}">
{{ entry.title }} {% if entry.external_url %}<i class="fa fa-external-link text-sm ml-1"></i>{% endif %}
</a>
</h2>
<p class="pt-0 pb-4 mx-auto w-full text-xs md:text-sm align-left">Posted on {{ entry.publish_at|date:"M jS, Y" }} by {{ entry.author.display_name }}</p>
{% if entry.content %}
<div class="md:ml-[40px]">
<span class="text-sm md:text-base text-gray-500 dark:text-white/70">{{ entry.content|urlize|url_target_blank:'text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange'|linebreaksbr|multi_truncate_middle:30|truncatechars_html:500 }}</span>
</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div>
{% comment %}

2
templates/libraries/grid_list.html
View File

@@ -13,7 +13,7 @@
{% include "libraries/includes/version_alert.html" %}
{# Libraries list #}
<div class="grid grid-cols-1 gap-4 mb-5 md:grid-cols-2 lg:grid-cols-4">
<div class="grid grid-cols-1 gap-4 mb-5 md:grid-cols-2 lg:grid-cols-3">
{% for library_version in object_list %}
{% include "libraries/_library_grid_list_item.html" %}
{% endfor %}

2
templates/news/list.html
View File

@@ -80,7 +80,7 @@
</div>
</div>
<div class="my-5 max-w-[80rem] mx-auto">
<div class="my-5">
<div class="mx-auto w-full">
{% for entry in entry_list %}
<div class="md:flex md:space-x-3">