diff --git a/app/resources/js/app.js b/app/resources/js/app.js index 46775b5..bc1d196 100644 --- a/app/resources/js/app.js +++ b/app/resources/js/app.js @@ -210,7 +210,7 @@ window.vue = new Vue({ }); import hljs from 'highlight.js'; -import 'highlight.js/scss/github.scss'; +import 'highlight.js/scss/github-dark.scss'; window.hljs = hljs; diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss index 81db43c..13c62b6 100644 --- a/app/resources/sass/app.scss +++ b/app/resources/sass/app.scss @@ -10,6 +10,7 @@ html, body { body { overflow-x: hidden; + background-color: rgb(25, 40, 55); } .navbar-start { @@ -25,6 +26,19 @@ body { font-size: 20px; } +.header { + width: 100%; + height: 320px; + background-repeat: no-repeat; + background-size: cover; +} + +.header-overlay { + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); +} + .content-section { padding: 20px; } @@ -43,21 +57,24 @@ body { .content-section h1 { font-size: 2.0em; margin-bottom: 10px; + color: rgb(230, 230, 230); } .content-section h2 { font-size: 1.5em; - color: rgb(100, 100, 100); + color: rgb(200, 200, 200); } .content-section h3 { font-size: 1.2em; color: rgb(100, 100, 100); margin-bottom: 30px; + color: rgb(200, 200, 200); } .content-section p { margin-bottom: 20px; + color: rgb(150, 150, 150); } .content-section a { @@ -77,7 +94,7 @@ body { } .content-section code { - background-color: rgb(230, 230, 230); + background-color: rgb(22, 32, 45); border-radius: 4px; } @@ -101,8 +118,16 @@ body { padding: 15px; } +tbody { + color: rgb(150, 150, 150); +} + +tbody strong { + color: rgb(150, 150, 150); +} + .tr-colored { - background-color: rgb(200, 200, 200); + background-color: rgb(38, 61, 83); } .content-section hr { @@ -142,7 +167,7 @@ body { .footer { width: 100%; color: rgb(100, 100, 100); - background-color: rgb(235, 235, 235); + background-color: rgb(50, 50, 48); padding: 1rem 1.5rem 1rem; } diff --git a/app/views/header.php b/app/views/header.php new file mode 100644 index 0000000..dd10966 --- /dev/null +++ b/app/views/header.php @@ -0,0 +1,19 @@ +
+
+
+
+
+ +
+
+

{{ env('APP_NAME') }}

+ +

{{ env('APP_DESCRIPTION') }}

+
+
+ +
+
+
+
+
\ No newline at end of file diff --git a/app/views/index.php b/app/views/index.php index e8d3a13..ca85cd4 100644 --- a/app/views/index.php +++ b/app/views/index.php @@ -1,9 +1,3 @@ -
-

{{ env('APP_NAME') }}

- -

{{ env('APP_DESCRIPTION') }}

-
-


diff --git a/app/views/layout.php b/app/views/layout.php index b13e6bb..ae0d173 100644 --- a/app/views/layout.php +++ b/app/views/layout.php @@ -29,6 +29,7 @@
@include('navbar.php') + @include('header.php')
diff --git a/app/views/navbar.php b/app/views/navbar.php index f8f3d49..f8416fa 100644 --- a/app/views/navbar.php +++ b/app/views/navbar.php @@ -1,4 +1,4 @@ -