From 240810d517156273a4c1530ab81b1dcc71de71a7 Mon Sep 17 00:00:00 2001
From: Vincent Latombe <vincent@latombe.net>
Date: Tue, 5 Sep 2023 09:29:01 +0200
Subject: [PATCH] Add branding to login screen

This demonstrates branding of the login/register screen made possible via https://github.com/jenkinsci/jenkins/pull/8462
---
 pom.xml                                       |  2 +-
 .../DesignLibrarySimplePageDecorator.java     |  8 +++++
 .../simple-branding.jelly                     | 31 +++++++++++++++++++
 src/main/webapp/css/branding.css              | 14 +++++++++
 src/main/webapp/images/design-library.svg     |  8 +++++
 5 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 src/main/java/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator.java
 create mode 100644 src/main/resources/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator/simple-branding.jelly
 create mode 100644 src/main/webapp/css/branding.css
 create mode 100644 src/main/webapp/images/design-library.svg

diff --git a/pom.xml b/pom.xml
index da4eb1a8..ca5961ff 100644
--- a/pom.xml
+++ b/pom.xml
@@ -44,7 +44,7 @@ THE SOFTWARE.
     <properties>
         <changelist>999999-SNAPSHOT</changelist>
         <gitHubRepo>jenkinsci/design-library-plugin</gitHubRepo>
-        <jenkins.version>2.415</jenkins.version>
+        <jenkins.version>2.422-rc34164.1202c5b_f2391</jenkins.version>
         <node.version>18.17.1</node.version>
         <npm.version>9.8.1</npm.version>
     </properties>
diff --git a/src/main/java/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator.java b/src/main/java/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator.java
new file mode 100644
index 00000000..69334cc8
--- /dev/null
+++ b/src/main/java/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator.java
@@ -0,0 +1,8 @@
+package io.jenkins.plugins.designlibrary;
+
+import hudson.Extension;
+import jenkins.model.SimplePageDecorator;
+
+@Extension
+public class DesignLibrarySimplePageDecorator extends SimplePageDecorator {
+}
diff --git a/src/main/resources/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator/simple-branding.jelly b/src/main/resources/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator/simple-branding.jelly
new file mode 100644
index 00000000..fd7a55fc
--- /dev/null
+++ b/src/main/resources/io/jenkins/plugins/designlibrary/DesignLibrarySimplePageDecorator/simple-branding.jelly
@@ -0,0 +1,31 @@
+<!--
+The MIT License
+
+Copyright (c) 2023, CloudBees, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+-->
+<?jelly escape-by-default='true'?>
+<j:jelly xmlns:j="jelly:core">
+  <link rel="stylesheet" href="${resURL}/plugin/design-library/css/branding.css" type="text/css" />
+  <section class="app-sign-in-register__branding">
+    <div class="jdl-branding"></div>
+    <img src="${resURL}/plugin/design-library/images/design-library.svg" alt="${%logo}"/>
+  </section>
+</j:jelly>
diff --git a/src/main/webapp/css/branding.css b/src/main/webapp/css/branding.css
new file mode 100644
index 00000000..f721aacd
--- /dev/null
+++ b/src/main/webapp/css/branding.css
@@ -0,0 +1,14 @@
+.jdl-branding {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: linear-gradient(
+    99.6deg,
+    rgb(112, 128, 152) 10.6%,
+    rgb(242, 227, 234) 32.9%,
+    rgb(234, 202, 213) 52.7%,
+    rgb(220, 227, 239) 72.8%,
+    rgb(185, 205, 227) 81.1%,
+    rgb(154, 180, 212) 102.4%
+  );
+}
diff --git a/src/main/webapp/images/design-library.svg b/src/main/webapp/images/design-library.svg
new file mode 100644
index 00000000..ce8be897
--- /dev/null
+++ b/src/main/webapp/images/design-library.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="480px" height="432px" viewBox="0 0 467 432" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g transform="translate(2.000000, 0.000000)" stroke="currentColor" stroke-width="32">
+            <path d="M269.912539,272 L34.0874613,272 C23.0417663,272 14.0874613,263.045695 14.0874613,252 C14.0874613,248.584219 14.9623005,245.225357 16.6285916,242.243573 L134.54113,31.2421878 C139.929456,21.5999203 152.11416,18.1514194 161.756427,23.5397453 C164.987105,25.3451244 167.653491,28.0115094 169.45887,31.2421878 L287.371408,242.243573 C292.759734,251.88584 289.311233,264.070544 279.668966,269.45887 C276.687182,271.125161 273.32832,272 269.912539,272 Z M233.32,146.51 C289.978733,114.59048 360.999844,124.606719 406.620896,170.950946 C452.241948,217.295174 461.140058,288.46502 428.33346,344.614774 C395.526862,400.764529 329.157965,427.958146 266.384581,410.970793 C203.611198,393.983441 160.013321,337.031282 160,272"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file