diff --git a/README.md b/README.md index 8dc0c89..da1b2de 100644 --- a/README.md +++ b/README.md @@ -20,6 +20,7 @@ It's very simple, follow these steps. - The `design` refers to the style of your page the currently available styles are: - [main](examples/images/main.png) - [blurywhite](examples/images/blurywhite.png) + - [98](examples/images/blurywhite.png) (CSS taken from [jdan/95.css](https://github.com/jdan/98.css)) - List as much links as you like in the `links` array: - With the `color` property you can give the link the color of the social media plaform of your choice, but this feature is optional, the link will diff --git a/source/_assets/sass/98.scss b/source/_assets/sass/98.scss new file mode 100644 index 0000000..d4b6a24 --- /dev/null +++ b/source/_assets/sass/98.scss @@ -0,0 +1,41 @@ +.linkBox{ + width: 100%; +} + +.alignMiddle { + align-items: center; +} + +body { + margin: 0; + padding: 0; + display: flex; + justify-content: center; + background-color: #008080; +} + +.mainContainer { + display: flex; + max-width: 95%; + width: 750px; + flex-direction: column; + align-items: center; +} + +.linkBox { +} + +.imageBox { + margin-top: 2rem; + margin-bottom: 2rem; + + .window-body{ + display: flex; + justify-content: center; + } + img { + height: 8rem; + width: 8rem; + object-fit: cover; + } +} \ No newline at end of file diff --git a/source/_layouts/main.blade.php b/source/_layouts/main.blade.php index 990a503..064a2cf 100644 --- a/source/_layouts/main.blade.php +++ b/source/_layouts/main.blade.php @@ -6,6 +6,9 @@ {{ $page->author . " | " . $page->title }} + @if ($page->design == '98') + + @endif diff --git a/source/_partials/98.blade.php b/source/_partials/98.blade.php new file mode 100644 index 0000000..11a9463 --- /dev/null +++ b/source/_partials/98.blade.php @@ -0,0 +1,44 @@ + +
+
+
+ ImageViewer.exe +
+ + + +
+
+
+ +
+
+
+
+ {{$page->author}}.exe +
+ + + +
+
+
+

Here you can find all my awesome links:

+
+
+ @foreach ($page->links as $link) + @if (isset($link['text']) && isset($link['color'])) + + @elseif (!isset($link['text']) && isset($link['color'])) + + @elseif (isset($link['text']) && !isset($link['color'])) + + @else + + @endif + @endforeach +
+
+
+
+
\ No newline at end of file diff --git a/source/_partials/default.blade.php b/source/_partials/default.blade.php new file mode 100644 index 0000000..a258dd0 --- /dev/null +++ b/source/_partials/default.blade.php @@ -0,0 +1,26 @@ + +
+ +

{{ $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 +
+
\ No newline at end of file diff --git a/source/index.blade.php b/source/index.blade.php index 9b5af14..274d8d0 100644 --- a/source/index.blade.php +++ b/source/index.blade.php @@ -1,29 +1,9 @@ @extends('_layouts.main') @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 -
-
+@if ($page->design == '98') + @include('_partials/98') +@else + @include('_partials/default') +@endif @endsection diff --git a/webpack.mix.js b/webpack.mix.js index c9b7df1..5fcc1e3 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -7,6 +7,7 @@ mix.setPublicPath('source/assets/build'); mix.jigsaw() .sass('source/_assets/sass/main.scss', 'css') .sass('source/_assets/sass/blurywhite.scss', 'css') + .sass('source/_assets/sass/98.scss', 'css') .options({ processCssUrls: false, })