app/Views/_assets/icons/star-smile.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"/>
-        <path d="M12 .5l4.226 6.183 7.187 2.109-4.575 5.93.215 7.486L12 19.69l-7.053 2.518.215-7.486-4.575-5.93 7.187-2.109L12 .5zM10 12H8a4 4 0 0 0 7.995.2L16 12h-2a2 2 0 0 1-3.995.15L10 12z"/>
-    </g>
-</svg>

app/Views/_assets/icons/timer.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"/>
-        <path d="M17.618 5.968l1.453-1.453 1.414 1.414-1.453 1.453a9 9 0 1 1-1.414-1.414zM11 8v6h2V8h-2zM8 1h8v2H8V1z"/>
-    </g>
-</svg>

app/Views/_assets/icons/upload-cloud.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"/>
-        <path d="M12 12.586l4.243 4.242-1.415 1.415L13 16.415V22h-2v-5.587l-1.828 1.83-1.415-1.415L12 12.586zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784L18 17a6 6 0 0 0-11.996-.225L6 17v1.978a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z"/>
-    </g>
-</svg>

app/Views/_assets/icons/user-add.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"/>
-        <path d="M14 14.252V22H4a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm6 4v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3z"/>
-    </g>
-</svg>

app/Views/_assets/icons/user.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"/>
-        <path d="M4 22a8 8 0 1 1 16 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6z"/>
-    </g>
-</svg>

app/Views/_assets/images/castopod-logo.svg

