Update views with noscript warnings

resources/views/profile/show.blade.php

@@ -11,6 +11,13 @@
 @if($profile->website)
 <a class="d-none" href="{{$profile->website}}" rel="me">{{$profile->website}}</a>
 @endif
+
+<noscript>
+  <div class="container">
+    <p class="pt-5 text-center lead">Please enable javascript to view this content.</p>
+  </div>
+</noscript>
+
 @endsection
 
 @push('meta')<meta property="og:description" content="{{$profile->bio}}">
@@ -22,20 +29,7 @@
   @endif
 @endpush
 
-@push('styles')
-<style type="text/css">
-  .navbar {
-    border: none !important;
-  }
-</style>
-@endpush
+@push('scripts')<script type="text/javascript" src="{{ mix('js/profile.js') }}"></script>
+    <script type="text/javascript" defer>App.boot();</script>
 
-@push('scripts')
-<script type="text/javascript" src="{{ mix('js/profile.js') }}"></script>
-<script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
-<script type="text/javascript">
-  new Vue({
-    el: '#content'
-  });
-</script>
 @endpush

resources/views/status/show.blade.php

@@ -2,10 +2,8 @@
 
 @section('content')
 <noscript>
-  <div class="card">
-    <div class="card-body container text-center font-weight-bold">
-      This website requires javascript, please enable it and refresh the page.
-    </div>
+  <div class="container">
+    <p class="pt-5 text-center lead">Please enable javascript to view this content.</p>
   </div>
 </noscript>
 <div class="mt-md-4"></div>

resources/views/timeline/home.blade.php

@@ -4,6 +4,12 @@
 
 <timeline scope="home" layout="feed"></timeline>
 
+<noscript>
+	<div class="container">
+		<p class="pt-5 text-center lead">Please enable javascript to view this content.</p>
+	</div>
+</noscript>
+
 @endsection
 
 @push('scripts')

resources/views/timeline/local.blade.php

@@ -4,14 +4,16 @@
 
 <timeline scope="local" layout="feed"></timeline>
 
+<noscript>
+	<div class="container">
+		<p class="pt-5 text-center lead">Please enable javascript to view this content.</p>
+	</div>
+</noscript>
+
 @endsection
 
 @push('scripts')
 <script type="text/javascript" src="{{ mix('js/timeline.js') }}"></script>
 <script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
-<script type="text/javascript">
-	new Vue({
-		el: '#content'
-	});
-</script>
+<script type="text/javascript">window.App.boot()</script>
 @endpush