grgr.me

commit 1d8f02759354ffc452959914e9f05e3003e08e25
parent 67f7c5dcf9a7162a0b3b8cc69437e56430209817
Author: corndog <cauchyn@firemail.cc>
Date:   Thu, 27 Sep 2018 13:31:05 -0700

Typos and address annoyances for responsive design

Diffstat:
in/me/index.md
 | 
2
+-
in/sits/index.md
 | 
2
+-
in/static/style.css
 | 
4
++++
youtube-embed.py
 | 
4
++--

4 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/in/me/index.md b/in/me/index.md
@@ -7,7 +7,7 @@ description: Some things I like.
         function toggleYT(id) {
                 const url = "https://www.youtube.com/embed/" + id;
                 const iframe = document.createElement('iframe');
-                iframe.setAttribute("src", `${url}`);
+                iframe.setAttribute("src", url);
                 iframe.setAttribute("allow", "fullscreen");
                 const div = document.getElementById(id);
                 if (!div.hasChildNodes()) {
diff --git a/in/sits/index.md b/in/sits/index.md
@@ -25,7 +25,7 @@ resume development. I still believe there is room out there for a successor in t
 subgenre.
 
 Please feel free to study the source[(8)][8] and the resources posted on the kanban
-board[(5)][5]. The team behind Blue Reolver[(9)][9] (released October 2016) used LÖVE
+board[(5)][5]. The team behind Blue Revolver[(9)][9] (released October 2016) used LÖVE
 as well, proving its capability. However, years have passed since then and I encourage
 you to research technologies that may be a better fit for your needs.
 
diff --git a/in/static/style.css b/in/static/style.css
@@ -57,3 +57,7 @@ img.embed.left {
 button:hover > img.embed {
   display: block;
 }
+
+.nowrap {
+  white-space: nowrap;
+}
diff --git a/youtube-embed.py b/youtube-embed.py
@@ -14,11 +14,11 @@ for li in lists:
     if "youtube.com" in anchor['href']:
         leftSide = True if len(anchor.get_text()) < 32 else False
         vid = anchor['href'].split('=')[1]
-        embed_markup = (' [<button class="embed"'
+        embed_markup = (' <span class="nowrap">[<button class="embed"'
                         f'onclick="toggleYT(\'{vid}\')">'
                         f'<img class="embed{" left" if leftSide else ""}" src='
                         f'"https://img.youtube.com/vi/{vid}/mqdefault.jpg">'
-                        'toggle embed</button>]'
+                        'toggle embed</button>]</span>'
                         f'<div class="embed" id="{vid}"></div>'
                         )
         embed_markup = BeautifulSoup(embed_markup, 'html.parser')