chore: Webpage minimal styling.

README.md

@@ -27,5 +27,5 @@ Get in touch [[email protected]](mailto:[email protected])
 Explore the [Rhinoverse](https://rhinoverse.dev) - a family of R packages built around [Rhino](https://appsilon.github.io/rhino/)!
 
 <a href = "https://appsilon.us16.list-manage.com/subscribe?u=c042d7c0dbf57c5c6f8b54598&id=870d5bfc05" target="_blank">
-  <img src="https://raw.githubusercontent.com/Appsilon/website-cdn/gh-pages/shiny_weekly_light.jpg" alt="Subscribe for Shiny tutorials, exclusive articles, R/Shiny community events, and more."/>
+  <img id="footer-banner" src="https://raw.githubusercontent.com/Appsilon/website-cdn/gh-pages/shiny_weekly_light.jpg" alt="Subscribe for Shiny tutorials, exclusive articles, R/Shiny community events, and more."/>
 </a>

docs/.gitignore

@@ -1 +1,4 @@
 /.quarto/
+/_site/
+README.md
+/img/

docs/_quarto.yml

@@ -12,7 +12,7 @@ website:
 
 format:
   html:
-    theme: cosmo
+    theme: pulse
     css: styles.css
     toc: true
 

docs/styles.css

@@ -1 +1,52 @@
 /* css styles */
+:root {
+  --primary-color: #009CFF;
+}
+
+.navbar {
+  background-color: var(--primary-color) !important;
+}
+
+
+#navbar > ul.navbar-nav > li.nav-item > a {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+.navbar-dark .navbar-nav .active > .nav-link {
+  background-color: var(--primary-color) !important;
+  color: #fff !important;
+}
+
+.navbar-brand {
+  color: #fff !important;
+}
+
+#navbar > ul.navbar-nav > li.nav-item a:hover {
+  background-color: var(--primary-color) !important;
+}
+
+.navbar-dark input[type="search"] {
+  background-color: #fff !important;
+  color: #444 !important;
+}
+
+nav .text-muted {
+  color: #d8d8d8 !important;
+}
+
+a {
+  color: var(--primary-color);
+}
+
+a:hover {
+  color: #2c2b2b;
+}
+
+button.btn.btn-primary.btn-copy-ex {
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+#footer-banner {
+  max-width: 796px;
+}