From 6e2190b27904f1840d426faff2f6c13db251b608 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Tue, 15 Aug 2023 20:47:45 +0100
Subject: [PATCH] Init
---
.../model/ManageJenkinsAction/index.jelly | 10 +
war/src/main/js/pages/manage-jenkins/index.js | 27 ++
war/src/main/scss/styles.scss | 45 +++
.../main/webapp/images/svgs/logo-jenkins.svg | 271 ++++++++++++++++++
war/src/main/webapp/images/svgs/logo.svg | 228 +--------------
5 files changed, 355 insertions(+), 226 deletions(-)
create mode 100644 war/src/main/webapp/images/svgs/logo-jenkins.svg
diff --git a/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly b/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly
index a345052bc588..060da4d55840 100644
--- a/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly
+++ b/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly
@@ -38,6 +38,16 @@ THE SOFTWARE.
+
+
+
+
+
+
+
+
Jenkins
+
+
diff --git a/war/src/main/js/pages/manage-jenkins/index.js b/war/src/main/js/pages/manage-jenkins/index.js
index 43d780a94828..cfcac9f30fa2 100644
--- a/war/src/main/js/pages/manage-jenkins/index.js
+++ b/war/src/main/js/pages/manage-jenkins/index.js
@@ -11,3 +11,30 @@ searchBarInput.suggestions = function () {
}))
.filter((item) => !item.url.endsWith("#"));
};
+
+const booter = document.querySelector(".booter");
+const img = document.querySelector(".booter img");
+
+document.addEventListener("mousemove", parallax);
+function parallax(event) {
+ this.querySelectorAll(".mouse").forEach((shift) => {
+ const position = shift.getAttribute("value");
+
+ const half = window.innerWidth / 2;
+ const posFromHalf = (half - event.pageX) * -1;
+ const offsetX = posFromHalf / half;
+
+
+ const halfY = window.innerHeight / 2;
+ const posYFromHalf = (halfY - event.pageY) * -1;
+ const offsetY = posYFromHalf / halfY;
+
+ const x = position * offsetX;
+ const y = position * offsetY;
+
+ shift.style.setProperty('--shadow-offset-x', x + 'px');
+ shift.style.setProperty('--shadow-offset-y', y + 'px');
+ shift.style.translate = `${x}px ${y}px`;
+ shift.style.rotate = `${x}deg`;
+ });
+}
diff --git a/war/src/main/scss/styles.scss b/war/src/main/scss/styles.scss
index adc93d746d24..fe2437771015 100644
--- a/war/src/main/scss/styles.scss
+++ b/war/src/main/scss/styles.scss
@@ -51,3 +51,48 @@
@use "./pages/plugin-manager";
@use "./pages/setupWizardFirstUser";
@use "./pages/setupWizardConfigureInstance";
+
+.booter {
+ position: fixed;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: white;
+ z-index: 1000;
+
+ h1 {
+ font-size: 1.25rem;
+ margin: 0;
+ position: absolute;
+ bottom: calc(var(--section-padding) * 2);
+ font-family: "Georgia", serif;
+ font-weight: 600;
+ color: var(--text-color-secondary);
+ }
+
+ .logotings {
+ display: grid;
+ align-items: center;
+ justify-content: center;
+ //border: 5px solid red;
+ }
+
+ .jenkinscircle {
+ width: 100%;
+ aspect-ratio: 1;
+ background: #d33833;
+ border: 3px solid #231f20;
+ box-shadow: inset 3px 3px 0 #ef3d3a;
+ border-radius: 100%;
+ grid-column: 1;
+ grid-row: 1;
+ }
+
+ img {
+ width: auto;
+ height: 140px;
+ grid-column: 1;
+ grid-row: 1;
+ }
+}
diff --git a/war/src/main/webapp/images/svgs/logo-jenkins.svg b/war/src/main/webapp/images/svgs/logo-jenkins.svg
new file mode 100644
index 000000000000..3c816d904b0c
--- /dev/null
+++ b/war/src/main/webapp/images/svgs/logo-jenkins.svg
@@ -0,0 +1,271 @@
+
+
+
+
diff --git a/war/src/main/webapp/images/svgs/logo.svg b/war/src/main/webapp/images/svgs/logo.svg
index b03debffa192..8aec2d0b8ad0 100644
--- a/war/src/main/webapp/images/svgs/logo.svg
+++ b/war/src/main/webapp/images/svgs/logo.svg
@@ -50,234 +50,10 @@
transform="matrix(1.25,0,0,-1.25,0,312)">
\ No newline at end of file
+ inkscape:connector-curvature="0" />