Added banner

harvard-edge · Jun 19, 2024 · a674bf2 · a674bf2
1 parent 54082f5
commit a674bf2
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 33 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -46,8 +46,8 @@ book:
 
   page-navigation: true
   title: "Machine Learning Systems"
-  subtitle: "with TinyML"
-  abstract: "{{< var title.long >}} offers readers an entry point to understand machine learning (ML) systems by grounding concepts in applied ML. As the demand for efficient and scalable ML solutions grows, the ability to construct robust ML pipelines becomes increasingly crucial. This book aims to demystify the process of developing complete ML systems suitable for deployment, spanning key phases like data collection, model design, optimization, acceleration, security hardening, and integration, all from a systems perspective. The text covers a wide range of concepts relevant to general ML engineering across industries and applications, using TinyML as a pedagogical tool due to its universal accessibility. Readers will learn basic principles around designing ML model architectures, hardware-aware training strategies, performant inference optimization, and benchmarking methodologies. The book also explores crucial systems considerations in areas like reliability, privacy, responsible AI, and solution validation. Enjoy reading it!"
+  subtitle: "with tinyML"
+  abstract: "{{< var title.long >}} offers readers an entry point to understand machine learning (ML) systems by grounding concepts in applied ML. As the demand for efficient and scalable ML solutions grows, the ability to construct robust ML pipelines becomes increasingly crucial. This book aims to demystify the process of developing complete ML systems suitable for deployment, spanning key phases like data collection, model design, optimization, acceleration, security hardening, and integration, all from a systems perspective. The text covers a wide range of concepts relevant to general ML engineering across industries and applications, using TinyML as a pedagogical tool due to its global accessibility. Readers will learn basic principles around designing ML model architectures, hardware-aware training strategies, performant inference optimization, and benchmarking methodologies. The book also explores crucial systems considerations in areas like reliability, privacy, responsible AI, and solution validation. Enjoy reading it!"
 
   repo-url: https://github.com/harvard-edge/cs249r_book
   repo-branch: dev

diff --git a/github-button.html b/github-button.html
@@ -4,40 +4,55 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>GitHub Buttons</title>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap" rel="stylesheet">
     <script async defer src="https://buttons.github.io/buttons.js"></script>
+    <style>
+        body {
+            font-family: 'Nunito', sans-serif;
+        }
+        .iframe-container {
+            border: 2px solid #f0c040;
+            border-radius: 10px;
+            padding: 5px;
+            width: 90%;
+            max-width: 350px;
+            margin: 5px auto;
+            background-color: #f9f9f9;
+            display: block;
+            text-align: center;
+        }
+        .github-button {
+            margin-top: 5px;
+        }
+        h3 {
+            font-size: 14px; 
+            margin: 2px 0 8px 0; /* Add bottom margin to create space */
+        }
+        p {
+            font-size: 12px; 
+            margin: -6px 0;
+        }
+        .highlight {
+            font-weight: bold;
+            color: #e74c3c;
+        }
+    </style>
 </head>
 <body>
-    <!-- Star Button -->
-    <a class="github-button"
-       href="https://github.com/harvard-edge/cs249r_book"
-       data-icon="octicon-star"
-       data-size="large"
-       data-show-count="true"
-       aria-label="Star harvard-edge/cs249r_book on GitHub">
-        Star
-    </a>
-
-    <!-- Fork Button -->
-    <a class="github-button"
-       href="https://github.com/harvard-edge/cs249r_book/fork"
-       data-icon="octicon-repo-forked"
-       data-size="large"
-       data-show-count="true"
-       aria-label="Fork harvard-edge/cs249r_book on GitHub">
-        Fork
-    </a>
-
-    <!-- Watch Button -->
-    <a class="github-button"
-       href="https://github.com/buttons/github-buttons/subscription"
-       data-color-scheme="no-preference: light; light: light; dark: dark;"
-       data-icon="octicon-eye"
-       data-size="large"
-       data-show-count="true"
-       aria-label="Watch buttons/github-buttons on GitHub">
-        Watch
-    </a>
 
+    <div class="iframe-container">
+        <h3>🌟 Help Us Reach 1,000 Stars! 🌟</h3>
+        <p>For every 25 stars, <span class="highlight">Arduino and SEEED will each donate a <a href="https://store.arduino.cc/products/nicla-vision" target="_blank">NiclaVision</a> or <a href="https://www.seeedstudio.com/XIAO-ESP32S3-Sense-p-5639.html" target="_blank">XIAO ESP32E </a> </span> kit for AI education in the developing world. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<em>&nbsp;</em></p>
+        <!-- Star Button -->
+        <a class="github-button"
+        href="https://github.com/harvard-edge/cs249r_book"
+        data-icon="octicon-star"
+        data-show-count="true"
+        data-size="large"
+        aria-label="Star harvard-edge/cs249r_book on GitHub">
+            Star
+        </a>
+    </div>
 
 </body>
 </html>
diff --git a/index.qmd b/index.qmd
@@ -3,7 +3,7 @@ comments: false
 ---
 
 ```{=html}
-<iframe src="github-button.html" height="70"></iframe>
+<iframe src="github-button.html"></iframe>
 ```
 
 # Preface {.unnumbered}