From de08117d926d104503a1959596b915747c386bb9 Mon Sep 17 00:00:00 2001 From: GuidoSchenone Date: Wed, 3 Dec 2025 08:05:57 -0500 Subject: [PATCH] Upload files to "redteam" --- redteam/config | 14 ++++++++++++++ redteam/description | 1 + redteam/index.html | 28 ++++++++++++++++++++++++++++ redteam/slider.js | 18 ++++++++++++++++++ redteam/style.css | 30 ++++++++++++++++++++++++++++++ 5 files changed, 91 insertions(+) create mode 100644 redteam/config create mode 100644 redteam/description create mode 100644 redteam/index.html create mode 100644 redteam/slider.js create mode 100644 redteam/style.css diff --git a/redteam/config b/redteam/config new file mode 100644 index 0000000..a1916c3 --- /dev/null +++ b/redteam/config @@ -0,0 +1,14 @@ +[core] + repositoryformatversion = 0 + filemode = false + bare = false + logallrefupdates = true + symlinks = false + ignorecase = true +[remote "origin"] + url = https://git.cypsec.de/GuidoSchenone/Red-Team-Ilustration-for-web.git + fetch = +refs/heads/*:refs/remotes/origin/* +[branch "main"] + remote = origin + merge = refs/heads/main + vscode-merge-base = origin/main diff --git a/redteam/description b/redteam/description new file mode 100644 index 0000000..498b267 --- /dev/null +++ b/redteam/description @@ -0,0 +1 @@ +Unnamed repository; edit this file 'description' to name the repository. diff --git a/redteam/index.html b/redteam/index.html new file mode 100644 index 0000000..e59d243 --- /dev/null +++ b/redteam/index.html @@ -0,0 +1,28 @@ + + + + + + Red-Team Slider + + + + +
+
+ Frame 1 + Frame 2 + Frame 3 + Frame 4 + Frame 5 + Frame 6 + Frame 6 +
+ + + +
+ + + + \ No newline at end of file diff --git a/redteam/slider.js b/redteam/slider.js new file mode 100644 index 0000000..53e8de4 --- /dev/null +++ b/redteam/slider.js @@ -0,0 +1,18 @@ +const track = document.getElementById('track'); +const box = document.getElementById('box'); +const slides = document.querySelectorAll('.slide'); +let idx = 0; + +function goTo(n){ + idx = (n + slides.length) % slides.length; + track.style.transform = `translateX(-${idx * 100}%)`; + + /* light blink */ + box.classList.add('swap'); + setTimeout(() => box.classList.remove('swap'), 250); +} + +function move(d){ goTo(idx + d); } + +/* auto-advance every 3 s */ +setInterval(() => move(1), 3000); \ No newline at end of file diff --git a/redteam/style.css b/redteam/style.css new file mode 100644 index 0000000..0e67d9b --- /dev/null +++ b/redteam/style.css @@ -0,0 +1,30 @@ +/* ---------- SQUARE BOX ---------- */ +.slider-box{ + position:relative; + width:320px; + height:320px; + border-radius:1.5rem; + overflow:hidden; /* keeps images inside */ + margin:0 auto; +} + +/* ---------- HORIZONTAL TRACK ---------- */ +.slides{ + display:flex; /* side-by-side */ + height:100%; + transition:transform .6s ease; +} + +/* ---------- EACH IMAGE ---------- */ +.slide{ + width:100%; /* 1 image = full box width */ + height:100%; + object-fit:cover; + flex-shrink:0; +} + +/* ---------- LIGHT BLINK ON SWAP ---------- */ +.slider-box.swap{ + box-shadow:0 0 20px 6px rgba(255,255,255,.35); + transition:box-shadow .25s; +} \ No newline at end of file