Fix usability issues

moodlebox · Jan 2, 2024 · a69b3a6 · a69b3a6
1 parent 175fa3f
commit a69b3a6
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -433,7 +433,7 @@ a.anchor-heading:focus {
   flex-direction: column;
   justify-content: flex-start;
 }
-#testimonials-carousel .box .name-picture h5 {
+#testimonials-carousel .box .name-picture h2 {
   font-size: .875rem;
   margin: 0;
   text-transform: uppercase;

diff --git a/assets/css/moodlebox.css b/assets/css/moodlebox.css
@@ -894,7 +894,7 @@ fieldset[disabled] .btn-template-primary.active {
   width: 80%;
   text-align: right;
 }
-.testimonials .item .testimonial .name-picture h5 {
+.testimonials .item .testimonial .name-picture h2 {
   font-size: .875rem;
   text-transform: uppercase;
   letter-spacing: 0.08em;
@@ -1033,15 +1033,15 @@ fieldset[disabled] .btn-template-primary.active {
   -moz-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }
-.box-simple h3 {
+.box-simple h2 {
   font-weight: normal;
   font-size: 1.125rem;
   line-height: 1.1;
   color: #333;
   font-weight: 600;
   letter-spacing: 0.04em;
 }
-.box-simple h3 a {
+.box-simple h2 a {
   color: #333;
 }
 .box-simple p {
@@ -1669,7 +1669,7 @@ fieldset[disabled] .btn-template-primary.active {
 #footer h6 {
   color: #eeeeee;
 }
-#footer h4 {
+#footer h2 {
   font-size: .8125rem;
   font-weight: 800;
   text-transform: uppercase;

diff --git a/layouts/partials/clients.html b/layouts/partials/clients.html
@@ -9,9 +9,9 @@
           <h2>{{ site.Params.clients.title }}</h2>
         </div>
 
-        <p class="lead text-center">
+        <h1 class="lead text-center">
           {{ site.Params.clients.subtitle | markdownify }}
-        </p>
+        </h1>
 
         <ul class="owl-carousel customers">
           {{ range sort . "weight" }}

diff --git a/layouts/partials/features.html b/layouts/partials/features.html
@@ -17,7 +17,7 @@
               <i class="{{ .icon }} feature-icon fa-stack-1x"></i>
               </span>
             </div>
-            <h3>{{ $element.name }}</h3>
+            <h2>{{ $element.name }}</h2>
             <p>{{ $element.description | markdownify }}</p>
           </div>
           {{ if $element.link }}</a>{{ end }}

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -4,7 +4,7 @@
 
       {{ if isset site.Params "about" }}
       <div id="about-us" class="col-md-4 col-sm-6">
-        <h4>{{ i18n "aboutUs" }}</h4>
+        <h2>{{ i18n "aboutUs" }}</h2>
         <div class="about-entries">
           <div class="item clearfix">
             <div class="name">
@@ -18,7 +18,7 @@ <h4>{{ i18n "aboutUs" }}</h4>
 
       {{ if isset site.Params "recent_posts" }} {{ if site.Params.recent_posts.enable }}
       <div id="recent-posts" class="col-md-4 col-sm-6">
-        <h4>{{ i18n "recentPosts" }}</h4>
+        <h2>{{ i18n "recentPosts" }}</h2>
         <div class="blog-entries">
           {{ range first 3 (where site.Pages.ByLastmod.Reverse "Type" "kb") }}
           <div class="item clearfix">
@@ -45,15 +45,15 @@ <h4>{{ i18n "recentPosts" }}</h4>
 
       {{ if site.Params.donate.enable }}
       <div id="links" class="col-md-4 col-sm-6">
-        <h4>FAQ</h4>
+        <h2>FAQ</h2>
         <div class="important-links">
           <div class="item clearfix">
             <div class="name">
               <p><a href="{{ site.LanguagePrefix }}/faq">{{ i18n "faqTitle" }}</a></p>
             </div>
           </div>
         </div>
-        <h4>{{ i18n "donateTitle" }}</h4>
+        <h2>{{ i18n "donateTitle" }}</h2>
           <a href="{{ site.LanguagePrefix }}/give" class="btn btn-small btn-template-main">{{ i18n "donateNow" }}</a>
           <hr class="d-md-none d-lg-none d-sm-none">
       </div> <!-- /.col-md-4 -->

diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
@@ -2,7 +2,7 @@
   <div class="container">
     <a class="navbar-brand" href="{{ site.LanguagePrefix | absURL | replaceRE "[^/]$" "${0}/" }}" rel="home">
       <div class="site-branding">
-        <p class="site-title">{{ site.Params.Title }}</p>
+        <h1 class="site-title">{{ site.Params.Title }}</h1>
         <p class="site-description">{{ site.Params.Slogan | default site.Params.defaultSlogan }}</p>
         {{/* commented out
         <img src="{{ "img/logo.png" | absURL }}" alt="{{ .Title }} logo" class="d-none d-md-block">

diff --git a/layouts/partials/sponsors.html b/layouts/partials/sponsors.html
@@ -8,9 +8,9 @@
           <h2>{{ site.Params.sponsors.title }}</h2>
         </div>
 
-        <p class="lead text-center">
+        <h1 class="lead text-center">
           {{ site.Params.sponsors.subtitle | markdownify }}
-        </p>
+        </h1>
 
         <p class="text-center">
           <a href="{{ site.Params.sponsors.url }}" target="_blank">

diff --git a/layouts/partials/testimonials.html b/layouts/partials/testimonials.html
@@ -9,9 +9,9 @@
           <h2>{{ site.Params.testimonials.title }}</h2>
         </div>
 
-        <p class="lead text-center">
+        <h1 class="lead text-center">
           {{ site.Params.testimonials.subtitle | markdownify }}
-        </p>
+        </h1>
 
         <div id="testimonials-carousel" class="carousel">
           <ul class="same-height-row">
@@ -25,7 +25,7 @@ <h2>{{ site.Params.testimonials.title }}</h2>
                   <div class="bottom">
                     <div class="icon"><i class="fa fa-quote-left"></i></div>
                     <div class="name-picture">
-                      <h5>{{ .name }}</h5>
+                      <h2>{{ .name }}</h2>
                       <p>{{ .position }}</p>
                     </div>
                   </div>