Add trademark symbol to logo and welcome message

Fixes #107
vertx-web-site · May 3, 2021 · c3fe240 · c3fe240
1 parent b1d1bbb
commit c3fe240
Show file tree

Hide file tree

Showing 7 changed files with 731 additions and 793 deletions.
diff --git a/assets/logo.ai b/assets/logo.ai
diff --git a/assets/logo.svg b/assets/logo.svg
diff --git a/components/Footer.jsx b/components/Footer.jsx
@@ -79,8 +79,8 @@ const Footer = () => {
         </div>
         <div className="footer-copyright">
           <div className="footer-copyright-remarks">
-            &copy; {new Date().getFullYear()} Eclipse Vert.x<br/>
-            Eclipse Vert.x is open source and dual-licensed under
+            &copy; {new Date().getFullYear()} Eclipse Vert.x&trade;<br/>
+            Eclipse Vert.x&trade; is open source and dual-licensed under
             the <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener noreferrer">Eclipse Public License 2.0</a> and
             the <a href="https://www.apache.org/licenses/LICENSE-2.0.html" target="_blank" rel="noopener noreferrer">Apache License 2.0</a>. <br className="footer-copyright-break"/>
             Website design by <a href="https://michelkraemer.com" target="_blank" rel="noopener noreferrer">Michel Krämer</a>.

diff --git a/components/Footer.scss b/components/Footer.scss
@@ -47,7 +47,7 @@ footer {
       margin-top: 0.4rem;
 
       img {
-        width: 7.6rem;
+        width: 8.3rem;
       }
     }
 

diff --git a/components/NavBar.scss b/components/NavBar.scss
@@ -27,7 +27,7 @@
 
     .navbar-logo {
       img {
-        width: 7.6rem;
+        width: 8.3rem;
       }
 
       flex: 1;

diff --git a/components/hero/Hero.jsx b/components/hero/Hero.jsx
@@ -12,7 +12,7 @@ const Hero = ({ gitHubStarsFallbackValue }) => (
     <div className="hero-main container">
       <div className="hero-left">
         <div className="hero-slogan">
-          <span className="hero-product-name">Eclipse Vert.x<span className="hero-product-name-separator"> |</span></span> Reactive applications on the JVM
+          <span className="hero-product-name">Eclipse Vert.x<span className="hero-product-name-trademark">&trade;</span></span> Reactive <span className="hero-slogan-second-line">applications on the JVM</span>
         </div>
         <div className="hero-buttons">
           <Link href="/get-started/">

diff --git a/components/hero/Hero.scss b/components/hero/Hero.scss
@@ -54,15 +54,20 @@ section.hero {
           font-weight: 500;
           color: #000;
 
+          .hero-product-name-trademark {
+            font-weight: 300;
+          }
+
           @media (max-width: $sm) and (orientation: portrait) {
             display: block;
             margin-bottom: 0.5em;
           }
+        }
 
-          .hero-product-name-separator {
-            @media (max-width: $sm) and (orientation: portrait) {
-              display: none;
-            }
+        @media (min-width: $sm) {
+          .hero-slogan-second-line {
+            letter-spacing: 0.001em;
+            word-spacing: 0.04em;
           }
         }
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,7 +47,7 @@ footer { @@
           margin-top: 0.4rem;
           img {
-            width: 7.6rem;
+            width: 8.3rem;
           }
         }
@@ Expand Down @@