arles: add link to Arles' website in header (#35388)

static/arles/_custom.scss

@@ -55,6 +55,32 @@ div#header-wrapper {
 				}
 			}
 		}
+		div.arles-link {
+			margin: 0px 30px;
+			float: left;
+			@media only screen and (max-width: $small-screen) {
+				display: none;
+			}
+			@media only screen and (max-width: $mobile-limit) {
+				margin: 0;
+			}
+			a {
+				font-weight: normal;
+				display: inline-block;
+				padding: 0;
+				height: 21px;
+				color: #676767;
+				&::before {
+					content: ". | ";
+					font-family: arlesfont;
+					font-size: 25px;
+					vertical-align: middle;
+				}
+				&:hover {
+					color: #003362
+				}
+			}
+		}
 	}
 	div#header {
 		padding: 0;

templates/variants/arles/theme.html

@@ -2,6 +2,11 @@
 {% block header-pre %}
 <div class="pre-header">
   <div id="toplinks">
+    {% if arles_link and arles_link_title %}
+    <div class="arles-link">
+      <a href="{{ arles_link }}">{{ arles_link_title }}</a>
+    </div>
+    {% endif %}
     {% block user-info %}
     {% if user.is_authenticated %}
     <span class="logged-in">