Add header with title and trademark symbol

cdans · Feb 22, 2024 · ffa7f58 · ffa7f58
1 parent a59ef31
commit ffa7f58
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -114,3 +114,18 @@ body {
   background-color: #e0dab8;
   color: #de5e24;
 }
+
+.header {
+  text-align: center;
+}
+
+.header-title {
+  color: #ffffff;
+  text-shadow: 3px 3px 0 #000; /* Gives a shadow effect to the text */
+  font-size: 4em; /* Adjust size as needed */
+}
+
+.tm {
+  font-size: 0.3em; /* Smaller font size for trademark symbol */
+  vertical-align: super;
+}
diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx
@@ -11,7 +11,11 @@ const NavigationBar = () => {
 const Summary = () => {
   return (
     <div id="summary">
-      <h1>Christoph</h1>
+      <div className="header">
+        <h1 className="header-title">
+          CHRISTOPH DANSARD<span className="tm">TM</span>
+        </h1>
+      </div>
       <p>
         I am a passionate and driven student at the Technical University Munich
         with a strong interest in software engineering and product development.