Merge pull request #756 from unitaryfund/755-embed-youtube-tutorial-o…

…f-submission-workflow Adding YouTube videos to FAQ and About pages.
unitaryfund · Dec 12, 2022 · d1a9e4a · d1a9e4a
2 parents b0c0648 + 6b19b74
commit d1a9e4a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -313,6 +313,13 @@ form > span > .row > label {
   width: 100%;
 }
 
+iframe {
+  display: block;
+  border-style:none;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /** Simple generic styling */
 
 .text-center {

diff --git a/src/views/About.js b/src/views/About.js
@@ -9,6 +9,8 @@ const About = () => {
             <p>
               Make transparent, accessible benchmarks available to everyone in the quantum computing community.
             </p>
+            <iframe title='Metriq: the open source platform for community driven quantum benchmarks' width='420' height='315' src='https://www.youtube.com/embed/tg6Q5fnw2EE'>
+            </iframe>
           </div>
           <br />
           <h1 className='text-center'>About</h1>

diff --git a/src/views/FAQ.js b/src/views/FAQ.js
@@ -27,6 +27,8 @@ const FAQ = () => {
             <p>
               A metriq <b>"submission"</b> can be an arXiv preprint, GitHub repository, or links to peer reviewed and published articles.
             </p>
+            <iframe title='How to make a submission on Metriq: the platform for community driven quantum benchmarks' width='420' height='315' src='https://www.youtube.com/embed/XjLeutpo3v0'>
+            </iframe>
             <p>
               A submission can present or utilize one of more <b>"methods"</b> by which they accomplish one or more <b>"tasks"</b>, which are workloads of interest.
             </p>