Добавлен подвал на стартовую страницу

frontend/src/start-page/basement.module.css

@@ -0,0 +1,83 @@
+.basement {
+	display: flex;
+	flex-direction: row;
+	position: absolute;
+	left: 0px;
+	box-sizing: border-box;
+	width: 100%;
+	overflow: hidden;
+	background-color: #001826;
+	height: 330px;
+	border: 10px;
+	box-sizing: content-box;
+}
+
+.basementGrid {
+	position: relative;
+	margin-left: 135px;
+	margin-right: 135px;
+	height: 100%;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	justify-content: space-between;
+}
+
+.bottomContacts {
+	padding: .5em;
+}
+
+.bottomContacts a:hover {
+	color: #fff;
+}
+
+.discuss {
+	position: relative;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	justify-content: space-between;
+}
+
+.discussButton {
+	background-color: #D9D9D9;
+	border-radius: 20px;
+	cursor: pointer;
+	display: block;
+	padding: 1px 30px;
+	line-height: normal;
+	font-size: 20px;
+}
+
+.discussText {
+	font-size: 40px;
+	color: #001826;
+}
+
+.discussText:hover {
+	color: #268ccc;
+}
+
+.textBoxTextOrange {
+	--tw-text-opacity: 1;
+	color: #F5B14E;
+}
+
+.eventEmitterEltexLoc {
+	vertical-align: middle;
+	height: 32px;
+	cursor: pointer;
+	transition: width 0.5s, height 0.5s;
+}
+
+.eventEmitterEltexLocIcon {
+	vertical-align: middle;
+	height: 52px;
+	padding: 0em 15px 0px 0px;
+}
+
+.character02 {
+	padding-left: 20px;
+}

frontend/src/start-page/basement.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import BasementCss from './basement.module.css';
+import { router } from '../router';
+
+export type Props = {
+  contactUrl: string;
+  iconUrl: string;
+  characterUrl: string;
+};
+
+export const Basement = (props: Props): JSX.Element => {
+  console.debug('routes:', router.routes); // DEBUG
+  
+  return (
+    <div className={BasementCss.basement}>
+      <div className={BasementCss.basementGrid}>
+        <div className={BasementCss.bottomContacts}>
+          <a href="/">
+            <img src={props.iconUrl} alt="event_emitter_eltex_loc" className={BasementCss.eventEmitterEltexLoc} />
+            <span>redmine-issue-event-emitter</span>
+          </a>
+          <p><a href={props.contactUrl}>  Проект
+            <span className={BasementCss.textBoxTextOrange}> Павел Гнедов</span>
+          </a></p>
+        </div>
+
+        <div className={BasementCss.discuss}>
+          <div className={BasementCss.discussButton}>
+            <a href="https://t.me/pavelgnedov">
+              <p className={BasementCss.discussText}> ОБСУДИТЬ </p>
+            </a>
+          </div>
+          <img src={props.characterUrl} width="100" alt="Сharacter" className={BasementCss.character02} />
+
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Basement;

frontend/src/start-page/content.module.css

@@ -1,6 +1,6 @@
 .content {
 	margin-left: 135px;
-	padding: 956px 0px 0px 0px;
+	padding: 956px 0px 40px 0px;
 	max-width: 1170px;
 	display: flex;
 	flex-direction: column;

frontend/src/start-page/start-page.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import Basement from './basement';
 import Content from './content';
 import ContentBlock from './content-block';
 import Cover from './cover';
@@ -94,6 +95,7 @@ export const StartPage = () => {
 					</NotificationBlock>
 				</ContentBlock>
 			</Content>
+			<Basement contactUrl={StartPageData.contact} characterUrl='/images/Сharacter_02.png' iconUrl='/images/event_emitter_eltex_loc-32px.png'/>
 		</div>
 	);
 };