Add random quotesredesign

3 files changed, 10 insertions, 4 deletions

diff --git a/resources/views/components/never-said.blade.php b/resources/views/components/never-said.blade.php
new file mode 100644
index 0000000..9cb47b7
--- /dev/null
+++ b/resources/views/components/never-said.blade.php
@@ -0,0 +1,3 @@
+<p class="quote">
+    <strong>{{ $quote["name"] }}:</strong> "{{ $quote["quote"] }}"<br>
+</p>
diff --git a/resources/views/components/toh-quote.blade.php b/resources/views/components/toh-quote.blade.php
new file mode 100644
index 0000000..898b001
--- /dev/null
+++ b/resources/views/components/toh-quote.blade.php
@@ -0,0 +1,6 @@
+<p class="quote">
+    @foreach($quote["lines"] as $line)
+        <strong>{{ $line["character"] }}:</strong> "{{ $line["line"] }}"<br>
+    @endforeach
+    <small>({{ $quote["attribution"] }})</small>
+</p>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index a251881..75af3de 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -28,10 +28,7 @@
     <div class="section">
         <h2>Random Quote</h2>
         <hr>
-        <p class="quote">
-            <script type="text/javascript" src="{{ asset("/js/randomQuote.js") }}"></script>
-            <noscript>Oops! You need JavaScript enabled to view this content.</noscript>
-        </p>
+        <x-toh-quote/>
     </div>
     <div class="section">
         <h2>Contact</h2>