From 31320831684930a1b6430903b790d21075cda3da Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:06:50 -0500
Subject: [PATCH] add link to images

---
 attack-theme/static/style/_layouts.scss        |  3 +++
 modules/benefactors/templates/benefactors.html | 16 ++++++++++++----
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/attack-theme/static/style/_layouts.scss b/attack-theme/static/style/_layouts.scss
index 6d4dca68210..2bd146a2b53 100644
--- a/attack-theme/static/style/_layouts.scss
+++ b/attack-theme/static/style/_layouts.scss
@@ -1276,6 +1276,9 @@ div#sidebars {
 	padding: 0px !important;
 	height: 150px;
 	display: flex;
+	a {
+		display: contents;
+	}
 	img.sponsor-logo {
 		background-color: color(body);
 		border-radius: 6px;
diff --git a/modules/benefactors/templates/benefactors.html b/modules/benefactors/templates/benefactors.html
index e9f2fe98912..6117c796d27 100644
--- a/modules/benefactors/templates/benefactors.html
+++ b/modules/benefactors/templates/benefactors.html
@@ -76,7 +76,9 @@ <h4>ATT&CK Benefactors</h4>
 						<div class="row sponsor-list">
 							{% for n in range(5) %}
 							<div class="col-sm sponsor-square">
-								<img class="w-100 sponsor-logo p-3" id="sponsor-{{n}}" alt="Placeholder Image" src=""/>
+								<a href="" target="_blank">
+									<img class="w-100 sponsor-logo p-3" id="sponsor-{{n}}" alt="Placeholder Image" src=""/>
+								</a>
 							</div>
 						{% endfor %}
 						</div>
@@ -104,7 +106,10 @@ <h4>ATT&CK Benefactors</h4>
 		{
 			support: "Support 1",
 			sponsors: [
-				"/theme/images/benefactors/SOC-prime-logo.png",
+				{
+					logo: "/theme/images/benefactors/SOC-prime-logo.png",
+					url: "https://socprime.com/"
+				},
 			],
 		},
 	];
@@ -133,12 +138,15 @@ <h4>ATT&CK Benefactors</h4>
 		for (let colCounter = 0; colCounter < 5; colCounter++) {
 			if (colCounter < numCols) {
 				// update sponsor image
-				items[colCounter].src = sponsorSupport[rowCounter].sponsors[colCounter];
+				items[colCounter].src = sponsorSupport[rowCounter].sponsors[colCounter].logo;
+				items[colCounter].parentElement.href = sponsorSupport[rowCounter].sponsors[colCounter].url;
 			} else {
 				// hide placeholders
 				items[colCounter].style.display = 'none';
-				// hide parent element
+				// hide parent anchor element
 				items[colCounter].parentElement.style.display = 'none';
+				// hide outer parent div element
+				items[colCounter].parentElement.parentElement.style.display = 'none';
 			}
 		}
 		// bold support level