wip

Author: octoper

resources/js/app.js

@@ -3,6 +3,7 @@ import php from 'highlight.js/lib/languages/php';
 import shell from 'highlight.js/lib/languages/shell';
 import bash from 'highlight.js/lib/languages/bash';
 import json from 'highlight.js/lib/languages/json';
+import diff from 'highlight.js/lib/languages/diff';
 
 import 'alpinejs';
 import { listen } from "quicklink";
@@ -16,6 +17,7 @@ hljs.registerLanguage('php', php);
 hljs.registerLanguage('shell', shell);
 hljs.registerLanguage('bash', bash);
 hljs.registerLanguage('json', json);
+hljs.registerLanguage('diff', diff);
 hljs.configure({
 	classPrefix: 'hljs-'
 });

resources/sass/_base.scss

@@ -9,7 +9,7 @@ a {
     @apply .text-blue-600;
 
     &:hover {
-        @apply .text-purple-800;
+        @apply .text-blue-700;
     }
 }
 

resources/views/docs.blade.php

@@ -9,7 +9,7 @@
 
                 <div class="relative docs-main DocSearch-content w-full px-3 lg:ml-10 xl:ml-16 lg:px-0 mt-10 mb-20">
                     <div class="absolute top-0 right-0 h-8 w-100 lg:mt-12 xl:mt-12 hidden lg:block">
-                        <a href="https://github.com/pestphp/docs/edit/master/{{ $page }}.md">Edit this page →</a>
+                        <a href="https://github.com/laravel-zero/docs/edit/master/{{ $page }}.md">Edit this page →</a>
                     </div>
 
                     {!! $body !!}

resources/views/layouts/app.blade.php

@@ -1,6 +1,6 @@
 <x-app-layout layout="base" :title="$attributes->get('title')"
               :description="$attributes->get('description')"
-              class="text-cool-gray-800 leading-normal lg:px-2 font-sans"
+              class="text-cool-gray-800 leading-normal font-sans"
               x-data="AppOffCanvasMenu()">
     <x-slot name="head">
         <link rel="preconnect" href="https://fonts.gstatic.com">
@@ -9,7 +9,9 @@ class="text-cool-gray-800 leading-normal lg:px-2 font-sans"
 
     @include('_partials.nav')
 
-    {{ $slot }}
+    <div class="lg:px-2">
+        {{ $slot }}
+    </div>
 
     <x-slot name="footer">
         {{ $footer ?? '' }}

resources/views/layouts/base.blade.php

@@ -41,6 +41,22 @@
 
 {{ $footer ?? "" }}
 
+<footer class="bg-gray-800 text-gray-200 text-center text-sm mt-4 py-4" role="contentinfo">
+    <ul class="flex flex-col md:flex-row justify-center list-none my-0">
+        <li class="md:mr-2">
+            &copy; <a href="https://laravel-zero.com" class="text-white font-bold hover:text-white"
+                      title="Laravel Zero website">Laravel Zero</a> {{ date('Y') }}.
+        </li>
+
+        <li>
+            Built with <a href="https://laravel.com" class="text-white font-bold hover:text-white" title="Laravel">Laravel</a>
+            and <a href="https://tailwindcss.com" class="text-white font-bold hover:text-white"
+                   title="Tailwind CSS, a utility-first CSS framework">Tailwind CSS</a>.
+            Logo by <a href="https://twitter.com/caneco" class="text-white font-bold hover:text-white" title="Caneco">Caneco</a>.
+        </li>
+    </ul>
+</footer>
+
 @stack('scripts')
 
 <script defer src="{{ mix('js/app.js') }}"></script>
@@ -49,7 +65,11 @@
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-61404619-3"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
+
+        function gtag() {
+            dataLayer.push(arguments);
+        }
+
         gtag('js', new Date());
         gtag('config', 'UA-61404619-3');
     </script>

resources/views/welcome.blade.php

@@ -15,15 +15,15 @@ class="flex flex-col justify-between min-h-screen bg-gray-100 text-gray-900 lead
                     <div class="flex flex-wrap justify-center lg:justify-start md:space-x-4 my-8 text-sm uppercase">
                         <a
                             href="/docs/introduction"
-                            class="w-full md:w-auto transition duration-300 bg-blue-500 hover:bg-blue-600 font-semibold tracking-wider text-white hover:text-white rounded-full py-3 px-6"
+                            class="w-full md:w-auto transition duration-200 bg-blue-500 hover:bg-blue-600 font-semibold tracking-wider text-white hover:text-white rounded-full py-3 px-6"
                         >
                             Get Started
                         </a>
 
                         <a
                             rel="noopener"
                             href="https://github.com/laravel-zero/laravel-zero"
-                            class="w-full md:w-auto transition duration-300 bg-gray-300 hover:bg-gray-400 text-gray-600 font-semibold tracking-wider rounded-full py-3 px-6 mt-4 md:mt-0"
+                            class="w-full md:w-auto transition duration-200 bg-gray-300 hover:bg-gray-400 hover:text-white text-gray-600  font-semibold tracking-wider rounded-full py-3 px-6 mt-4 md:mt-0"
                             target="_blank"
                         >
                             View on Github