From 32584e26ceb51d6c37e40456bbc569d466a1456f Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Thu, 10 Aug 2023 10:49:09 -0400
Subject: [PATCH] Remove invalid HTML, CSS in some shortcodes

---
 themes/red/layouts/shortcodes/guestbook.html |  4 ++--
 themes/red/layouts/shortcodes/stoot.html     | 15 ---------------
 themes/red/layouts/shortcodes/tube.html      |  2 +-
 themes/red/layouts/shortcodes/video.html     |  2 +-
 4 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/themes/red/layouts/shortcodes/guestbook.html b/themes/red/layouts/shortcodes/guestbook.html
index 300443d..22f314d 100644
--- a/themes/red/layouts/shortcodes/guestbook.html
+++ b/themes/red/layouts/shortcodes/guestbook.html
@@ -6,9 +6,9 @@
     data-isso-vote="false"
     src="//{{ $.Site.Params.isso_url }}/js/embed.min.js" crossorigin async></script>
 
-<section id="isso-thread" data-title="Guestbook" data-isso-id="/guestbook">
+<div id="isso-thread" data-title="Guestbook" data-isso-id="/guestbook">
     <noscript>Javascript needs to be activated to view comments.</noscript>
-</section>
+</div>
 {{ else }}
 Guestbook is disabled in development mode.
 {{ end }}
diff --git a/themes/red/layouts/shortcodes/stoot.html b/themes/red/layouts/shortcodes/stoot.html
index f74b5b5..4bcc74c 100644
--- a/themes/red/layouts/shortcodes/stoot.html
+++ b/themes/red/layouts/shortcodes/stoot.html
@@ -51,11 +51,6 @@
 					{{ range $media_attachments := . }}
 						{{ if eq $media_attachments.type "image" }}
 							{{ $mediaMD5 = md5 $media_attachments.url }}
-							<style>
-								.img-{{ $mediaMD5 }} {
-									aspect-ratio: {{ $media_attachments.meta.original.width }} / {{ $media_attachments.meta.original.height }};
-								}
-							</style>
 							<img
 								src="{{ $media_attachments.url }}"
 								alt="Image {{ $media_attachments.id }} from toot {{ $id }} on {{ $masIns }}"
@@ -84,11 +79,6 @@
 					{{ range $media_attachments := . }}
 						{{ if eq $media_attachments.type "video" }}
 							{{ $mediaMD5 = md5 $media_attachments.url }}
-							<style>
-								.img-{{ $mediaMD5 }} {
-									aspect-ratio: {{ $media_attachments.meta.original.width }} / {{ $media_attachments.meta.original.height }};
-								}
-							</style>
 							<div class="ctr toot-video-wrapper">
 								<video muted playsinline controls class="ctr toot-media-img img-{{ $mediaMD5 }}{{ if $json.sensitive }} toot-sens-blur{{ end }}"{{- if $json.sensitive }}onclick="this.classList.toggle('toot-sens-blur-no')"{{- end }}>
 									<source src="{{ $media_attachments.url }}">
@@ -104,11 +94,6 @@
 						{{ end }}
 						{{ if eq $media_attachments.type "gifv" }}
 							{{ $mediaMD5 = md5 $media_attachments.url }}
-							<style>
-								.img-{{ $mediaMD5 }} {
-									aspect-ratio: {{ $media_attachments.meta.original.width }} / {{ $media_attachments.meta.original.height }};
-								}
-							</style>
 							<div class="ctr toot-video-wrapper">
 								<video loop autoplay muted playsinline controls controlslist="nofullscreen" class="ctr toot-media-img img-{{ $mediaMD5 }}{{ if $json.sensitive }} toot-sens-blur{{ end }}" {{- if $json.sensitive }}onclick="this.classList.toggle('toot-sens-blur-no')"{{- end }}>
 									<source src="{{ $media_attachments.url }}">
diff --git a/themes/red/layouts/shortcodes/tube.html b/themes/red/layouts/shortcodes/tube.html
index c86232e..7768e55 100644
--- a/themes/red/layouts/shortcodes/tube.html
+++ b/themes/red/layouts/shortcodes/tube.html
@@ -1 +1 @@
-<iframe title="csg level walkthrough" src="{{ .Get 0 }}" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
+<iframe title="csg level walkthrough" src="{{ .Get 0 }}" allowfullscreen="" sandbox="allow-scripts allow-popups" width="560" height="315"></iframe>
diff --git a/themes/red/layouts/shortcodes/video.html b/themes/red/layouts/shortcodes/video.html
index fdc9ccb..26d5da5 100644
--- a/themes/red/layouts/shortcodes/video.html
+++ b/themes/red/layouts/shortcodes/video.html
@@ -1,3 +1,3 @@
-<video width=100% controls>
+<video controls>
     <source src="{{ .Get 0 }}">
 </video>