Add wysiwyg content

jetrockets · Feb 15, 2024 · 2264c32 · 2264c32
1 parent 5dffacd
commit 2264c32
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 10 deletions.
diff --git a/application/app/assets/stylesheets/components.css b/application/app/assets/stylesheets/components.css
@@ -1,3 +1,4 @@
 @import "./components/body.css";
 @import "./components/navbar.css";
+@import "./components/wysiwyg.css";
 @import "./components/wrapper.css";
diff --git a/application/app/assets/stylesheets/components/wysiwyg.css b/application/app/assets/stylesheets/components/wysiwyg.css
@@ -0,0 +1,6 @@
+@layer components {
+ .wysiwyg {
+ /* https://tailwindcss.com/docs/typography-plugin */
+ @apply prose;
+ }
+}
diff --git a/application/app/views/home/index.html.erb b/application/app/views/home/index.html.erb
@@ -7,9 +7,9 @@
 %>
 
 <div class="wrapper">
- <%= inline_svg_vite_tag("images/logo.svg", class: "h-8 w-auto") %>
-
- <h1 class="mt-4 text-3xl font-bold">
- Hello from JetRockets
- </h1>
+ <article class="wysiwyg">
+ <h1>
+  Hello from JetRockets
+ </h1>
+ </article>
 </div>
diff --git a/application/app/views/home/privacy.html.erb b/application/app/views/home/privacy.html.erb
@@ -7,7 +7,7 @@
 %>
 
 <div class="wrapper">
- <div class="prose">
+ <article class="wysiwyg">
  <h1>Privacy Policy</h1>
  <p>Use this for your Privacy Policy</p>
 
@@ -57,5 +57,5 @@
 
  <h3>Contact Us</h3>
  <p>If you have any questions or suggestions about our Privacy Policy, do not hesitate to contact us.</p>
- </div>
+ </article>
 </div>
diff --git a/application/app/views/home/terms.html.erb b/application/app/views/home/terms.html.erb
@@ -7,7 +7,7 @@
 %>
 
 <div class="wrapper">
- <div class="prose">
+ <article class="wysiwyg">
  <h1>Terms of Service</h1>
  <p>Use this for your Terms of Service</p>
 
@@ -37,5 +37,5 @@
  <p>A terms of use agreement should state under which country and state or province laws the website aims to operate. In the event of a legal dispute, this can be especially important for websites representing businesses with international reach, as complications arise when a site facilitates transactions and other interactions among people from different countries.</p>
 
  <p>A “governing law clause” or “choice of law provision” in a terms of use agreement merely expresses a preference for which laws will apply to the website’s activity, but courts do tend to value these declarations and treat them favorably. While courts examine the issue from all angles in a dispute, a governing law clause can be an important factor.</p>
- </div>
+ </article>
 </div>
diff --git a/application/app/views/layouts/shared/_navbar.html.erb b/application/app/views/layouts/shared/_navbar.html.erb
@@ -1,6 +1,6 @@
 <nav class="navbar">
  <div class="navbar__inner">
- <%= link_to inline_svg_vite_tag("images/logo.svg", class: "navbar__logo", alt: "JetRockets"), root_path, class: "navbar__link" %>
+ <%= link_to inline_svg_vite_tag("images/logo.svg", class: "navbar__logo", alt: "JetRockets"), root_path, class: "navbar__link", aria: { label: "JetRockets" } %>
  <div class="navbar__menu">
  <%= link_to "Privacy Policy", privacy_path, class: "navbar__link #{"navbar__link-active" if current_page?(privacy_path)}" %>
  <%= link_to "Terms and conditions", terms_path, class: "navbar__link #{"navbar__link-active" if current_page?(terms_path)}" %>