tutorials and css embedvideo

daapinterface.py

@@ -1348,7 +1348,47 @@ def tutorial_6():
     text=Markup(text)
     return render_template('tutorials.html',  text=text)
 
+######################### TUTORIAL 7 
+@app.route("/tutorial_7")
+def tutorial_7():
+    url="https://daap.bannerrepeater.org/w/index.php?title=Tutorial_7&action=render"
+    # Make a GET request to fetch the raw HTML content
+    html_content = requests.get(url).text
+    # Parse the html content
+    soup = BeautifulSoup(html_content, "lxml")
+    # print(soup.prettify()) # print the parsed data of html
+
+    text=soup.find("html")
+    text=Markup(text)
+    return render_template('tutorials.html',  text=text)
+
+######################### TUTORIAL 8 
+@app.route("/tutorial_8")
+def tutorial_8():
+    url="https://daap.bannerrepeater.org/w/index.php?title=Tutorial_8&action=render"
+    # Make a GET request to fetch the raw HTML content
+    html_content = requests.get(url).text
+    # Parse the html content
+    soup = BeautifulSoup(html_content, "lxml")
+    # print(soup.prettify()) # print the parsed data of html
+
+    text=soup.find("html")
+    text=Markup(text)
+    return render_template('tutorials.html',  text=text)
+
+######################### TUTORIAL 9 
+@app.route("/tutorial_9")
+def tutorial_9():
+    url="https://daap.bannerrepeater.org/w/index.php?title=Tutorial_9&action=render"
+    # Make a GET request to fetch the raw HTML content
+    html_content = requests.get(url).text
+    # Parse the html content
+    soup = BeautifulSoup(html_content, "lxml")
+    # print(soup.prettify()) # print the parsed data of html
 
+    text=soup.find("html")
+    text=Markup(text)
+    return render_template('tutorials.html',  text=text)
 
 ######################### TUTORIAL 10 TEST
 @app.route("/tutorial_10")

static/css/style.css

@@ -1260,7 +1260,7 @@ div.home-show-wrapper a:hover {
   color: var(--black);
   padding-top: 1em;		
 }
-.mw-parser-output p, .mw-parser-output ul, .mw-parser-output h2, .mw-parser-output h3  {
+.mw-parser-output p, .mw-parser-output ul, .mw-parser-output h2, .mw-parser-output h3, div.embedvideo  {
   grid-column-start: 4;
   grid-column-end: 15;
 }
@@ -2294,7 +2294,7 @@ div#tutorials-intro h3, div#tutorials-intro p {
     grid-row-end: 3;
 }
 
-.mw-parser-output p, .mw-parser-output ul, .mw-parser-output h2, .mw-parser-output h3 {
+.mw-parser-output p, .mw-parser-output ul, .mw-parser-output h2, .mw-parser-output h3, div.embedvideo {
     grid-column-start: 1;
     grid-column-end: 19;
 }