diff --git a/config.php b/config.php index d2724c8..754a4f3 100644 --- a/config.php +++ b/config.php @@ -8,7 +8,7 @@ return [ 'design' => 'main', 'description' => 'A simple website to display links to social media accounts', 'collections' => [], - 'imageName' => 'NikuPB.webp', + 'imageName' => 'example.jpg', 'links' => [ [ 'color' => 'youtube', diff --git a/source/_assets/js/main.js b/source/_assets/js/main.js deleted file mode 100644 index e69de29..0000000 diff --git a/source/_assets/sass/global-colors.sass b/source/_assets/sass/global-colors.sass new file mode 100644 index 0000000..6122aa5 --- /dev/null +++ b/source/_assets/sass/global-colors.sass @@ -0,0 +1,6 @@ +//Some Basic colors +$g_white: #FFFFFF +$g_black: #000000 +$g_blue: #0000ff +$g_green: #00ff00 +$g_red: #ff0000 diff --git a/source/_assets/sass/main.sass b/source/_assets/sass/main.sass index 96eec08..0a70664 100644 --- a/source/_assets/sass/main.sass +++ b/source/_assets/sass/main.sass @@ -1,18 +1,64 @@ +// Colors +@import "global-colors" +$gradient1: #c7a25c +$gradient2: #ff9601 +$gradient3: #980d0d + body margin: 0 padding: 0 display: flex justify-content: center + background-image: linear-gradient(165deg, $gradient1 0%, $gradient2 43%, $gradient3 100%) + min-height: 100vh + font-family: monospace .mainContainer margin-top: 3rem + width: 95% + display: flex + flex-direction: column + align-items: center h1 text-align: center - font-family: sans-serif - font-weight: 400 + font-weight: 800 + font-size: 1.5rem + color: $g_white img height: 8rem - width: auto - border-radius: 100% + width: 8rem + border-radius: 50% + object-fit: cover + + +.linkBox + display: flex + flex-direction: column + width: 750px + max-width: 90% + align-items: center + + a + $height: 3rem + $transitionDuration: 0.25s + margin-top: 0.5rem + margin-bottom: 0.5rem + width: 100% + height: $height + line-height: $height + text-align: center + border-style: solid + border-color: $g_white + border-width: 4px + color: $g_white + text-decoration: none + font-size: 1rem + font-weight: 600 + transition: background-color $transitionDuration ease-in-out, color $transitionDuration ease-in-out + &:hover + background-color: $g_white + color: $gradient2 + +//@TODO Add colors for different Platforms diff --git a/source/_layouts/main.blade.php b/source/_layouts/main.blade.php index b551043..990a503 100644 --- a/source/_layouts/main.blade.php +++ b/source/_layouts/main.blade.php @@ -7,7 +7,6 @@ {{ $page->author . " | " . $page->title }} - @yield('body') diff --git a/source/assets/images/NikuPB.webp b/source/assets/images/NikuPB.webp deleted file mode 100644 index 6b6945d..0000000 Binary files a/source/assets/images/NikuPB.webp and /dev/null differ diff --git a/source/assets/images/jigsaw.png b/source/assets/images/jigsaw.png deleted file mode 100644 index e69de29..0000000 diff --git a/source/index.blade.php b/source/index.blade.php index 1344d50..b7edf79 100644 --- a/source/index.blade.php +++ b/source/index.blade.php @@ -2,28 +2,28 @@ @section('body')
- -

{{ $page->author }}

-
- @foreach ($page->links as $link) - @if (isset($link['text']) && isset($link['color'])) -
- {{ strtoupper($link->text) }} -
- @elseif (!isset($link['text']) && isset($link['color'])) -
- {{ strtoupper($link->platform) }} -
- @elseif (isset($link['text']) && !isset($link['color'])) -
- {{ strtoupper($link->text) }} -
- @else -
- {{ strtoupper($link->platform) }} -
- @endif - @endforeach + +

{{ $page->author }}

+
+ @foreach ($page->links as $link) + @if (isset($link['text']) && isset($link['color'])) + + {{ strtoupper($link->text) }} + + @elseif (!isset($link['text']) && isset($link['color'])) + + {{ strtoupper($link->platform) }} + + @elseif (isset($link['text']) && !isset($link['color'])) + + {{ strtoupper($link->text) }} + + @else + + {{ strtoupper($link->platform) }} + + @endif + @endforeach
@endsection diff --git a/webpack.mix.js b/webpack.mix.js index 42c7e8f..24d01ca 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -5,7 +5,6 @@ mix.disableSuccessNotifications(); mix.setPublicPath('source/assets/build'); mix.jigsaw() - .js('source/_assets/js/main.js', 'js') .sass('source/_assets/sass/main.sass', 'css') .options({ processCssUrls: false,