Cllde8 patch 2

docs/labimotion/_contact-us.mdx

@@ -0,0 +1,13 @@
+
+:::info Contact Us
+
+**Get Assistance and Share Feature Requests**
+
+Should you encounter any challenges on your website, please do not hesitate to [get in touch with us](mailto:[email protected]). We stand ready to assist you in resolving these issues effectively.
+
+**Feature Requests**
+
+For innovative feature requests, we encourage you to create a post on our [Discussion](https://github.com/LabIMotion/labimotion/discussions) board. This method provides our core team with a more accurate gauge of the features in high demand, which is superior to GitHub issues, as the latter can be more challenging to prioritize.
+
+We kindly request that you refrain from submitting Pull Requests for new features, especially substantial ones, as there may already be ongoing work or such features may be part of our future plans. Your first step should be to initiate a conversation with us!
+:::

docs/labimotion/layout.js

@@ -0,0 +1,6 @@
+import React from 'react';
+
+export const SubTitle = ({ text }) => (<h3 className="subTitle">{text}</h3>);
+export const FigCaption = ({ text }) => (<h3 className="figCaption">{text}</h3>);
+export const YouTubeFrame = ({ src, title }) => (<iframe className="fit-container" src={src} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />);
+export const Reader = ({ text }) => (<span className="theme-doc-version-badge badge badge--secondary reader-badge">Reader: {text}</span>);

src/css/custom.css

@@ -151,3 +151,26 @@ main{
 /*.footer__col:nth-of-type(1) a.footer__link-item:nth-of-type(1){*/
 /*  color: lightgrey;*/
 /*}*/
+
+.subTitle {
+  color: rgba(136,153,168,1.00);
+  font-weight: normal;
+  margin-bottom: 10px;
+}
+
+.figCaption {
+  color: rgba(136,153,168,1.00);
+  font-weight: normal;
+  font-size: small;
+  text-align: center;
+  margin-top: unset !important;
+}
+
+iframe.fit-container {
+  width: 100%;
+  height: 600px;
+}
+
+.reader-badge {
+  margin-bottom: 10px;
+}