diff --git a/assets/thumbnails/monq.jpg b/assets/thumbnails/monq.jpg new file mode 100644 index 0000000..0973b3f Binary files /dev/null and b/assets/thumbnails/monq.jpg differ diff --git a/content/projects/monq.md b/content/projects/monq.md index fd9674a..8280124 100644 --- a/content/projects/monq.md +++ b/content/projects/monq.md @@ -1,7 +1,7 @@ --- title: "Monq" date: 2023-10-25T14:44:18+01:00 -thumbnail: /img/fof.png +thumbnail: /thumbnails/monq.jpg tags: ["unreal","c++"] --- Monq is my most complete game project. I made it in my second year of diff --git a/themes/warwick_portfolio/assets/css/main.css b/themes/warwick_portfolio/assets/css/main.css index e785b26..c9b5303 100644 --- a/themes/warwick_portfolio/assets/css/main.css +++ b/themes/warwick_portfolio/assets/css/main.css @@ -77,12 +77,18 @@ a:hover { max-width: 800px; } +.summary { + z-index: 1; + max-width: 500px; +} + div.summary__img_container { - position:relative; top:0; left:0; width:300px; height:250px; + position:relative; top:0; left:0; width:600px; height:250px; + z-index: 0; } img.summary__img { - position:absolute; top:0; right:0; width:300px; height:100%; + position:absolute; top:0; right:0; width:600px; height:100%; -webkit-mask-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0)); } diff --git a/themes/warwick_portfolio/layouts/_default/summary.html b/themes/warwick_portfolio/layouts/_default/summary.html index c930283..9ca6370 100644 --- a/themes/warwick_portfolio/layouts/_default/summary.html +++ b/themes/warwick_portfolio/layouts/_default/summary.html @@ -12,12 +12,18 @@ {{ if .Params.thumbnail }} {{- $image := resources.Get .Params.thumbnail -}} + {{ if $image }} +
- {{ end }} + {{ end }} + {{ end }}