-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 202.4 137.8" style="enable-background:new 0 0 202.4 137.8;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#009486;}
-	.st1{fill:#E7F9E4;}
-	.st2{fill:none;}
-	.st3{fill:#E7FFE3;}
-</style>
-<g>
-	<path id="dark_greeen_19_" class="st0" d="M181.9,131.7h-32.5c0,0-1.2-2.5-2.5-4.9c-1.3-2.4-4.4-2.3-4.4-2.3H59.7
-		c0,0-3-0.4-4.5,2.3c-1.6,2.7-2.6,4.9-2.6,4.9H20.6c-6.9,0-12.6-5.6-12.6-12.5V20.3c0-6.9,5.6-12.6,12.5-12.6h161.3
-		c6.9,0,12.6,5.6,12.6,12.5v98.9C194.5,126,188.8,131.7,181.9,131.7z"/>
-	<path class="st1" d="M143.7,34.5H58.6c-14.6,0-26.5,12-26.5,26.6c0,14.6,11.9,26.5,26.5,26.5h85.1c14.6,0,26.5-11.9,26.5-26.5
-		C170.3,46.3,158.4,34.4,143.7,34.5z M68.3,68.7c0,0-3.9-2.9-9.4-2.9c-4.1,0-8.9,2.5-8.9,2.5c-1.3-1.9-2.1-4.1-2.1-6.6
-		c0-6.3,5.1-11.4,11.4-11.4s11.4,5.1,11.4,11.4C70.7,64.4,69.8,66.8,68.3,68.7z M101.2,75.3c-12.5,0-12-9.6-12-9.6
-		c-0.2-1.8,2.1-2.4,2.9-1.3c0.4,0.6,0.4,0.6,0.7,1.7c1.7,5.9,8.4,5.6,8.4,5.6s6.7,0.4,8.4-5.6c0.3-1,0.3-1.1,0.7-1.7
-		c0.8-1,3.1-0.5,2.9,1.3C113.2,65.7,113.7,75.3,101.2,75.3z M152.3,68.4c0,0-4.8-2.5-8.9-2.5c-5.5,0-9.4,2.9-9.4,2.9
-		c-1.5-1.9-2.4-4.3-2.4-7c0-6.3,5.1-11.4,11.4-11.4s11.4,5.1,11.4,11.4C154.5,64.2,153.7,66.5,152.3,68.4z"/>
-	<path class="st2" d="M110.3,64.3c-0.4,0.6-0.4,0.6-0.7,1.7c-1.7,5.9-8.4,5.6-8.4,5.6s-6.7,0.4-8.4-5.6c-0.3-1-0.3-1.1-0.7-1.7
-		c-0.8-1-3.1-0.5-2.9,1.3c0,0-0.5,9.6,12,9.6c12.5,0,12-9.6,12-9.6C113.4,63.9,111.1,63.3,110.3,64.3z"/>
-	<path class="st2" d="M143.1,50.4c-6.3,0-11.4,5.1-11.4,11.4c0,2.6,0.9,5,2.4,7c0,0,3.9-2.9,9.4-2.9c4.1,0,8.9,2.5,8.9,2.5
-		c1.3-1.9,2.1-4.1,2.1-6.6C154.5,55.5,149.4,50.4,143.1,50.4z"/>
-	<path class="st2" d="M59.3,50.4c-6.3,0-11.4,5.1-11.4,11.4c0,2.5,0.8,4.7,2.1,6.6c0,0,4.8-2.5,8.9-2.5c5.5,0,9.4,2.9,9.4,2.9
-		c1.5-1.9,2.4-4.3,2.4-7C70.7,55.5,65.6,50.4,59.3,50.4z"/>
-	<g>
-		<g>
-			<path class="st3" d="M47.1,23.3c-6.3-1.7-11.7,2.1-14.7,7.3c-0.7,1.2-0.2,2.2,0.5,2.6c1,0.3,1.7,0.1,2.8-1.5
-				c2.2-3.9,5.9-6.1,10.1-5.3c0,0,2.9,0.9,3.3-1C49.4,24.2,48.3,23.6,47.1,23.3z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st3" d="M159.9,27.3c-0.1,1.9,2.9,1.9,2.9,1.9c4.2,0.4,6.8,2.3,7.8,6.7c0.6,1.9,1.2,2.2,2.3,2.2
-				c0.8-0.1,1.6-1,1.2-2.4c-1.4-5.8-5.1-9.8-11.7-9.9C161.2,25.7,160,26,159.9,27.3z"/>
-		</g>
-	</g>
-</g>
-</svg>

app/Views/_assets/images/castopod-mascot_confused.svg

-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 155.9 184.3" style="enable-background:new 0 0 155.9 184.3;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#006D60;}
-	.st1{fill:#00564A;}
-	.st2{fill:#009486;}
-	.st3{fill:#2B6B5F;}
-	.st4{fill:#E7F9E4;}
-	.st5{fill:#71AFA3;}
-	.st6{fill:#DCF4D7;}
-</style>
-<g>
-	<g id="FOOTS_1_">
-		<path class="st0" d="M55.8,134.7l37.2-0.3c1.4,0,2.5-1.2,2.5-2.6l0,0c0-1.4-1.2-2.5-2.6-2.5l-37.2,0.3c-1.4,0-2.5,1.2-2.5,2.6v0
-			C53.3,133.5,54.4,134.7,55.8,134.7z"/>
-		<path class="st1" d="M89.2,129.3l-29.5,0.2c0,0,7.5,1.3,15.2,1.2C82.8,130.7,89.2,129.3,89.2,129.3z"/>
-	</g>
-	<g id="LEGS_5_">
-		
-			<rect x="40.6" y="102.5" transform="matrix(-1 7.722594e-03 -7.722594e-03 -1 149.3678 218.2719)" class="st1" width="67.3" height="13.8"/>
-		<path class="st2" d="M38.4,116.2L38.4,116.2c0.1,6.5,5.4,11.8,11.9,11.8l48.2-0.4c6.5,0,11.7-5.5,11.7-12l0,0l0-1.9
-			c0-1.6-1.3-2.9-2.9-2.9l-66,0.5c-1.6,0-2.9,1.3-2.9,2.9L38.4,116.2z"/>
-		<g>
-			
-				<rect x="41.4" y="107.9" transform="matrix(-1 7.722594e-03 -7.722594e-03 -1 149.3352 215.4585)" class="st3" width="65.8" height="0.2"/>
-			
-				<rect x="41.4" y="108.7" transform="matrix(-1 7.722594e-03 -7.722594e-03 -1 149.3543 217.1097)" class="st3" width="65.8" height="0.2"/>
-			
-				<rect x="41.4" y="109.6" transform="matrix(-1 7.722594e-03 -7.722594e-03 -1 149.3735 218.761)" class="st3" width="65.8" height="0.2"/>
-		</g>
-		<path class="st0" d="M75.1,127.8l23.3-0.2c6.5-0.1,11.8-5.5,11.7-12l0,0c0,0-1,5.3-8.2,8c-5.3,2-12.8,1.6-26.9,1.7
-			c-14.1,0.1-23,0.6-28.4-1.3c-7.2-2.6-8.3-7.8-8.3-7.8l0,0c0.1,6.5,5.4,11.8,11.9,11.8L75.1,127.8z"/>
-	</g>
-	<g id="NECK_5_">
-		<path class="st1" d="M51.3,82.6l0.1-1.3l2.9-5c0,0,0.3-0.7,2-0.6c0.8,0,38.5,2.1,39.3,2.1c1.8,0.1,2,0.8,2,0.8l1.6,3.8l-0.1,1.3
-			L51.3,82.6z"/>
-		<g>
-			
-				<rect x="75.7" y="57.7" transform="matrix(5.436085e-02 -0.9985 0.9985 5.436085e-02 -6.2381 149.5234)" class="st3" width="0.2" height="40.7"/>
-			
-				<rect x="75.7" y="57.8" transform="matrix(5.436085e-02 -0.9985 0.9985 5.436085e-02 -7.1037 150.2582)" class="st3" width="0.2" height="42.2"/>
-		</g>
-	</g>
-	<g id="HEAD_18_">
-		<path id="dark_greeen_9_" class="st2" d="M35.2,76.5l16.4,0.9c0,0,0.7-1.2,1.4-2.4c0.7-1.2,2.3-1,2.3-1l41.7,2.3
-			c0,0,1.5-0.1,2.2,1.3c0.7,1.4,1.2,2.5,1.2,2.5l16.1,0.9c3.5,0.2,6.5-2.5,6.7-6l2.7-49.8c0.2-3.5-2.5-6.5-6-6.7l-81.1-4.4
-			c-3.5-0.2-6.5,2.5-6.7,6l-2.7,49.8C29,73.3,31.7,76.3,35.2,76.5z"/>
-		<path class="st0" d="M98.1,57.7l-43.4-2.4c0,0,10.9,2.5,22.2,3.1C88.6,59.1,98.1,57.7,98.1,57.7z"/>
-		<g id="light_green_4_">
-			<path class="st4" d="M43.3,41.3c-0.4,7.4,5.3,13.7,12.6,14.1l42.8,2.3c7.4,0.4,13.7-5.2,14.1-12.6c0.4-7.4-5.3-13.7-12.6-14.1
-				l-42.8-2.3C50,28.2,43.7,33.9,43.3,41.3z"/>
-			<g>
-				<g>
-					<path class="st4" d="M109.4,28.1c3.2,0.8,4.7,3.7,4.8,6.7c0,0.7-0.4,1.1-0.9,1c-0.5-0.1-0.8-0.3-0.9-1.3c0-2.3-1.2-4.1-3.2-4.8
-						c0,0-1.5-0.3-1.2-1.2C108.2,28,108.8,28,109.4,28.1z"/>
-				</g>
-			</g>
-			<g>
-				<g>
-					<path class="st4" d="M50.2,25.8c0.1,1-1.4,1-1.4,1c-2.1,0.3-3.3,1.3-3.7,3.6c-0.3,1-0.5,1.2-1.1,1.2c-0.4,0-0.8-0.4-0.7-1.1
-						c0.5-3,2.3-5.1,5.6-5.3C49.4,25.1,50.1,25.2,50.2,25.8z"/>
-				</g>
-			</g>
-		</g>
-		<path id="dark_greeen_3_" class="st0" d="M50.8,77.4l-15.6-0.8c-3.5-0.2-6.2-3.3-5.9-6.8l1.9-33.9l1.7,33.9c0,0-0.6,3.7,5,4.9
-			L50.8,77.4z"/>
-		<path class="st0" d="M82.8,46.5c0,0-2.8-0.3-5.9,0c-3.1,0.3-4.7,1-4.7,1c-0.6,0-1.1-0.4-1.1-0.9v0c0-0.6,0.3-0.9,0.9-1.1
-			c0,0,3-0.8,4.8-1c1.8-0.1,5.9,0,5.9,0c0.6,0,1.1,0.4,1.1,0.9l0,0C83.7,45.9,83.3,46.4,82.8,46.5z"/>
-		<g id="light_green_5_">
-			<path class="st0" d="M62.9,44.4c0,0-2.1-1.2-4.8-0.9c-2,0.2-4.3,1.8-4.3,1.8c-0.8-0.8-1.3-1.9-1.5-3.1c-0.4-3.1,1.8-6,5-6.4
-				s6,1.9,6.3,5C63.8,42.1,63.5,43.4,62.9,44.4z M101.8,47.9c0,0-2.1-1.7-4.1-2.2c-2.7-0.6-4.9,0.5-4.9,0.5
-				c-0.5-1.1-0.7-2.4-0.4-3.7c0.7-3.1,3.7-5.1,6.8-4.4c3.1,0.7,5,3.7,4.4,6.8C103.3,46.1,102.7,47.1,101.8,47.9z"/>
-		</g>
-	</g>
-	<g id="ARMS_5_">
-		<g id="BRAS_10_">
-			<g id="ARM_20_">
-				<path class="st0" d="M115.4,97.6c1-0.1,1.8-1.6,1.7-3.4l-0.2-6.2c-0.1-2.3-1.5-3.3-7.1-3c-1.6,0.1-6,0.4-6,0.4
-					c-1,0.1-1.8,1.6-1.7,3.4l0.6,9.6C103.1,98.4,115.4,97.6,115.4,97.6z"/>
-			</g>
-		</g>
-		<g id="ARM_19_">
-			<path class="st2" d="M144.5,67.9l0.5,0.5c2.5,2.6,2,7.3-0.6,9.8l-8.4,8.3c-3,3-11.7,7.8-16,3.5l-1-1c-2.5-2.6-0.5-4.7,2.1-7.2
-				l14.1-13.9C137.8,65.3,142,65.4,144.5,67.9z"/>
-			<path class="st0" d="M144.5,67.9c0,0-2.8-2.7-8.1,1.6c-2.2,1.8-14.5,14-15.8,15.6c-1.8,2.3-1.6,3.9-1.6,3.9
-				c-2.5-2.6-0.5-4.7,2.1-7.2l14.1-13.9C137.8,65.3,142,65.4,144.5,67.9z"/>
-			<g>
-				
-					<rect x="134" y="77.6" transform="matrix(-0.7025 -0.7117 0.7117 -0.7025 179.7647 230.6487)" class="st5" width="8.2" height="0.2"/>
-				
-					<rect x="135.1" y="76.6" transform="matrix(-0.7025 -0.7117 0.7117 -0.7025 182.4193 229.5794)" class="st5" width="8.2" height="0.2"/>
-				
-					<rect x="136.2" y="75.5" transform="matrix(-0.7025 -0.7117 0.7117 -0.7025 185.074 228.5101)" class="st5" width="8.2" height="0.2"/>
-			</g>
-		</g>
-		<g id="BRAS_8_">
-			<g id="ARM_18_">
-				<path class="st0" d="M33.5,96c-1-0.1-1.7-1.7-1.4-3.5l0.6-6.1c0.3-2.3,1.7-3.2,7.3-2.5c1.6,0.2,5.9,0.8,5.9,0.8
-					c1,0.1,1.7,1.7,1.4,3.5l-1.3,9.5C45.8,97.7,33.5,96,33.5,96z"/>
-			</g>
-		</g>
-		<g id="ARM_16_">
-			<path class="st2" d="M13.4,58.2l-0.6,0.3c-3.3,1.5-4.4,6.1-2.9,9.4l5,10.8c1.8,3.8,8.2,11.4,13.7,8.9l1.3-0.6
-				c3.3-1.5,2.1-4.2,0.6-7.5l-8.3-18C20.6,58.1,16.7,56.7,13.4,58.2z"/>
-			<path class="st0" d="M13.4,58.2c0,0,3.5-1.6,7,4.4c1.4,2.5,8.7,18.2,9.3,20.2c0.9,2.8,0.2,4.2,0.2,4.2c3.3-1.5,2.1-4.2,0.6-7.5
-				l-8.3-18C20.6,58.1,16.7,56.7,13.4,58.2z"/>
-			<g>
-				
-					<rect x="11.9" y="69.5" transform="matrix(0.9084 -0.4182 0.4182 0.9084 -27.6607 13.0783)" class="st5" width="8.2" height="0.2"/>
-				
-					<rect x="11.2" y="68.1" transform="matrix(0.9084 -0.4182 0.4182 0.9084 -27.131 12.678)" class="st5" width="8.2" height="0.2"/>
-				
-					<rect x="10.6" y="66.7" transform="matrix(0.9084 -0.4182 0.4182 0.9084 -26.6013 12.2776)" class="st5" width="8.2" height="0.2"/>
-			</g>
-		</g>
-	</g>
-	<path id="BELLY_5_" class="st2" d="M43.3,105.4c-6.7-0.1-8-2.6-8-9.1c0,0-0.2-10.9-0.2-12.2c0-2.2,4.5-3.9,8.9-3.8l61.8,1.3
-		c4.4,0.1,8.8,1.9,8.7,4.2c0,1.3-0.7,12.1-0.7,12.1c-0.3,6.5-1.7,8.9-8.4,8.8L43.3,105.4z"/>
-	<ellipse id="SHADOW_5_" class="st6" cx="74.3" cy="163.5" rx="53.1" ry="6.7"/>
-	<g id="TXT_4_">
-		<g>
-			<path class="st1" d="M64.3,91.8c0-0.1,0-0.4,0-0.5c0-0.1,0-0.1,0-0.2l0.7,0c0,0.1,0,0.1-0.1,0.4c0,0.1,0,0.1,0,0.2l0.8,0
-				c0.1,0,0.2,0,0.2,0l0.3,0.3c0,0.1,0,0.1-0.1,0.3c0,0.8-0.1,1.4-0.2,1.6c-0.1,0.3-0.3,0.4-0.7,0.4c-0.1,0-0.2,0-0.5,0
-				c0-0.3,0-0.4-0.1-0.6c0.2,0.1,0.4,0.1,0.5,0.1c0.2,0,0.2-0.1,0.3-0.4c0-0.2,0.1-0.7,0.1-1l-0.7,0c0,0.2,0,0.2-0.1,0.4
-				c-0.2,0.7-0.5,1.2-1.3,1.7c-0.2-0.3-0.3-0.4-0.5-0.6c0.5-0.2,0.8-0.5,1-0.9c0.1-0.2,0.1-0.3,0.2-0.6l-0.5,0c-0.2,0-0.3,0-0.5,0
-				l0-0.6c0.2,0,0.2,0,0.5,0L64.3,91.8z"/>
-			<path class="st1" d="M69.3,94.5c-0.3-0.4-0.6-0.7-1-1.1c-0.4,0.4-0.8,0.7-1.4,1c-0.1-0.3-0.2-0.4-0.4-0.6
-				c0.5-0.2,0.9-0.4,1.2-0.7c0.3-0.3,0.6-0.6,0.8-1l-0.9,0c-0.3,0-0.4,0-0.6,0l0-0.6c0.1,0,0.2,0,0.4,0c0,0,0.1,0,0.2,0l1.2,0
-				c0.2,0,0.2,0,0.3,0l0.3,0.3c-0.1,0.1-0.1,0.1-0.1,0.2c-0.2,0.4-0.3,0.7-0.6,1c0.4,0.3,0.6,0.5,1.1,1L69.3,94.5z"/>
-			<path class="st1" d="M70.5,94.5c0-0.2,0-0.3,0-0.6l0.1-2.1c0-0.3,0-0.3,0-0.5l0.7,0c0,0.1,0,0.3,0,0.5l0,0.5
-				c0.6,0.2,1.1,0.4,1.6,0.8l-0.4,0.6c-0.3-0.3-0.8-0.5-1.1-0.7c-0.1-0.1-0.1-0.1-0.2-0.1l0,0.9c0,0.2,0,0.4,0,0.6L70.5,94.5z"/>
-			<path class="st1" d="M73.3,92.7c0.2,0,0.4,0,0.7,0.1l1.7,0c0.4,0,0.5,0,0.7,0l0,0.7c-0.2,0-0.3,0-0.7,0l-1.7,0
-				c-0.4,0-0.5,0-0.7,0L73.3,92.7z"/>
-			<path class="st1" d="M77.9,93c0,0.1,0,0.1,0,0.1c-0.1,0.6-0.3,1-0.6,1.4c-0.2-0.1-0.4-0.2-0.6-0.3c0.3-0.4,0.5-0.9,0.6-1.4
-				L77.9,93z M80.1,92.7c-0.1,0-0.2,0-0.6,0l-0.7,0l0,1.6c0,0.2,0,0.4,0,0.5l-0.7,0c0-0.1,0-0.3,0-0.6l0-1.6l-0.7,0
-				c-0.3,0-0.4,0-0.5,0l0-0.6c0.1,0,0.2,0,0.6,0l0.7,0l0-0.1c0-0.2,0-0.3,0-0.4l0.7,0c0,0.1,0,0.2,0,0.4l0,0.1l0.8,0
-				c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.2,0.2-0.4,0.4-0.4c0.2,0,0.4,0.2,0.4,0.4c0,0.1-0.1,0.3-0.2,0.4L80.1,92.7z M79.6,92.8
-				c0.1,0.5,0.3,1.1,0.6,1.4c-0.2,0.1-0.4,0.2-0.6,0.3c-0.3-0.5-0.4-0.8-0.5-1.4c0-0.1,0-0.1-0.1-0.2L79.6,92.8z M79.7,91.8
-				c0,0.1,0.1,0.2,0.2,0.2c0.1,0,0.2-0.1,0.2-0.2c0-0.1-0.1-0.2-0.2-0.2C79.8,91.6,79.7,91.7,79.7,91.8z"/>
-			<path class="st1" d="M81.1,92.4c0.1,0.3,0.2,0.6,0.3,0.9l-0.6,0.2c-0.1-0.4-0.2-0.6-0.3-0.9L81.1,92.4z M83.2,92.5
-				c0,0.1,0,0.1-0.1,0.2c-0.1,0.5-0.3,0.9-0.5,1.2c-0.2,0.3-0.5,0.5-0.8,0.7c-0.1,0.1-0.2,0.1-0.4,0.2c-0.1-0.2-0.2-0.3-0.4-0.5
-				c0.7-0.3,1.1-0.6,1.4-1.2c0.1-0.3,0.2-0.5,0.2-0.8L83.2,92.5z M81.9,92.3c0.2,0.4,0.2,0.5,0.3,0.9l-0.6,0.2
-				c-0.1-0.3-0.2-0.6-0.3-0.9L81.9,92.3z"/>
-			<path class="st1" d="M84,94.9c0-0.2,0-0.3,0-0.6l0.1-2.1c0-0.3,0-0.3,0-0.5l0.7,0c0,0.1,0,0.2,0,0.5l0,0.5
-				c0.6,0.2,1.1,0.5,1.6,0.8L86,94.1c-0.3-0.2-0.7-0.5-1.1-0.7c-0.1,0-0.1,0-0.1-0.1c0,0,0,0,0,0l0,0.9c0,0.3,0,0.5,0,0.6L84,94.9z
-				 M85.7,91.9c0.1,0.2,0.2,0.3,0.3,0.5l-0.3,0.2c-0.1-0.2-0.2-0.4-0.3-0.5L85.7,91.9z M86.2,91.7c0.1,0.1,0.2,0.3,0.4,0.5l-0.3,0.2
-				c-0.1-0.2-0.2-0.4-0.3-0.5L86.2,91.7z"/>
-		</g>
-		<g>
-			<path class="st1" d="M70.6,97.8c-0.1,0-0.1,0-0.2,0.1c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.6
-				c0-0.3,0.1-0.5,0.2-0.6c0.1-0.1,0.3-0.2,0.5-0.2c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0.1l0,0.3c-0.1-0.1-0.1-0.1-0.2-0.1
-				c0,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0.1C70,96.7,70,96.9,70,97c0,0.2,0,0.3,0.1,0.4c0.1,0.1,0.1,0.1,0.3,0.1c0.1,0,0.1,0,0.2,0
-				c0.1,0,0.1-0.1,0.2-0.1L70.6,97.8z"/>
-			<path class="st1" d="M71.5,96.3l0.3,0l0,1l0.2,0l0,0.3l-0.2,0l0,0.3l-0.3,0l0-0.3l-0.6,0l0-0.3L71.5,96.3z M71.5,96.6l-0.4,0.6
-				l0.4,0L71.5,96.6z"/>
-			<path class="st1" d="M72.3,96.3l0.9,0l0,0.3l-0.6,0l0,0.3c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.2,0,0.3,0.1,0.4,0.2
-				s0.1,0.2,0.1,0.4c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.1-0.4,0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2-0.1l0-0.3
-				c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1,0,0.1-0.1,0.1-0.2c0-0.1,0-0.2-0.1-0.2
-				c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0.1L72.3,96.3z"/>
-			<path class="st1" d="M73.6,96.3l1,0l0,0.2L74,97.9l-0.3,0l0.5-1.3l-0.7,0L73.6,96.3z"/>
-			<path class="st1" d="M74.8,97.2c0-0.3,0.1-0.5,0.1-0.6c0.1-0.1,0.2-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.1,0.3,0.1,0.6
-				c0,0.3-0.1,0.5-0.1,0.6c-0.1,0.1-0.2,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2S74.8,97.4,74.8,97.2z M75.4,96.6c-0.1,0-0.1,0-0.2,0.1
-				c0,0.1-0.1,0.2-0.1,0.4c0,0.1,0,0.1,0,0.2l0.4-0.6c0,0,0,0,0,0C75.5,96.7,75.5,96.6,75.4,96.6z M75.2,97.6c0,0.1,0.1,0.1,0.2,0.1
-				c0.1,0,0.1,0,0.2-0.1c0-0.1,0.1-0.2,0.1-0.4c0-0.1,0-0.1,0-0.2L75.2,97.6C75.2,97.6,75.2,97.6,75.2,97.6z"/>
-			<path class="st1" d="M76.2,96.4l0.4,0c0.2,0,0.4,0,0.5,0.1c0.1,0.1,0.1,0.2,0.1,0.4c0,0.2-0.1,0.3-0.2,0.4
-				c-0.1,0.1-0.3,0.1-0.5,0.1l-0.1,0l0,0.6l-0.3,0L76.2,96.4z M76.5,96.7l0,0.5l0.1,0c0.1,0,0.2,0,0.2,0c0,0,0.1-0.1,0.1-0.2
-				c0-0.1,0-0.1-0.1-0.2c0,0-0.1-0.1-0.2-0.1L76.5,96.7z"/>
-			<path class="st1" d="M77.5,97.2c0-0.3,0.1-0.5,0.1-0.6c0.1-0.1,0.2-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.1,0.3,0.1,0.6
-				c0,0.3-0.1,0.5-0.1,0.6c-0.1,0.1-0.2,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2S77.5,97.5,77.5,97.2z M78,96.7c-0.1,0-0.1,0-0.2,0.1
-				c0,0.1-0.1,0.2-0.1,0.4c0,0.1,0,0.1,0,0.2l0.4-0.6c0,0,0,0,0,0C78.1,96.7,78.1,96.7,78,96.7z M77.8,97.7c0,0.1,0.1,0.1,0.2,0.1
-				c0.1,0,0.1,0,0.2-0.1c0-0.1,0.1-0.2,0.1-0.4c0-0.1,0-0.1,0-0.2L77.8,97.7C77.8,97.6,77.8,97.6,77.8,97.7z"/>
-			<path class="st1" d="M78.8,96.5l0.3,0c0.3,0,0.4,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6c0,0.3-0.1,0.5-0.2,0.6
-				c-0.1,0.1-0.3,0.2-0.6,0.2l-0.3,0L78.8,96.5z M79.1,96.7l0,1l0.1,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.4
-				c0-0.2,0-0.3-0.1-0.4C79.4,96.8,79.3,96.8,79.1,96.7L79.1,96.7z"/>
-		</g>
-		<g>
-			<path class="st4" d="M64.3,91.6c0-0.1,0-0.4,0-0.5c0-0.1,0-0.1,0-0.2l0.7,0c0,0.1,0,0.1-0.1,0.4c0,0.1,0,0.1,0,0.2l0.8,0
-				c0.1,0,0.2,0,0.2,0l0.3,0.3c0,0.1,0,0.1-0.1,0.3c0,0.8-0.1,1.4-0.2,1.6c-0.1,0.3-0.3,0.4-0.7,0.4c-0.1,0-0.2,0-0.5,0
-				c0-0.3,0-0.4-0.1-0.6c0.2,0.1,0.4,0.1,0.5,0.1c0.2,0,0.2-0.1,0.3-0.4c0-0.2,0.1-0.7,0.1-1l-0.7,0c0,0.2,0,0.2-0.1,0.4
-				c-0.2,0.7-0.5,1.2-1.3,1.7c-0.2-0.3-0.3-0.4-0.5-0.6c0.5-0.2,0.8-0.5,1-0.9c0.1-0.2,0.1-0.3,0.2-0.6l-0.5,0c-0.2,0-0.3,0-0.5,0
-				l0-0.6c0.2,0,0.2,0,0.5,0L64.3,91.6z"/>
-			<path class="st4" d="M69.3,94.3c-0.3-0.4-0.6-0.7-1-1.1c-0.4,0.4-0.8,0.7-1.4,1c-0.1-0.3-0.2-0.4-0.4-0.6
-				c0.5-0.2,0.9-0.4,1.2-0.7c0.3-0.3,0.6-0.6,0.8-1l-0.9,0c-0.3,0-0.4,0-0.6,0l0-0.6c0.1,0,0.2,0,0.4,0c0,0,0.1,0,0.2,0l1.2,0
-				c0.2,0,0.2,0,0.3,0l0.3,0.3c-0.1,0.1-0.1,0.1-0.1,0.2c-0.2,0.4-0.3,0.7-0.6,1c0.4,0.3,0.6,0.5,1.1,1L69.3,94.3z"/>
-			<path class="st4" d="M70.5,94.3c0-0.2,0-0.3,0-0.6l0.1-2.1c0-0.3,0-0.3,0-0.5l0.7,0c0,0.1,0,0.3,0,0.5l0,0.5
-				c0.6,0.2,1.1,0.4,1.6,0.8l-0.4,0.6c-0.3-0.3-0.8-0.5-1.1-0.7c-0.1-0.1-0.1-0.1-0.2-0.1l0,0.9c0,0.2,0,0.4,0,0.6L70.5,94.3z"/>
-			<path class="st4" d="M73.3,92.4c0.2,0,0.4,0,0.7,0.1l1.7,0c0.4,0,0.5,0,0.7,0l0,0.7c-0.2,0-0.3,0-0.7,0l-1.7,0
-				c-0.4,0-0.5,0-0.7,0L73.3,92.4z"/>
-			<path class="st4" d="M77.9,92.7c0,0.1,0,0.1,0,0.1c-0.1,0.6-0.3,1-0.6,1.4c-0.2-0.1-0.4-0.2-0.6-0.3c0.3-0.4,0.5-0.9,0.6-1.4
-				L77.9,92.7z M80.1,92.5c-0.1,0-0.2,0-0.6,0l-0.7,0l0,1.6c0,0.2,0,0.4,0,0.5l-0.7,0c0-0.1,0-0.3,0-0.6l0-1.6l-0.7,0
-				c-0.3,0-0.4,0-0.5,0l0-0.6c0.1,0,0.2,0,0.6,0l0.7,0l0-0.1c0-0.2,0-0.3,0-0.4l0.7,0c0,0.1,0,0.2,0,0.4l0,0.1l0.8,0
-				c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.2,0.2-0.4,0.4-0.4c0.2,0,0.4,0.2,0.4,0.4c0,0.1-0.1,0.3-0.2,0.4L80.1,92.5z M79.6,92.6
-				c0.1,0.5,0.3,1.1,0.6,1.4c-0.2,0.1-0.4,0.2-0.6,0.3c-0.3-0.5-0.4-0.8-0.5-1.4c0-0.1,0-0.1-0.1-0.2L79.6,92.6z M79.7,91.6
-				c0,0.1,0.1,0.2,0.2,0.2c0.1,0,0.2-0.1,0.2-0.2c0-0.1-0.1-0.2-0.2-0.2C79.8,91.4,79.7,91.5,79.7,91.6z"/>
-			<path class="st4" d="M81.1,92.2c0.1,0.3,0.2,0.6,0.3,0.9l-0.6,0.2c-0.1-0.4-0.2-0.6-0.3-0.9L81.1,92.2z M83.2,92.3
-				c0,0.1,0,0.1-0.1,0.2c-0.1,0.5-0.3,0.9-0.5,1.2c-0.2,0.3-0.5,0.5-0.8,0.7c-0.1,0.1-0.2,0.1-0.4,0.2c-0.1-0.2-0.2-0.3-0.4-0.5
-				c0.7-0.3,1.1-0.6,1.4-1.2c0.1-0.3,0.2-0.5,0.2-0.8L83.2,92.3z M81.9,92.1c0.2,0.4,0.2,0.5,0.3,0.9l-0.6,0.2
-				c-0.1-0.3-0.2-0.6-0.3-0.9L81.9,92.1z"/>
-			<path class="st4" d="M84,94.7c0-0.2,0-0.3,0-0.6l0.1-2.1c0-0.3,0-0.3,0-0.5l0.7,0c0,0.1,0,0.2,0,0.5l0,0.5
-				c0.6,0.2,1.1,0.5,1.6,0.8L86,93.9c-0.3-0.2-0.7-0.5-1.1-0.7c-0.1,0-0.1,0-0.1-0.1c0,0,0,0,0,0l0,0.9c0,0.3,0,0.5,0,0.6L84,94.7z
-				 M85.7,91.7c0.1,0.2,0.2,0.3,0.3,0.5l-0.3,0.2c-0.1-0.2-0.2-0.4-0.3-0.5L85.7,91.7z M86.2,91.5c0.1,0.1,0.2,0.3,0.4,0.5l-0.3,0.2
-				c-0.1-0.2-0.2-0.4-0.3-0.5L86.2,91.5z"/>
-		</g>
-		<g>
-			<path class="st4" d="M70.6,97.6c-0.1,0-0.1,0-0.2,0.1c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4-0.1-0.5-0.2s-0.2-0.3-0.2-0.6
-				c0-0.3,0.1-0.5,0.2-0.6c0.1-0.1,0.3-0.2,0.5-0.2c0.1,0,0.1,0,0.2,0s0.1,0,0.2,0.1l0,0.3c-0.1-0.1-0.1-0.1-0.2-0.1
-				c0,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0.1C70,96.5,70,96.6,70,96.8c0,0.2,0,0.3,0.1,0.4c0.1,0.1,0.1,0.1,0.3,0.1c0.1,0,0.1,0,0.2,0
-				c0.1,0,0.1-0.1,0.2-0.1L70.6,97.6z"/>
-			<path class="st4" d="M71.5,96.1l0.3,0l0,1l0.2,0l0,0.3l-0.2,0l0,0.3l-0.3,0l0-0.3l-0.6,0l0-0.3L71.5,96.1z M71.5,96.4L71.1,97
-				l0.4,0L71.5,96.4z"/>
-			<path class="st4" d="M72.3,96.1l0.9,0l0,0.3l-0.6,0l0,0.3c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.2,0,0.3,0.1,0.4,0.2
-				c0.1,0.1,0.1,0.2,0.1,0.4c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.1-0.4,0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2-0.1l0-0.3
-				c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1,0,0.1-0.1,0.1-0.2c0-0.1,0-0.2-0.1-0.2
-				c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0.1L72.3,96.1z"/>
-			<path class="st4" d="M73.6,96.1l1,0l0,0.2L74,97.7l-0.3,0l0.5-1.3l-0.7,0L73.6,96.1z"/>
-			<path class="st4" d="M74.8,96.9c0-0.3,0.1-0.5,0.1-0.6c0.1-0.1,0.2-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.1,0.3,0.1,0.6
-				c0,0.3-0.1,0.5-0.1,0.6c-0.1,0.1-0.2,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2S74.8,97.2,74.8,96.9z M75.4,96.4c-0.1,0-0.1,0-0.2,0.1
-				c0,0.1-0.1,0.2-0.1,0.4c0,0.1,0,0.1,0,0.2l0.4-0.6c0,0,0,0,0,0C75.5,96.4,75.5,96.4,75.4,96.4z M75.2,97.4c0,0.1,0.1,0.1,0.2,0.1
-				c0.1,0,0.1,0,0.2-0.1c0-0.1,0.1-0.2,0.1-0.4c0-0.1,0-0.1,0-0.2L75.2,97.4C75.2,97.4,75.2,97.4,75.2,97.4z"/>
-			<path class="st4" d="M76.2,96.2l0.4,0c0.2,0,0.4,0,0.5,0.1c0.1,0.1,0.1,0.2,0.1,0.4c0,0.2-0.1,0.3-0.2,0.4
-				c-0.1,0.1-0.3,0.1-0.5,0.1l-0.1,0l0,0.6l-0.3,0L76.2,96.2z M76.5,96.5l0,0.5l0.1,0c0.1,0,0.2,0,0.2,0c0,0,0.1-0.1,0.1-0.2
-				c0-0.1,0-0.1-0.1-0.2c0,0-0.1-0.1-0.2-0.1L76.5,96.5z"/>
-			<path class="st4" d="M77.5,97c0-0.3,0.1-0.5,0.1-0.6c0.1-0.1,0.2-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.1,0.3,0.1,0.6
-				c0,0.3-0.1,0.5-0.1,0.6c-0.1,0.1-0.2,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2S77.5,97.3,77.5,97z M78,96.5c-0.1,0-0.1,0-0.2,0.1
-				c0,0.1-0.1,0.2-0.1,0.4c0,0.1,0,0.1,0,0.2l0.4-0.6c0,0,0,0,0,0C78.1,96.5,78.1,96.5,78,96.5z M77.8,97.4c0,0.1,0.1,0.1,0.2,0.1
-				c0.1,0,0.1,0,0.2-0.1c0-0.1,0.1-0.2,0.1-0.4c0-0.1,0-0.1,0-0.2L77.8,97.4C77.8,97.4,77.8,97.4,77.8,97.4z"/>
-			<path class="st4" d="M78.8,96.2l0.3,0c0.3,0,0.4,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6c0,0.3-0.1,0.5-0.2,0.6
-				c-0.1,0.1-0.3,0.2-0.6,0.2l-0.3,0L78.8,96.2z M79.1,96.5l0,1l0.1,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.4
-				c0-0.2,0-0.3-0.1-0.4C79.4,96.6,79.3,96.5,79.1,96.5L79.1,96.5z"/>
-		</g>
-	</g>
-</g>
-</svg>

app/Views/_assets/install.ts

-import Tooltip from "./modules/Tooltip";
-
-Tooltip();

app/Views/_assets/modules/MarkdownEditor.ts

-import { exampleSetup } from "prosemirror-example-setup";
-import "prosemirror-example-setup/style/style.css";
-import {
-  defaultMarkdownParser,
-  defaultMarkdownSerializer,
-  schema,
-} from "prosemirror-markdown";
-import "prosemirror-menu/style/menu.css";
-import { EditorState } from "prosemirror-state";
-import { EditorView } from "prosemirror-view";
-import "prosemirror-view/style/prosemirror.css";
-
-class MarkdownView {
-  textarea: HTMLTextAreaElement;
-
-  constructor(target: HTMLTextAreaElement) {
-    this.textarea = target;
-    this.textarea.classList.add("w-full", "h-full");
-  }
-
-  get content() {
-    return this.textarea.innerHTML;
-  }
-  focus() {
-    this.textarea.focus();
-  }
-  show() {
-    this.textarea.classList.remove("hidden");
-  }
-  hide() {
-    this.textarea.classList.add("hidden");
-  }
-}
-
-class ProseMirrorView {
-  editorContainer: HTMLDivElement;
-  view: EditorView;
-
-  constructor(target: HTMLTextAreaElement, content: string) {
-    this.editorContainer = document.createElement("div");
-    this.editorContainer.classList.add("bg-white", "border");
-    this.editorContainer.style.minHeight = "200px";
-    const editor = target.parentNode?.insertBefore(
-      this.editorContainer,
-      target.nextSibling
-    );
-
-    this.view = new EditorView(editor, {
-      state: EditorState.create({
-        doc: defaultMarkdownParser.parse(content),
-        plugins: exampleSetup({ schema }),
-      }),
-      dispatchTransaction: (transaction) => {
-        const newState = this.view.state.apply(transaction);
-        this.view.updateState(newState);
-
-        if (transaction.docChanged) {
-          target.innerHTML = this.content;
-        }
-      },
-      attributes: {
-        class: "prose-sm px-3 py-2 overflow-y-auto focus:ring",
-        style: "min-height: 200px; max-height: 500px",
-      },
-    });
-  }
-
-  get content() {
-    return defaultMarkdownSerializer.serialize(this.view.state.doc);
-  }
-  focus() {
-    this.view.focus();
-  }
-  show() {
-    this.editorContainer.classList.remove("hidden");
-  }
-  hide() {
-    this.editorContainer.classList.add("hidden");
-  }
-}
-
-const MarkdownEditor = (): void => {
-  const targets: NodeListOf<HTMLTextAreaElement> = document.querySelectorAll(
-    "textarea[data-editor='markdown']"
-  );
-  const activeClass = "font-semibold";
-
-  for (let i = 0; i < targets.length; i++) {
-    const target = targets[i];
-
-    const wysiwygBtn = document.createElement("button");
-    wysiwygBtn.classList.add(
-      activeClass,
-      "py-1",
-      "px-2",
-      "bg-white",
-      "border",
-      "text-xs",
-      "outline-none",
-      "focus:ring"
-    );
-    wysiwygBtn.setAttribute("type", "button");
-    wysiwygBtn.innerHTML = "Wysiwyg";
-    const markdownBtn = document.createElement("button");
-    markdownBtn.classList.add(
-      "py-1",
-      "px-2",
-      "bg-white",
-      "border",
-      "text-xs",
-      "outline-none",
-      "focus:ring"
-    );
-    markdownBtn.setAttribute("type", "button");
-    markdownBtn.innerHTML = "Markdown";
-
-    const viewButtons = document.createElement("div");
-    viewButtons.appendChild(wysiwygBtn);
-    viewButtons.appendChild(markdownBtn);
-    viewButtons.classList.add(
-      "inline-flex",
-      "absolute",
-      "top-0",
-      "right-0",
-      "-mt-6"
-    );
-
-    const markdownEditorContainer = document.createElement("div");
-    markdownEditorContainer.classList.add("relative");
-    markdownEditorContainer.style.minHeight = "200px";
-    target.parentNode?.appendChild(markdownEditorContainer);
-    markdownEditorContainer.appendChild(target);
-
-    // show WYSIWYG editor by default
-    target.classList.add("hidden");
-    const markdownView = new MarkdownView(target);
-    const wysiwygView = new ProseMirrorView(target, markdownView.content);
-
-    markdownEditorContainer.appendChild(viewButtons);
-
-    markdownBtn.addEventListener("click", () => {
-      if (markdownBtn.classList.contains(activeClass)) return;
-      markdownBtn.classList.add(activeClass);
-      wysiwygBtn.classList.remove(activeClass);
-      wysiwygView.hide();
-      markdownView.show();
-    });
-
-    wysiwygBtn.addEventListener("click", () => {
-      if (wysiwygBtn.classList.contains(activeClass)) return;
-      wysiwygBtn.classList.add(activeClass);
-      markdownBtn.classList.remove(activeClass);
-      markdownView.hide();
-      wysiwygView.show();
-    });
-  }
-};
-
-export default MarkdownEditor;

app/Views/_assets/modules/SidebarToggler.ts

-const SidebarToggler = (): void => {
-  const sidebar = document.querySelector(
-    "aside[id='admin-sidebar']"
-  ) as HTMLElement;
-  const toggler = document.querySelector(
-    "button[id='sidebar-toggler']"
-  ) as HTMLButtonElement;
-  const sidebarBackdrop = document.querySelector(
-    "div[id='sidebar-backdrop']"
-  ) as HTMLElement;
-
-  const setAriaExpanded = (isExpanded: "true" | "false") => {
-    toggler.setAttribute("aria-expanded", isExpanded);
-    sidebarBackdrop.setAttribute("aria-expanded", isExpanded);
-  };
-
-  const hideSidebar = () => {
-    setAriaExpanded("false");
-    sidebar.classList.add("-translate-x-full");
-    sidebarBackdrop.classList.add("hidden");
-    toggler.style.transform = "translateX(0px)";
-  };
-
-  const showSidebar = () => {
-    setAriaExpanded("true");
-    sidebar.classList.remove("-translate-x-full");
-    sidebarBackdrop.classList.remove("hidden");
-    toggler.style.transform =
-      "translateX(" + sidebar.getBoundingClientRect().width + "px)";
-  };
-
-  toggler.addEventListener("click", () => {
-    if (sidebar.classList.contains("-translate-x-full")) {
-      showSidebar();
-    } else {
-      hideSidebar();
-    }
-  });
-
-  sidebarBackdrop.addEventListener("click", () => {
-    if (!sidebar.classList.contains("-translate-x-full")) {
-      hideSidebar();
-    }
-  });
-
-  const setAriaExpandedOnWindowEvent = () => {
-    const isExpanded =
-      !sidebar.classList.contains("-translate-x-full") ||
-      window.innerWidth >= 768;
-    const ariaExpanded = toggler.getAttribute("aria-expanded");
-    if (isExpanded && (!ariaExpanded || ariaExpanded === "false")) {
-      setAriaExpanded("true");
-    } else if (!isExpanded && (!ariaExpanded || ariaExpanded === "true")) {
-      setAriaExpanded("false");
-    }
-  };
-
-  window.addEventListener("load", setAriaExpandedOnWindowEvent);
-  window.addEventListener("resize", setAriaExpandedOnWindowEvent);
-};
-
-export default SidebarToggler;

app/Views/_assets/modules/Soundbites.ts

-/**
- * TODO: refactor file
- */
-let timeout: number | null = null;
-
-const playSoundbite = (
-  audioPlayer: HTMLAudioElement,
-  startTime: number,
-  duration: number
-): void => {
-  audioPlayer.currentTime = startTime;
-  if (duration > 0) {
-    audioPlayer.play();
-    if (timeout) {
-      clearTimeout(timeout);
-      timeout = null;
-    }
-    timeout = window.setTimeout(() => {
-      audioPlayer.pause();
-      timeout = null;
-    }, duration * 1000);
-  }
-};
-
-const Soundbites = (): void => {
-  const audioPlayer: HTMLAudioElement | null = document.querySelector("audio");
-
-  if (audioPlayer) {
-    const soundbiteButton: HTMLButtonElement | null = document.querySelector(
-      "button[data-type='get-soundbite']"
-    );
-    if (soundbiteButton) {
-      const startTimeField: HTMLInputElement | null = document.querySelector(
-        `input[name="${soundbiteButton.dataset.startTimeFieldName}"]`
-      );
-      const durationField: HTMLInputElement | null = document.querySelector(
-        `input[name="${soundbiteButton.dataset.durationFieldName}"]`
-      );
-
-      if (startTimeField && durationField) {
-        soundbiteButton.addEventListener("click", () => {
-          if (startTimeField.value === "") {
-            startTimeField.value = (
-              Math.round(audioPlayer.currentTime * 100) / 100
-            ).toString();
-          } else {
-            durationField.value = (
-              Math.round(
-                (audioPlayer.currentTime - Number(startTimeField.value)) * 100
-              ) / 100
-            ).toString();
-          }
-        });
-      }
-    }
-
-    const soundbitePlayButtons: NodeListOf<HTMLButtonElement> | null = document.querySelectorAll(
-      "button[data-type='play-soundbite']"
-    );
-    if (soundbitePlayButtons) {
-      for (let i = 0; i < soundbitePlayButtons.length; i++) {
-        const soundbitePlayButton: HTMLButtonElement = soundbitePlayButtons[i];
-        soundbitePlayButton.addEventListener("click", () => {
-          playSoundbite(
-            audioPlayer,
-            Number(soundbitePlayButton.dataset.soundbiteStartTime),
-            Number(soundbitePlayButton.dataset.soundbiteDuration)
-          );
-        });
-      }
-    }
-
-    const inputFields: NodeListOf<HTMLInputElement> | null = document.querySelectorAll(
-      "input[data-type='soundbite-field']"
-    );
-    if (inputFields) {
-      for (let i = 0; i < inputFields.length; i++) {
-        const inputField: HTMLInputElement = inputFields[i];
-        const soundbitePlayButton: HTMLButtonElement | null = document.querySelector(
-          `button[data-type="play-soundbite"][data-soundbite-id="${inputField.dataset.soundbiteId}"]`
-        );
-        if (soundbitePlayButton) {
-          if (inputField.dataset.fieldType == "start-time") {
-            inputField.addEventListener("input", () => {
-              soundbitePlayButton.dataset.soundbiteStartTime = inputField.value;
-            });
-          } else if (inputField.dataset.fieldType == "duration") {
-            inputField.addEventListener("input", () => {
-              soundbitePlayButton.dataset.soundbiteDuration = inputField.value;
-            });
-          }
-        }
-      }
-    }
-  }
-};
-
-export default Soundbites;

app/Views/_assets/podcast.ts

-import Dropdown from "./modules/Dropdown";
-import Time from "./modules/Time";
-import Toggler from "./modules/Toggler";
-import Tooltip from "./modules/Tooltip";
-
-Dropdown();
-Time();
-Toggler();
-Tooltip();

app/Views/_assets/styles/charts.css

-.chart-map {
-  height: 600px;
-  border: solid 10px #eee;
-}
-.chart-pie {
-  height: 450px;
-  width: 100%;
-  border: solid 1px #eee;
-}
-.chart-xy {
-  height: 500px;
-  width: 100%;
-  border: solid 1px #eee;
-  border: solid 3px #eee;
-}

app/Views/_assets/styles/fonts.css

-@layer base {
-  /* kumbh-sans-regular */
-  @font-face {
-    font-family: "Kumbh Sans";
-    font-style: normal;
-    font-weight: 400;
-    src: local(""), url("fonts/kumbh-sans-regular.woff2") format("woff2"),
-      /* Chrome 26+, Opera 23+, Firefox 39+ */
-        url("fonts/kumbh-sans-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-
-  /* kumbh-sans-700 */
-  @font-face {
-    font-family: "Kumbh Sans";
-    font-style: normal;
-    font-weight: 700;
-    src: local(""), url("fonts/kumbh-sans-700.woff2") format("woff2"),
-      /* Chrome 26+, Opera 23+, Firefox 39+ */ url("fonts/kumbh-sans-700.woff")
-        format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-
-  /* montserrat-regular */
-  @font-face {
-    font-family: "Montserrat";
-    font-style: normal;
-    font-weight: 400;
-    src: local(""), url("fonts/montserrat-regular.woff2") format("woff2"),
-      /* Chrome 26+, Opera 23+, Firefox 39+ */
-        url("fonts/montserrat-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-
-  /* montserrat-600 - latin */
-  @font-face {
-    font-family: "Montserrat";
-    font-style: normal;
-    font-weight: 600;
-    src: local(""), url("fonts/montserrat-600.woff2") format("woff2"),
-      /* Chrome 26+, Opera 23+, Firefox 39+ */ url("fonts/montserrat-600.woff")
-        format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-}

app/Views/_assets/styles/index.css

-@import "./tailwind.css";
-@import "./fonts.css";
-@import "./layout.css";
-@import "./breadcrumb.css";
-@import "./dropdown.css";
-@import "./multiSelect.css";
-@import "./radioBtn.css";
-@import "./switch.css";
-@import "./charts.css";
-@import "./note.css";
-@import "./tabs.css";
-@import "./radioToggler.css";
-@import "./formInputTabs.css";

app/Views/_assets/styles/layout.css

-/* Admin layout */
-.holy-grail-grid {
-  @apply grid min-h-screen overflow-y-auto;
-  grid-template: 1fr auto / auto 1fr;
-
-  & .holy-grail-sidebar {
-    @apply col-start-1 col-end-2 row-start-1 row-end-3 w-80;
-  }
-
-  & .holy-grail-main {
-    @apply w-full col-start-1 col-end-3 row-start-1 row-end-2;
-  }
-
-  & .holy-grail-footer {
-    @apply w-full col-start-1 col-end-3 row-start-2 row-end-3;
-  }
-
-  @screen md {
-    & .holy-grail-main {
-      @apply col-start-2;
-    }
-
-    & .holy-grail-footer {
-      @apply col-start-2;
-    }
-  }
-}

app/Views/_assets/styles/multiSelect.css

-/*===============================
-=          MultiSelect          =
-===============================*/
-
-@layer components {
-  .multiselect {
-    @apply relative;
-
-    &:focus {
-      @apply outline-none ring;
-    }
-    &:last-child {
-      @apply mb-0;
-    }
-    &.is-disabled {
-      &.multiselect__inner,
-      &.multiselect__input {
-        @apply bg-gray-300 cursor-not-allowed select-none;
-      }
-      &.multiselect__item {
-        @apply cursor-not-allowed;
-      }
-    }
-
-    & [hidden] {
-      @apply hidden;
-    }
-  }
-
-  .multiselect[data-type*="select-multiple"],
-  .multiselect[data-type*="text"] {
-    & .multiselect__inner {
-      @apply cursor-text;
-    }
-    & .multiselect__button {
-      @apply relative inline-block w-2 pl-4 mt-0 mb-0 ml-1 opacity-75;
-      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
-      background-size: 8px;
-
-      &:hover,
-      &:focus {
-        @apply opacity-100;
-      }
-    }
-  }
-
-  .multiselect__inner {
-    @apply inline-block w-full px-2 pt-2 pb-1 overflow-hidden align-top bg-white border rounded;
-
-    &.is-focused,
-    &.is-open {
-      @apply ring;
-    }
-    &.is-open {
-      @apply rounded-b-none;
-    }
-    &.is-flipped.is-open {
-      @apply rounded-t-none;
-    }
-  }
-
-  .multiselect__list {
-    @apply p-0 m-0 list-none;
-  }
-
-  .multiselect__list--multiple {
-    @apply inline;
-
-    & .multiselect__item {
-      @apply inline-flex px-2 py-1 mb-1 mr-2 text-sm text-white break-all rounded bg-pine-600;
-
-      &[data-deletable] {
-        @apply pr-1;
-      }
-      & [dir="rtl"] {
-        @apply ml-2 mr-0;
-      }
-      &.is-highlighted {
-        @apply bg-pine-600;
-      }
-      &.is-disabled {
-        @apply bg-gray-500;
-      }
-    }
-  }
-
-  .multiselect__list--dropdown {
-    @apply absolute z-10 invisible w-full overflow-hidden break-all bg-white border border-t-0 rounded-b shadow-lg;
-    top: 100%;
-    will-change: visibility;
-
-    &.is-active {
-      @apply visible;
-    }
-    &.is-open {
-      @apply ring;
-    }
-    &.is-flipped {
-      @apply top-auto mt-0 rounded-t;
-      bottom: 100%;
-    }
-    & .multiselect__list {
-      @apply relative overflow-auto;
-      max-height: 300px;
-      -webkit-overflow-scrolling: touch;
-      will-change: scroll-position;
-    }
-    & .multiselect__item {
-      @apply relative p-3;
-
-      & [dir="rtl"] {
-        @apply text-right;
-      }
-    }
-    & .multiselect__item--selectable {
-      @screen sm {
-        padding-right: 100px;
-        &:after {
-          @apply absolute text-sm transform -translate-y-1/2 opacity-0;
-          content: attr(data-select-text);
-          right: 10px;
-          top: 50%;
-        }
-        & [dir="rtl"] {
-          @apply text-right;
-          padding-left: 100px;
-          padding-right: 10px;
-          &:after {
-            @apply right-auto;
-            left: 10px;
-          }
-        }
-      }
-      &.is-highlighted {
-        @apply bg-gray-100;
-        &:after {
-          @apply opacity-50;
-        }
-      }
-    }
-  }
-
-  .multiselect__item {
-    @apply cursor-default;
-  }
-
-  .multiselect__item--selectable {
-    @apply cursor-pointer;
-  }
-
-  .multiselect__item--disabled {
-    @apply opacity-50 cursor-not-allowed select-none;
-  }
-
-  .multiselect__heading {
-    @apply p-3 font-semibold text-gray-600 border-b;
-  }
-
-  .multiselect__button {
-    @apply bg-transparent bg-center bg-no-repeat border-0 appearance-none cursor-pointer;
-    text-indent: -9999px;
-
-    &:focus {
-      @apply outline-none;
-    }
-  }
-
-  .multiselect__input {
-    @apply inline-block max-w-full py-1 pl-1 mb-1 align-baseline bg-transparent border-0 rounded-none;
-    &:focus {
-      @apply outline-none;
-    }
-    & [dir="rtl"] {
-      @apply pl-0 pr-1;
-    }
-  }
-
-  .multiselect__placeholder {
-    @apply opacity-50;
-  }
-}
-
-/*=====  End of Multiselect  ======*/

app/Views/_assets/styles/note.css

-@layer components {
-  .note-content {
-    & a {
-      @apply text-sm font-semibold text-pine-600 hover:underline;
-    }
-  }
-
-  .note-replies > * {
-    @apply relative;
-
-    & img {
-      @apply z-20;
-    }
-
-    &:not(:last-child)::before {
-      @apply absolute z-10 h-full bg-gray-300 top-8;
-      content: "";
-      left: 3rem;
-      width: 2px;
-    }
-  }
-}