Add focused GitHub star calls to action

Author: ejboy

howto/initialize-database.html

@@ -32,7 +32,7 @@
           <li><a href="../reference/index.html" aria-current="page">Documentation</a></li>
           <li><a href="../tutorial.html">Tutorial</a></li>
           <li><a href="../reference/drivers.html">Drivers</a></li>
-          <li><a href="https://github.com/scriptella/scriptella-etl">GitHub</a></li>
+          <li><a class="github-star-link" href="https://github.com/scriptella/scriptella-etl" aria-label="Star Scriptella on GitHub">★ Star on GitHub</a></li>
           <li><a href="../download.html">Download</a></li>
         </ul>
         <button class="theme-toggle" type="button" data-theme-toggle data-theme-current="system" aria-label="Color theme: System. Switch to Light." title="System theme — switch to Light">

howto/migrate-from-ant.html

@@ -32,7 +32,7 @@
           <li><a href="../reference/index.html" aria-current="page">Documentation</a></li>
           <li><a href="../tutorial.html">Tutorial</a></li>
           <li><a href="../reference/drivers.html">Drivers</a></li>
-          <li><a href="https://github.com/scriptella/scriptella-etl">GitHub</a></li>
+          <li><a class="github-star-link" href="https://github.com/scriptella/scriptella-etl" aria-label="Star Scriptella on GitHub">★ Star on GitHub</a></li>
           <li><a href="../download.html">Download</a></li>
         </ul>
         <button class="theme-toggle" type="button" data-theme-toggle data-theme-current="system" aria-label="Color theme: System. Switch to Light." title="System theme — switch to Light">

index.html

@@ -51,6 +51,7 @@ <h1 id="hero-title">Move data with the languages you already use</h1>
           <p class="hero__lede">Scriptella runs SQL and other scripts against multiple data sources from one small, readable ETL file. There is no visual designer, application server, or proprietary runtime to learn.</p>
           <div class="button-group">
             <a class="button" href="tutorial.html">Start the two-minute tutorial</a>
+            <a class="button button--github" href="https://github.com/scriptella/scriptella-etl">★ Star Scriptella on GitHub</a>
             <a class="button button--secondary" href="download.html">Download Scriptella</a>
           </div>
         </div>
@@ -129,6 +130,11 @@ <h2 id="getting-started-title">From download to first run</h2>
             <small>Explore syntax, integrations, and best practices.</small>
           </a>
         </div>
+        <aside class="github-prompt" aria-label="Support Scriptella">
+          <strong>Scriptella useful?</strong>
+          <p>Star it on GitHub to help other Java teams discover it.</p>
+          <a class="button button--github" href="https://github.com/scriptella/scriptella-etl">★ Star Scriptella on GitHub</a>
+        </aside>
       </section>
 
       <section id="News" class="release-note" aria-labelledby="news-title">

reference/drivers.html

@@ -32,7 +32,7 @@
           <li><a href="index.html">Documentation</a></li>
           <li><a href="../tutorial.html">Tutorial</a></li>
           <li><a href="drivers.html" aria-current="page">Drivers</a></li>
-          <li><a href="https://github.com/scriptella/scriptella-etl">GitHub</a></li>
+          <li><a class="github-star-link" href="https://github.com/scriptella/scriptella-etl" aria-label="Star Scriptella on GitHub">★ Star on GitHub</a></li>
           <li><a href="../download.html">Download</a></li>
         </ul>
         <button class="theme-toggle" type="button" data-theme-toggle data-theme-current="system" aria-label="Color theme: System. Switch to Light." title="System theme — switch to Light">

reference/index.html

@@ -32,7 +32,7 @@
           <li><a href="index.html" aria-current="page">Documentation</a></li>
           <li><a href="../tutorial.html">Tutorial</a></li>
           <li><a href="drivers.html">Drivers</a></li>
-          <li><a href="https://github.com/scriptella/scriptella-etl">GitHub</a></li>
+          <li><a class="github-star-link" href="https://github.com/scriptella/scriptella-etl" aria-label="Star Scriptella on GitHub">★ Star on GitHub</a></li>
           <li><a href="../download.html">Download</a></li>
         </ul>
         <button class="theme-toggle" type="button" data-theme-toggle data-theme-current="system" aria-label="Color theme: System. Switch to Light." title="System theme — switch to Light">

style.css

@@ -241,6 +241,23 @@ a:hover {
   color: var(--accent);
 }
 
+.primary-nav .github-star-link {
+  padding: 0.35rem 0.65rem;
+  color: var(--accent);
+  font-weight: 700;
+  border: 1px solid var(--accent);
+  border-radius: 999px;
+}
+
+.primary-nav .github-star-link::after {
+  display: none;
+}
+
+.primary-nav .github-star-link:hover {
+  color: var(--accent-contrast);
+  background: var(--accent);
+}
+
 .theme-toggle {
   display: inline-grid;
   flex: 0 0 auto;
@@ -856,6 +873,31 @@ th {
   border-color: var(--accent);
 }
 
+.button--github {
+  color: var(--accent);
+  background: transparent;
+  border-color: var(--accent);
+}
+
+.button--github:hover {
+  color: var(--accent-contrast);
+  background: var(--accent-hover);
+  border-color: var(--accent-hover);
+}
+
+.github-prompt {
+  margin-block: 2rem;
+  padding: 1.25rem;
+  background: var(--bg-raised);
+  border: 1px solid var(--border-strong);
+  border-inline-start: 3px solid var(--accent);
+  border-radius: var(--radius);
+}
+
+.github-prompt p {
+  margin-block: 0.35rem 1rem;
+}
+
 .site-footer {
   color: var(--text-muted);
   background: var(--bg-surface);

templates/docs-page.html

@@ -24,7 +24,7 @@
           <li><a href="../reference/index.html" aria-current="page">Documentation</a></li>
           <li><a href="../tutorial.html">Tutorial</a></li>
           <li><a href="../reference/drivers.html">Drivers</a></li>
-          <li><a href="https://github.com/scriptella/scriptella-etl">GitHub</a></li>
+          <li><a class="github-star-link" href="https://github.com/scriptella/scriptella-etl" aria-label="Star Scriptella on GitHub">★ Star on GitHub</a></li>
           <li><a href="../download.html">Download</a></li>
         </ul>
         <button class="theme-toggle" type="button" data-theme-toggle data-theme-current="system" aria-label="Color theme: System. Switch to Light." title="System theme — switch to Light">

tutorial.html

@@ -157,6 +157,11 @@ <h3 id="Supporting+several+SQL+dialects">Supporting several SQL dialects</h3>
      &lt;/script&gt;
 &lt;/etl&gt;</code></pre>
       <aside class="note"><strong>Note:</strong> See <a href="https://github.com/scriptella/scriptella-examples">Scriptella examples on GitHub</a> or <a href="download.html">download</a> Scriptella examples distribution.</aside>
+      <aside class="github-prompt" aria-label="Support Scriptella">
+        <strong>Scriptella useful?</strong>
+        <p>Star it on GitHub to help other Java teams discover it.</p>
+        <a class="button button--github" href="https://github.com/scriptella/scriptella-etl">★ Star Scriptella on GitHub</a>
+      </aside>
     </article>
   </main>