eswyft/4in1_ws_web
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4in1: design changes

Browse Source
This commit is contained in:
E. S. 2025-05-02 17:15:59 +03:00
parent 6d031ea276
commit ad86c3a55e
8 changed files with 82 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
htdocs/scss/app/blog.scss
View File

@ -387,12 +387,21 @@ body.wide .blog-post {
}
.blog-expl {
border-radius: 4px;
padding: $base-padding - 3px;
background-color: $hover-hl;
line-height: 140%;
//padding: $base-padding - 3px 0
line-height: 130%;
margin-bottom: 15px;
margin-top: 2px;
font-size: $fs - 2px;
p {
margin: 7px 0;
line-height: 140%;
&:first-child {
margin-top: 0;
}
&:last-child {
margin-top: 0;
}
}
}
.blog-list {}

21
htdocs/scss/app/head.scss
View File

@ -79,17 +79,23 @@
padding-top: 15px;
}
a.head-item {
@include no-underline();
border: 1px $border-color solid !important;
border-radius: 6px;
color: $fg;
font-size: $fs;
display: inline-block;
padding: 8px 12px;
padding: 6px 10px;
margin: 0 0 0 5px;
vertical-align: middle;
&.is-ic {
color: $link-color;
padding-right: 9px;
&:hover {
border-color: $head-ic-hover-border !important;
}
> svg {
position: relative;
top: -1px;
@ -97,10 +103,15 @@ a.head-item {
}
}
&:hover, &.is-selected {
border-radius: 4px;
background-color: $hover-hl;
&:hover {
border-color: $head-ic-hover-border !important;
color: $link-color;
}
&.is-selected {
text-decoration: none;
color: $fg;
border-color: $border-color-selected !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset;
}
//&:last-child > span {

51
htdocs/scss/app/mobile.scss
View File

@ -5,7 +5,7 @@ textarea {
}
.page-content {
padding: 0 15px;
padding: 0 0;
}
.head, .head-inner, .head-logo-wrap, .head-items, .head-logo {
@ -13,22 +13,29 @@ textarea {
}
.head {
overflow: hidden;
border-bottom: 1px $border-color solid;
margin-bottom: 15px;
}
.head-logo-wrap {
margin-left: -20px;
margin-right: -20px;
padding-top: 5px;
padding-top: 0;
padding-bottom: 0;
}
.head-logo {
margin: 0;
display: block;
text-align: center;
text-align: left;
font-size: $fs;
box-sizing: border-box;
padding-top: 14px;
padding-top: 13px;
padding-bottom: 0;
//padding-bottom: 14px;
&-title {
padding-bottom: 0;
}
&-subtitle {
padding-top: 5px;
padding-bottom: 1px;
}
> a:hover {
border-bottom-color: transparent !important;
@ -36,17 +43,19 @@ textarea {
}
.head-items {
text-align: center;
padding: 10px 0 15px 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
//margin-left: -10px;
//margin-right: -10px;
text-align: left;
max-width: 100%;
box-sizing: border-box;
//border-bottom: 1px $border-color solid;
//margin-bottom: $base-padding;
padding: 0 12px;
margin: 6px 0 12px;
}
a.head-item {
padding: 5px 9px;
margin: 3px;
}
a.head-item.is-selected {
background-color: $bg;
}
a.head-item:hover,
a.head-item:active {
@ -94,7 +103,6 @@ a.head-item:last-child > span {
padding: 0;
background: none;
text-align: left;
//@include no-underline();
> b { border-bottom: 1px $link-color-underline solid; }
> b:hover { border-bottom-color: $link-color-underline-hover; }
@ -109,8 +117,13 @@ a.head-item:last-child > span {
}
}
.page-content-inner {
padding-left: 15px;
padding-right: 15px;
}
.footer {
padding: 20px 0;
padding: 20px 15px;
&-left {
text-align: left;
@ -119,4 +132,4 @@ a.head-item:last-child > span {
clear: none;
text-align: right;
}
}
}

2
htdocs/scss/colors/dark.scss
View File

@ -32,6 +32,7 @@ $input-border-focused: lighten($input-border, 7%);
$input-bg: #30373b;
$border-color: #48535a;
$border-color-selected: #aaa;
$error-block-bg: #882b2b;
$error-block-fg: $fg;
@ -49,6 +50,7 @@ $pn-button-border: #92bae2;
$pn-button-current-text-color: $bg;
$head-items-separator: #5e6264;
$head-ic-hover-border: #83aad2;
$blog-ref-color: $dark-grey;
$blog-ref-color-hover: #8c9aab;

2
htdocs/scss/colors/light.scss
View File

@ -34,6 +34,7 @@ $input-border-focused: darken($input-border, 7%);
$input-bg: #f7f7f7;
$border-color: #e0e0e0;
$border-color-selected: #aaa;
$error-block-bg: #f9eeee;
$error-block-fg: #d13d3d;
@ -51,6 +52,7 @@ $pn-button-border: #92bae2;
$pn-button-current-text-color: $fg;
$head-items-separator: #d0d0d0;
$head-ic-hover-border: #83aad2;
$blog-ref-color: #888;
$blog-ref-color-hover: #6a88ab;

2
src/skins/foreignone/articles.twig
View File

@ -5,7 +5,7 @@
</div>
{% else %}
<div class="blog-expl">
{{ ("blog_expl_"~selected_lang)|lang|nl2br }}
{{ ("blog_expl_"~selected_lang)|lang|raw }}
</div>
<div class="blog-list">
<div class="blog-list-wrap">

21
src/skins/foreignone/header.twig
View File

@ -28,13 +28,20 @@
</div>
</div>
<div class="head-items">
<a class="head-item {% if render_options.head_sections == 'articles' %} is-selected{% endif %}" href="/articles/{% if render_options.articles_lang and render_options.articles_lang != 'en' %}?lang={{ render_options.articles_lang }}{% endif %}">articles</a>
<a class="head-item {% if render_options.head_sections == 'files' %} is-selected{% endif %}" href="/files/">files</a>
<a class="head-item {% if render_options.head_sections == 'wiki' %} is-selected{% endif %}" href="/wiki/">wiki</a>
<a class="head-item {% if render_options.head_sections == 'about' %} is-selected{% endif %}" href="/info/">about</a>
{% if is_admin %}
<a class="head-item is-ic" href="https://ic.4in1.ws">invisible college {{ svgInPlace('college_20') }}</a>
{% endif %}
<a class="head-item {% if render_options.head_section == 'articles' %} is-selected{% endif %}" href="/articles/{% if render_options.articles_lang and render_options.articles_lang != 'en' %}?lang={{ render_options.articles_lang }}{% endif %}">
articles
</a><a class="head-item {% if render_options.head_section == 'files' %} is-selected{% endif %}" href="/files/">
files
</a><a class="head-item {% if render_options.head_section == 'wiki' %} is-selected{% endif %}" href="/wiki/">
wiki
</a><a class="head-item {% if render_options.head_section == 'about' %} is-selected{% endif %}" href="/info/">
about
</a>
{%- if is_admin -%}
<a class="head-item is-ic" href="https://ic.4in1.ws">
invisible college {{ svgInPlace('college_20') }}
</a>
{%- endif -%}
</div>
</div>
</div>

4
src/strings/main.yaml
View File

@ -39,8 +39,8 @@ meta_files_mdf_description: "Searchable archive of all Mercure de France issues
meta_files_baconiana_description: "Searchable archive of Baconiana almanac."
# blog
blog_expl_en: "Here you can find new episodes of the \"4in1\" investigation that were published after book's initial release in 2022 and throughout the preparation of its 2nd edition and English translation in 2023.\n\nSince the main purpose of this section is publishing English translations of articles from the kiwi arXiv website, they appear here with a slight delay caused by the translation."
blog_expl_ru: "Здесь находятся новые эпизоды расследования, опубликованные после первоначального выхода книги «4в1» в 2022-м году и во время и после подготовки её 2-го издания и перевода его на английский язык в 2023-м.\n\nПоскольку основная цель этого раздела – публикация английских переводов статей с киви-архива, здесь они появляются с небольшой задержкой, этим переводом вызванной."
blog_expl_en: "<p>Here you can find new episodes of the \"4in1\" investigation that were published after book's initial release in 2022 and throughout the preparation of its 2nd edition and English translation in 2023.</p>"
blog_expl_ru: "<p>Здесь находятся новые эпизоды расследования, опубликованные после первоначального выхода книги «4в1» в 2022-м году и во время и после подготовки её 2-го издания и перевода его на английский язык в 2023-м.</p>"
blog_new_post: New post
blog_view_post: View post