Compare commits

..

5 Commits

Author SHA1 Message Date
6961052372 UI: fix link colors inside markdown-notices 2025-10-11 21:56:40 +02:00
c82b53b147 doc 2025-10-11 12:39:28 +02:00
afe7421e57 fix spacing 2025-09-28 19:08:55 +02:00
eb8f8485ca fix spaces & raw content 2025-09-28 19:04:56 +02:00
9408e214d3 add separator 2025-09-28 19:03:13 +02:00
4 changed files with 45 additions and 25 deletions

View File

@@ -4,11 +4,11 @@ Grav CMS theme for my personal website
## License info ## License info
Paxover is not basically designed for public use (I developed it for my personal needs), but it's not prohibited. You must be aware that Paxover doesn't work like popular Grav themes, where you can configure everything at settings; some pages are created rigidly in templates (of course, you can modify them). It's distributed under the MIT license. [Full text](https://codeberg.org/tymoteuszjozwiak/paxover/src/branch/master/LICENSE). Paxover is not basically designed for public use (I developed it for my personal needs), but it's not prohibited. You must be aware that Paxover doesn't work like popular Grav themes, where you can configure everything at settings; some pages are created rigidly in templates (of course, you can modify them). It's distributed under the MIT license. [Full text](https://git.jozwiak.top/tymoteusz/paxover/src/branch/master/LICENSE).
## Installation ## Installation
GPM installation is not supported. To install Paxover, [download the zip version of this repository](https://codeberg.org/tymoteuszjozwiak/paxover/archive/master.zip) and unzip it under `/your-site-path/user/themes`. Then, rename the folder to `paxover`. You'll need only to enable Paxover in your Admin Panel settings or change enabled value to `true` under `/your-site-path/user/config/themes/paxover.yaml`. GPM installation is not supported. To install Paxover, [download the zip version of this repository](https://git.jozwiak.top/tymoteusz/paxover/archive/master.zip) and unzip it under `/your-site-path/user/themes`. Then, rename the folder to `paxover`. You'll need only to enable Paxover in your Admin Panel settings or change enabled value to `true` under `/your-site-path/user/config/themes/paxover.yaml`.
## Custom images ## Custom images

View File

@@ -9,7 +9,8 @@
--card-shadow-color: #00000033; --card-shadow-color: #00000033;
} }
.btn, button { .btn,
button {
border: none; border: none;
} }
@@ -27,7 +28,8 @@
--card-shadow-color: #1f2223; --card-shadow-color: #1f2223;
} }
.btn, button { .btn,
button {
border: 0.001rem solid var(--txt-color); border: 0.001rem solid var(--txt-color);
} }
} }
@@ -72,6 +74,18 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
.notices a {
color: inherit;
text-decoration: underline;
font-weight: inherit;
}
.notices a:hover,
.notices a:focus {
color: inherit;
text-decoration: underline;
}
.bx { .bx {
vertical-align: middle; vertical-align: middle;
} }
@@ -118,6 +132,7 @@ a:hover {
.btn:hover { .btn:hover {
text-decoration: none; text-decoration: none;
} }
.btn { .btn {
font-weight: 700; font-weight: 700;
transition: all 0.25s; transition: all 0.25s;
@@ -175,12 +190,13 @@ a:hover {
background-color: #0986c9; background-color: #0986c9;
} }
form input, form button { form input,
form button {
font-family: "Atkinson Hyperlegible", sans-serif !important; font-family: "Atkinson Hyperlegible", sans-serif !important;
font-size: 1.5rem; font-size: 1.5rem;
min-height: 3rem; min-height: 3rem;
} }
form input { form input {
min-height: 3rem; min-height: 3rem;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
@@ -191,7 +207,7 @@ form input {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--txt-color); color: var(--txt-color);
} }
form button { form button {
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
@@ -202,11 +218,11 @@ form button {
background-color: #00f; background-color: #00f;
color: var(--btn-txt-color); color: var(--btn-txt-color);
} }
form button:hover { form button:hover {
background-color: #00d; background-color: #00d;
} }
form .annotation { form .annotation {
margin: 0; margin: 0;
} }
@@ -249,7 +265,8 @@ form .annotation {
text-decoration: none; text-decoration: none;
} }
.card-link:hover .post-title, .card-link:hover .post-details { .card-link:hover .post-title,
.card-link:hover .post-details {
transition: color 0.3s ease; transition: color 0.3s ease;
color: var(--hover-color); color: var(--hover-color);
} }
@@ -395,8 +412,8 @@ em {
nav { nav {
margin-top: 3rem; margin-top: 3rem;
font-size: 1.6em; font-size: 1.6em;
} }
nav a, nav a,
nav a:focus, nav a:focus,
nav a:hover { nav a:hover {
@@ -443,15 +460,15 @@ nav .nav-btn {
} }
.cta { .cta {
font-size:1.1rem; font-size: 1.1rem;
line-height: 1.5rem; line-height: 1.5rem;
height: 3.1rem; height: 3.1rem;
} }
.cta a { .cta a {
display: block; display: block;
} }
.profile { .profile {
margin-top: 15%; margin-top: 15%;
} }
@@ -482,7 +499,8 @@ nav .nav-btn {
max-width: 55%; max-width: 55%;
} }
form input, form button { form input,
form button {
font-size: 1rem; font-size: 1rem;
} }
@@ -518,4 +536,4 @@ nav .nav-btn {
margin-bottom: 15%; margin-bottom: 15%;
font-size: 1.4rem; font-size: 1.4rem;
} }
} }

View File

@@ -4,10 +4,11 @@
{% set year = theme_config.footer.year ~ "-" ~ "now"|date("y") %} {% set year = theme_config.footer.year ~ "-" ~ "now"|date("y") %}
{% endif %} {% endif %}
<span class="footer-copyright"> <span class="footer-copyright">
&copy; {{ year }} {% if theme_config.footer.info_en is defined and theme_config.footer.info_en is not empty %}
{% if theme_config.footer.info_en is defined and theme_config.footer.info_en is not empty %} &copy;&nbsp;{{ year }}&nbsp;|&nbsp;{{ theme_config.footer.info_en|raw }}
{{ theme_config.footer.info_en }} {% else %}
{% endif %} &copy;&nbsp;{{ year }}
{% endif %}
</span> </span>
<span class="footer-link"> <span class="footer-link">
<a href="{{ theme_config.footer.url }}">{{ theme_config.footer.title_en }}</a> <a href="{{ theme_config.footer.url }}">{{ theme_config.footer.title_en }}</a>

View File

@@ -4,10 +4,11 @@
{% set year = theme_config.footer.year ~ "-" ~ "now"|date("y") %} {% set year = theme_config.footer.year ~ "-" ~ "now"|date("y") %}
{% endif %} {% endif %}
<span class="footer-copyright"> <span class="footer-copyright">
&copy; {{ year }} {% if theme_config.footer.info is defined and theme_config.footer.info is not empty %}
{% if theme_config.footer.info is defined and theme_config.footer.info is not empty %} &copy;&nbsp;{{ year }}&nbsp;|&nbsp;{{ theme_config.footer.info|raw }}
{{ theme_config.footer.info }} {% else %}
{% endif %} &copy;&nbsp;{{ year }}
{% endif %}
</span> </span>
<span class="footer-link"> <span class="footer-link">
<a href="{{ theme_config.footer.url }}">{{ theme_config.footer.title }}</a> <a href="{{ theme_config.footer.url }}">{{ theme_config.footer.title }}</a>