Adding Epsagon and Carbon sponsors

Gemfile.lock

@@ -69,7 +69,7 @@ DEPENDENCIES
   minima (~> 2.0)
 
 RUBY VERSION
-   ruby 2.4.1p111
+   ruby 2.4.0p0
 
 BUNDLED WITH
-   1.15.4
+   1.17.1

README.md

@@ -92,6 +92,10 @@ We are looking for a better way to generate the PDF (and other eBook) formats. I
 
 ## Sponsors
 
+<a target="_blank" href="https://epsagon.com">
+  <img height="60" alt="Epsagon" src="https://raw.githubusercontent.com/AnomalyInnovations/serverless-stack-com/blob/master/assets/sponsors/epsagon.png" />
+</a>
+
 [**Sponsor Serverless Stack on GitHub**](https://github.com/sponsors/jayair) if you've found this guide useful or would like to be an official supporter. [A big thanks to our supporters](https://serverless-stack.com/sponsors.html)!
 
 ## Maintainers

_data/sponsors.yml

@@ -0,0 +1,17 @@
+list:
+#  - link: "https://seed.run"
+#    alt: "A fully-managed CI/CD pipeline for Serverless"
+#    image: "/assets/sponsors/seed-serverless-ci-cd.png"
+#    width: 435
+  - link: "https://epsagon.com/?utm_source=Advertisement&utm_medium=ServerlessStack&utm_campaign=ServerlessStack-Campaign1&utm_content=BannerA"
+    alt: "Automated tracing for cloud microservices"
+    image: "/assets/sponsors/epsagon-banner-a.png"
+    width: 420
+  - link: "https://epsagon.com/?utm_source=Advertisement&utm_medium=ServerlessStack&utm_campaign=ServerlessStack-Campaign1&utm_content=BannerB"
+    alt: "Automated tracing for cloud microservices"
+    image: "/assets/sponsors/epsagon-banner-b.png"
+    width: 420
+  - link: "https://epsagon.com/?utm_source=Advertisement&utm_medium=ServerlessStack&utm_campaign=ServerlessStack-Campaign1&utm_content=BannerC"
+    alt: "Automated tracing for cloud microservices"
+    image: "/assets/sponsors/epsagon-banner-c.png"
+    width: 420

_includes/post-sidebar.html

@@ -31,4 +31,6 @@
   {% include toc-sidebar.html items=site.data.chapterlist.extra-backend id="extra-backend" page_en_url=include.page_en_url %}
   {% include toc-sidebar.html items=site.data.chapterlist.extra-frontend id="extra-frontend" page_en_url=include.page_en_url %}
 
+  <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7DP5QU&placement=serverless-stackcom" id="_carbonads_js"></script>
+
 </aside>

_includes/post-sponsor.html

@@ -0,0 +1,7 @@
+<div class="post-sponsor">
+  <p><a href="/sponsors.html">Sponsor Serverless Stack</a></p>
+  {% assign data = site.data.sponsors.list || sample %}
+  <a target="_blank" href="{{ data.link }}">
+    <img width="{{ data.width }}" alt="{{ data.alt }}" src="{{ data.image }}" />
+  </a>
+</div>

_layouts/post.html

@@ -61,10 +61,7 @@ <h1 class="post-title">{{ page.title | escape }}</h1>
 
       </div>
 
-      <div class="post-sponsor">
-        <p><a href="/sponsors.html">Sponsor Serverless Stack</a></p>
-        <a target="_blank" href="https://seed.run"><img width="435" alt="A fully-managed CI/CD pipeline for Serverless" src="/assets/seed-serverless-ci-cd.png" /></a>
-      </div>
+      {% include post-sponsor.html %}
 
       <div class="extras">
         <div class="container">

_sass/theme/_layout.scss

@@ -548,6 +548,14 @@
   margin-bottom: $spacing-unit;
   text-align: center;
 
+  @include media-query($on-laptop) {
+    margin-bottom: $spacing-unit / 2;
+  }
+
+  img {
+    border-radius: 4px;
+  }
+
   p {
     color: $tertiary-text-color;
     font-size: 14px;

assets/main.scss

@@ -363,3 +363,55 @@ table.cost-table {
     background-color: lighten($grey-color-light, 10%);
   }
 }
+
+/**
+ * Carbon Ads
+ */
+#carbonads {
+  margin-top: $spacing-unit;
+  display: flex;
+  max-width: 130px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#carbonads a {
+  color: $text-color;
+  text-decoration: none;
+}
+
+#carbonads a:hover {
+  color: $text-color;
+}
+
+.carbon-img {
+  display: block;
+  margin-bottom: 8px;
+  max-width: 130px;
+  line-height: 1;
+}
+
+.carbon-img img {
+  display: block;
+  margin: 0 auto;
+  max-width: 130px;
+  width: 130px;
+  height: auto;
+}
+
+.carbon-text {
+  display: block;
+  text-align: left;
+  line-height: 1.35;
+}
+
+.carbon-poweredby {
+  display: block;
+  padding: 10px 0;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  font-weight: 600;
+  font-size: 8px;
+  line-height: 0;
+}

sponsors.md

@@ -25,6 +25,10 @@ Serverless Stack is written and maintained by [Frank Wang](https://github.com/fw
 
 ## Gold Sponsors
 
+<a target="_blank" href="https://epsagon.com">
+  <img height="60" alt="Epsagon" src="/assets/sponsors/epsagon.png" />
+</a>
+
 Your **banner** will be placed on **ALL** the chapters of the guide. And your **company logo** and link will be placed here. [Contact us if you'd like to be a Gold Sponsor](mailto:{{ site.email }}).
 
 <br />