[TASK] Clean up template

Classes/Service/YoutubeService.php

@@ -78,7 +78,7 @@ class YoutubeService {
 				function ($field) {
 					return [
 						'title' => $field['snippet']['title'],
-						'description' => $field['snippet']['description'],
+						'description' => strip_tags($field['snippet']['description']),
 						'thumbnail' => $field['snippet']['thumbnails']['high']['url'],
 						'url' => 'https://www.youtube.com/watch?v=' . $field['id']['videoId']
 					];
@@ -89,7 +89,7 @@ class YoutubeService {
 				function ($field) {
 					return [
 						'title' => $field['snippet']['title'],
-						'description' => $field['snippet']['description'],
+						'description' => strip_tags($field['snippet']['description']),
 						'thumbnail' => $field['snippet']['thumbnails']['high']['url'],
 						'url' => 'https://www.youtube.com/watch?v=' . $field['snippet']['resourceId']['videoId']
 					];

Resources/Private/Templates/Youtube/Index.html

-<f:layout name="Default"/>
+<f:layout name="Default" />
 
 <f:section name="main">
-	<f:for each="{feed}" as="feedItem">
-		<div class="sg-youtube">
-			<f:if condition="{feedItem.thumbnail}">
-				<div class="default-content-element">
-					<div class="ce-textpic ce-center ce-above">
-						<div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
-							<div class="ce-outer">
-								<div class="ce-inner">
-									<div class="ce-row">
-										<div class="ce-column">
-											<f:if condition="{feedItem.url}">
-												<f:then>
-													<a class="ce-media sg-youtube-image" href="{feedItem.url}">
-														<img src="{feedItem.thumbnail}"/>
-													</a>
-												</f:then>
-												<f:else>
-													<div class="ce-media sg-youtube-image">
-														<img src="{feedItem.thumbnail}"/>
-													</div>
-												</f:else>
-											</f:if>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
+	<div class="sg-youtube">
+		<f:for each="{feed}" as="feedItem">
+			<a class="sg-youtube-item" href="{feedItem.url}">
+				<f:if condition="{feedItem.thumbnail}">
+					<div class="sg-youtube-image">
+						<img src="{feedItem.thumbnail}" />
 					</div>
-				</div>
-			</f:if>
-			<f:if condition="{feedItem.title}">
-				<div class="default-content-element default-header-element sg-youtube-title">
-					<h2 class="h2">
-						{feedItem.title}
-					</h2>
-				</div>
-			</f:if>
-			<f:if condition="{feedItem.description}">
-				<div class="default-content-element sg-youtube-text">
-					<div class="ce-textpic ce-center ce-above">
-						<div class="ce-bodytext">
-							<f:format.crop maxCharacters="200"><f:format.html>{feedItem.description}</f:format.html></f:format.crop>
-						</div>
+				</f:if>
+				<f:if condition="{feedItem.title}">
+					<div class="sg-youtube-title">
+						<h4 class="h4">
+							{feedItem.title}
+						</h4>
 					</div>
-				</div>
-			</f:if>
-		</div>
-	</f:for>
+				</f:if>
+				<f:if condition="{feedItem.description}">
+					<div class="sg-youtube-text">
+						<f:format.crop maxCharacters="200">{feedItem.description}</f:format.crop>
+					</div>
+				</f:if>
+			</a>
+		</f:for>
+	</div>
 </f:section>