Add sponsors page

_pages/sponsors.md

@@ -1,13 +1,104 @@
 ---
 title: Sponsors
-layout: archive
+layout: single
 permalink: /sponsors/
-author_profile: false
 sidebar: false
-read_time: false
-share: true
-comments: false
+toc: true
+toc_sticky: true
+toc_label: " Sponsorship Tier"
+diamond:
+  - url: https://www.capitalone.com/
+    image_path: /assets/images/logos/capital-one.jpeg
+    alt: Capital One
+    title: Capital One
+platinum:
+  - url: https://www.baidu.com/
+    image_path: /assets/images/logos/Baidu.png
+    alt: Baidu
+    title: Baidu
+  - url: https://www.grammarly.com/
+    image_path: /assets/images/logos/Grammarly.png
+    alt: Grammarly
+    title: Grammarly
+  - url: https://www.kensho.com/
+    image_path: /assets/images/logos/Kensho.jpeg
+    alt: Kensho
+    title: Kensho
+  - url: https://megagon.ai
+    image_path: /assets/images/logos/Megagon.png
+    alt: Megagon
+    title: Megagon
+  - url: https://otter.ai/
+    image_path: /assets/images/logos/otter-ai.png
+    alt: Otter.ai
+    title: Otter.ai
+gold:
+  - url: https://machinelearning.apple.com
+    image_path: /assets/images/logos/Apple.png
+    alt: Apple
+    title: Apple
+  - url: https://www.bloomberg.com/
+    image_path: /assets/images/logos/Bloomberg.png
+    alt: Bloomberg
+    title: Bloomberg
+  - url: https://www.twosigma.com/
+    image_path: /assets/images/logos/TwoSigma.jpeg
+    alt: Two Sigma
+    title: Two Sigma
+bronze:
+  - url: https://research.adobe.com/
+    image_path: /assets/images/logos/Adobe.png
+    alt: Adobe
+    title: Adobe
 ---
 
+NAACL 2024 is extremely grateful to all sponsors, who are listed below. 
+We simply couldn't run the conference without the help of these generous organizations. 
+We thank them sincerely for their ongoing support of the NLP/CL community.
+
+If your organization would like to sponsor NAACL or other conferences in the ACL family, 
+please refer to our [**Sponsorship Booklet**](/downloads/Sponsorship-2024-booklet.pdf) 
+for information about sponsorship rates and benefits. 
+For any questions regarding sponsorship, please email [[email protected]](mailto:[email protected] ). 
+
+<style>
+.sponsors-list { justify-content: flex-start; }
+.sponsors-list > a {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  background-color: #fff;
+  border: 1px solid #d3d3d3;
+  border-radius: 5px;
+  align-items: center;
+  margin: 0.2em;
+  padding: 0.5em;
+  text-align: center;
+}
+.sponsors-list a { text-decoration: none; }
+.sponsors-list > a > .dummy-padding { margin-top: 100%; }
+.sponsors-list > a > img { margin: 0; }
+.sponsors-list > a:hover { box-shadow: 0 0 10px #00000044; }
+.sponsors-list > a:hover > img { box-shadow: none !important; }
+</style>
+
+## Diamond
+
+{% include sponsors-list id="diamond" layout="third" %}
+
+## Platinum
+
+{% include sponsors-list id="platinum" layout="third" %}
+
+## Gold
+
+{% include sponsors-list id="gold" layout="third" %}
+
+## Silver
+
+{% include sponsors-list id="silver" layout="third" %}
+
+## Bronze
+
+{% include sponsors-list id="bronze" layout="third" %}
 
-This is the [sponsorship brochure]().