UI: fix link colors inside markdown-notices

README.md

@@ -4,11 +4,11 @@ Grav CMS theme for my personal website
 
 ## 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
 
-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
 

blueprints.yaml

@@ -205,6 +205,20 @@ form:
             size: medium
             default: "2022"
 
+        footer.info:
+            type: text
+            label: Footer info
+            help: Additional info displayed in footer
+            size: medium
+            default: "Made with ♥️ by Tymoteusz Jóźwiak"
+
+        footer.info_en:
+            type: text
+            label: Footer info [EN]
+            help: English translation of additional info displayed in footer
+            size: medium
+            default: "Made with ♥️ by Tymoteusz Jóźwiak"
+
         analytics:
             type: textarea
             label: Analytics script

css/style.css

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

paxover.yaml

@@ -19,6 +19,8 @@ footer:
     title_en:
     url:
     year:
+    info:
+    info_en:
 hashover:
     domain:
     title:

templates/en/partials/footer.html.twig

@@ -3,7 +3,13 @@
 {% else %}
     {% set year = theme_config.footer.year ~ "-" ~ "now"|date("y") %}
 {% endif %}    
-<span class="footer-copyright">&copy; {{ year }}</span>
+<span class="footer-copyright">
+{% 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 }}
+{% else %}
+&copy;&nbsp;{{ year }}
+{% endif %}
+</span>
 <span class="footer-link">
     <a href="{{ theme_config.footer.url }}">{{ theme_config.footer.title_en }}</a>
 </span>

templates/partials/footer.html.twig

@@ -3,7 +3,13 @@
 {% else %}
     {% set year = theme_config.footer.year ~ "-" ~ "now"|date("y") %}
 {% endif %}    
-<span class="footer-copyright">&copy; {{ year }}</span>
+<span class="footer-copyright">
+{% 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 }}
+{% else %}
+&copy;&nbsp;{{ year }}
+{% endif %}
+</span>
 <span class="footer-link">
     <a href="{{ theme_config.footer.url }}">{{ theme_config.footer.title }}</a>
 </span>