Titles and subtitles of references

hejny · Apr 8, 2024 · 3c5c4db · 3c5c4db
1 parent ff8e3f2
commit 3c5c4db
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/src/components/Items/Item.module.css b/src/components/Items/Item.module.css
@@ -113,6 +113,20 @@
     margin-top: -7px;
 }
 
+.item .subtitle {
+    /*/
+    outline: 1px dotted rgb(58, 58, 255);
+    /**/
+
+    z-index: 1;
+    order: 1;
+
+    grid-column: 1 / span 1;
+
+    font-size: 20px;
+    margin-top: -7px;
+}
+
 .item .floatingTitle {
     /*/
     outline: 1px dotted rgb(58, 58, 255);

diff --git a/src/components/Items/Item.tsx b/src/components/Items/Item.tsx
@@ -16,6 +16,14 @@ Item.Title = function Title({ children }: { children: ReactNode }) {
     return <div className={styles.title}>{children}</div>;
 };
 
+/**
+ * <Title/> used in <Item/>
+ */
+Item.Subtitle = function Subtitle({ children }: { children: ReactNode }) {
+    // TODO: Probbably place here semantic <h3> tag
+    return <div className={styles.subtitle}>{children}</div>;
+};
+
 /**
  * <FloatingTitle/> used in <Item/>
  */

diff --git a/src/sections/40-References/References.tsx b/src/sections/40-References/References.tsx
@@ -42,6 +42,7 @@ export function ReferencesSection(props: ReferencesProps) {
                                 Tomáš Studeník
                             </a>
                         </Item.Title>
+                        <Item.Subtitle>!!!</Item.Subtitle>
                         <Item.Description>
                             <Translate locale="en">
                                 <p>
@@ -113,6 +114,7 @@ export function ReferencesSection(props: ReferencesProps) {
                                 Jan Šedo
                             </a>
                         </Item.Title>
+                        <Item.Subtitle>!!!</Item.Subtitle>
                         <Item.Description>
                             <Translate locale="en">
                                 <p>
@@ -165,6 +167,7 @@ export function ReferencesSection(props: ReferencesProps) {
                                 Max Kozlov
                             </a>
                         </Item.Title>
+                        <Item.Subtitle>!!!</Item.Subtitle>
                         <Item.Description>
                             <Translate locale="en">
                                 <p>
@@ -228,6 +231,7 @@ export function ReferencesSection(props: ReferencesProps) {
                                 Bob Kartous
                             </a>
                         </Item.Title>
+                        <Item.Subtitle>!!!</Item.Subtitle>
                         <Item.Description>
                             <Translate locale="en">
                                 <p>
@@ -271,6 +275,7 @@ export function ReferencesSection(props: ReferencesProps) {
                                 Tereza Texlová
                             </a>
                         </Item.Title>
+                        <Item.Subtitle>!!!</Item.Subtitle>
                         <Item.Description>
                             <Translate locale="en">
                                 <p>