Merge pull request finos#3 from mcleo-d/move-media-to-home

Update HTML and CSS for Morphir Homepage Media
klahnunya · Jul 13, 2023 · 53f66db · 53f66db
2 parents f6176a0 + 68be166
commit 53f66db
Show file tree

Hide file tree

Showing 10 changed files with 23,216 additions and 10,598 deletions.
diff --git a/docs/faqs.md b/docs/faqs.md
@@ -6,4 +6,7 @@ title: FAQs
 # Frequently Asked Questions
 
 ### How Do I Generate the Scala Codecs? 
-Run the the `morphir gen` command with the -s flag
+Run the command `morphir-elm gen -s`
+
+### How Do I Generate the JSON Schema for my model
+Run the `morphir json-schema-gen` command 
diff --git a/docs/scala-api-usage-docs.md b/docs/scala-api-usage-docs.md
@@ -1,5 +1,6 @@
 ---
 id: scala-api
+title: Scala API Guide
 ---
 
 

diff --git a/docs/spark-backend-api-documentation.md b/docs/spark-backend-api-documentation.md
@@ -1,6 +1,6 @@
 ---
 id: spark-backend-api
-title: API Documentation
+title: Spark API Documentation
 ---
 
 # Spark Backend/API Documentation

diff --git a/node_modules/.yarn-integrity b/node_modules/.yarn-integrity
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/sidebars.js b/website/sidebars.js
@@ -70,6 +70,7 @@ const sidebars = {
               type: 'category',
               label: 'Scala Integration Guide',
               items: [
+                  'scala-api',
                   'scala-backend',
                   'scala-codecs',
                   'codec-docs',

diff --git a/website/src/components/MediaPanel.module.css b/website/src/components/MediaPanel.module.css
@@ -1,29 +1,12 @@
-.mediaPanel {
-	box-sizing: border-box;
-	float: left;
-	line-height: 26.4px;
-	/* display:table-cell; */
-	/* margin-left: auto; */
-	/* border-collapse: collapse; */
-	/* list-style: list-style-image; */
-	/* margin: 0 auto; */
-	/* display:block; */
-	/* overflow:auto;
-	float: none;
-	position: static;
-	z-index: auto; */
-}
-.videoContainer{
-	margin: auto;
-	border: 15px solid black;
+.videoContainer {
+	width:100%;
 	padding: 15px;
 }
-.descriptionContainer{
-float:none;
-}
-img{
-width: 250pt;
+
+.descriptionContainer {
+	float:none;
 }
-a{
-width: 478.2;
+
+.videoContainer img {
+	border: 1px solid black;
 }
diff --git a/website/src/components/MediaPanel.tsx b/website/src/components/MediaPanel.tsx
@@ -44,20 +44,27 @@ const MediaList: MediaList[] = [
 		Description: 'Morphir Showcase – Full Show',
 	},
 ]
+
 export default function MediaPanel (): JSX.Element{
 	return(
-		<div>
-			{MediaList.map(({...props}, idx) => (
-			<div className={Styles.mediaPanel}>
-				<div className= {Styles.videoContainer}>
-					<a href = {props.EpisodeUrl}> 
-					<img src = {props.EpisodeImg}></img>
-					</a>
+		<div className='container padding--lg'>
+			<section className='row text--center padding-horiz--md'>
+				<div className="col col--12">
+					<h2>Morphir in the Media</h2>
+				</div>
+			</section>
+			<section className='row text--center padding-horiz--md'>
+				{MediaList.map(({...props}, idx) => (
+				<div className="col col--4">
+					<div className={Styles.videoContainer}>
+						<a href={props.EpisodeUrl}> 
+							<img src={props.EpisodeImg} alt={props.Description}></img>
+						</a>
+						<br/>
+						<a href={props.EpisodeUrl}>{props.Description}</a>
+					</div>
 				</div>
-				<div className= {Styles.descriptionContainer}>
-						<a href = {props.EpisodeUrl}>{props.Description}</a>
-				</div>	
-		     </div>
-			))}
-	      </div>
-	)}
+				))}
+			</section>
+	    </div>
+	)}
diff --git a/website/yarn.lock b/website/yarn.lock
diff --git a/yarn.lock b/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
		# yarn lockfile v1