From db4cd72cd469b39db1c5316c8fb459e2a3369e37 Mon Sep 17 00:00:00 2001 From: Zakarya Date: Tue, 26 Nov 2024 14:51:24 -0800 Subject: [PATCH] Add banner image to studios page, rearrange items --- css/colormaticstudios.css | 18 ++++++++++++++++++ css/style.css | 9 +++++++++ studios/index.html | 36 +++++++++++++++++++----------------- 3 files changed, 46 insertions(+), 17 deletions(-) diff --git a/css/colormaticstudios.css b/css/colormaticstudios.css index c44893a..8777dfd 100644 --- a/css/colormaticstudios.css +++ b/css/colormaticstudios.css @@ -1,3 +1,21 @@ +div.heading { + background-image: url("/img/colormatic_banner.png"); + background-size: cover; + background-repeat: no-repeat; + height: 300px; + display: flex; + align-items: center; + justify-content: center; +} + +div.heading h1 { + color: white; + background-color: #00000088; + padding: 28px 42px; + border-radius: 16px; + backdrop-filter: blur(5px); +} + div.project-grid-container { display: flex; width: 80%; diff --git a/css/style.css b/css/style.css index cc40769..23232b3 100644 --- a/css/style.css +++ b/css/style.css @@ -191,6 +191,15 @@ ul.linktree li a:hover { background-color: var(--text-color); } +div.double-linktree { + display: flex; + justify-content: center; +} + +div.double-linktree ul.linktree { + margin: 0; +} + div.footer { border-top: solid 1px #00000033; } diff --git a/studios/index.html b/studios/index.html index 578f723..5165057 100644 --- a/studios/index.html +++ b/studios/index.html @@ -20,30 +20,16 @@ $(document).ready(function(){ -
-
Colormatic Studios
-
- -
-

Links:

- -
+

Colormatic Studios

-

A project that we are working on

+

A Silly Game

This is an example image
-

This is a description of the project that we are working on

+

This is a silly little game project to get us started.

@@ -75,6 +61,22 @@ $(document).ready(function(){
+ +
+

Links:

+
+ + +
+