Move inline css to assets

geteduroam · Jan 9, 2025 · e1c2072 · e1c2072
1 parent 35679bc
commit e1c2072
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/assets/_custom.scss b/assets/_custom.scss
@@ -81,3 +81,16 @@ ul.download-buttons a {
 	padding: .5rem 1.5rem .1rem 2.5rem;
 	font-weight: bold;;
 }
+
+.sponsors {
+	display: flex;
+	gap: 10px;
+	align-items: center;
+}
+.sponsors img {
+	max-height: 40px;
+	width: auto;
+}
+.sponsors img.opaque {
+	background: white;
+}
diff --git a/content/_index.html b/content/_index.html
@@ -16,12 +16,12 @@ <h1 class="landing-title">geteduroam
 
 <p>geteduroam is a project to <strong><a href="about/goals/">simplify the process of connecting to eduroam</a></strong> for end users</p>
 
-<div style="display: flex; gap: 10px; align-items: center;">
-<img src="sponsors/nordunet.png" style="max-height: 40px; width: auto;" alt="NORDUnet-logo">
-<img src="sponsors/deic.svg" style="max-height: 40px; width: auto;" alt="DeiC-logo">
-<img src="sponsors/surf.svg" style="max-height: 40px; width: auto;" alt="SURF-logo">
-<img src="sponsors/geant.svg" style="background:#fff;max-height: 40px; width: auto;" alt="GEANT-logo">
-<img src="sponsors/govroam.png" style="max-height: 40px; width: auto;" alt="govroam-logo">
-<img src="sponsors/ias.png" style="max-height: 40px; width: auto;" alt="IAS-logo">
-<img src="sponsors/co-funded-eu.svg" style="background:#fff;max-height: 40px; width: auto;" alt="Co-funded by the European Union-logo">
+<div class="sponsors">
+<img src="sponsors/nordunet.png" alt="NORDUnet-logo">
+<img src="sponsors/deic.svg" alt="DeiC-logo">
+<img src="sponsors/surf.svg" alt="SURF-logo">
+<img src="sponsors/geant.svg" alt="GEANT-logo" class="opaque">
+<img src="sponsors/govroam.png" alt="govroam-logo">
+<img src="sponsors/ias.png" alt="IAS-logo">
+<img src="sponsors/co-funded-eu.svg" alt="Co-funded by the European Union-logo" class="opaque">
 </div>