Add sponsors logo

documentation/assets/css/v4.css

@@ -103,13 +103,22 @@ body.has-banner #top-banner {
 /* Sponsors */
 
 .sponsor-logo {
- opacity: .5;
+ opacity: .75;
  text-decoration: none;
  transition: opacity .25s ease;
  margin-bottom: 20px;
 }
 
-.sponsor-logo:hover {
+a.sponsor-logo:hover {
+ text-decoration: none;
+}
+
+.sponsor-placeholder {
+ opacity: .25;
+}
+
+.sponsor-logo:hover,
+.sponsor-placeholder img {
  opacity: 1;
 }
 
@@ -125,7 +134,7 @@ body.has-banner #top-banner {
  color: #FFF;
  font-family: "InputMono", "Courier New", Courier, monospace;
  font-weight: bold;
- font-size: 10px;
+ font-size: 11px;
  text-align: center;
  letter-spacing: -.075em;
 }
@@ -166,7 +175,12 @@ body.has-banner #top-banner {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
- justify-content: space-between;
+ justify-content: center;
+}
+
+#home-sponsors-list .sponsor-logo {
+ margin-left: 16px;
+ margin-right: 16px;
 }
 
 @media (max-width: 739px) {

documentation/index.html

@@ -4188,27 +4188,11 @@ <h2><span></span></h2>
  <a target="_blank" href="https://github.com/sponsors/juliangarnier"><h2>Sponsors</h2></a>
  </header>
  <div id="docs-sponsors-list">
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
+ <a class="sponsor-logo" target="_blank" href="https://huly.io">
+ <img src="assets/sponsors/huly-logomark.svg" />
+ <span class="sponsor-name">Huly</span>
  </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
+ <a class="sponsor-logo sponsor-placeholder" target="_blank" href="https://github.com/sponsors/juliangarnier">
  <img src="assets/img/sponsor-logo.png" />
  <span class="sponsor-name">Your logo here</span>
  </a>

index.html

@@ -152,27 +152,11 @@
  Powered by
  </p>
  <div id="home-sponsors-list">
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="documentation/assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="documentation/assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="documentation/assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="documentation/assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
- </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
- <img src="documentation/assets/img/sponsor-logo.png" />
- <span class="sponsor-name">Your logo here</span>
+ <a class="sponsor-logo" target="_blank" href="https://huly.io">
+ <img src="documentation/assets/sponsors/huly-logomark.svg" />
+ <span class="sponsor-name">Huly</span>
  </a>
- <a class="sponsor-logo" target="_blank" href="https://github.com/sponsors/juliangarnier">
+ <a class="sponsor-logo sponsor-placeholder" target="_blank" href="https://github.com/sponsors/juliangarnier">
  <img src="documentation/assets/img/sponsor-logo.png" />
  <span class="sponsor-name">Your logo here</span>
  </a>