diff --git a/_config.yml b/_config.yml index 8789bec..1f68a42 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,5 @@ -title: ChinaComX – Beyond the Silk Road -description: An academic project exploring beyond the Silk Road. +title: ChinaComx +description: Comics Culture in the People's Republic of China baseurl: "" # the subpath of your site, e.g. /blog url: "https://yourusername.github.io" # the base hostname & protocol for your site theme: minima diff --git a/_includes/header.html b/_includes/header.html index 0ebc8c6..a293499 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,15 +1,17 @@ + + diff --git a/_layouts/home.html b/_layouts/home.html index 2553a0b..e3a9bf0 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -12,18 +12,18 @@
- +

ChinaComX: Comics Culture in the People's Republic of China

-

A research project funded by the ERC (grant agreement number 12345678) at the Centre for Asian and Transcultural Studies, Heidelberg University.

+

A research project funded by the ERC (grant agreement number 12345678) at the Centre for Asian and Transcultural Studies, Heidelberg University.

-

Latest Posts

+

News & Activities

diff --git a/assets/css/style.css b/assets/css/style.css index be2ef42..fd3cf7d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -41,10 +41,16 @@ header.show { opacity: 1; /* Show when scrolled */ } +#navigation-container { + display: flex; + justify-content: space-between; + align-items: center; +} + header .navbar-brand .brand-logo { width: 40px; /* Adjust logo size */ height: auto; - margin-right: 10px; /* Space between logo and text */ + margin-right: 90px; /* Space between logo and text */ } header .navbar-toggler { @@ -56,8 +62,9 @@ header .navbar-nav { justify-content: center; align-items: center; list-style: none; /* Remove default list style */ + margin-left: 30px; /* Add margin to create space between Home link and logo */ + margin-right: auto; /* Add margin to push logos to the far right */ padding: 0; /* Remove padding */ - margin: 0; /* Remove margin */ overflow: hidden; /* Hide overflow */ } @@ -72,9 +79,9 @@ header .navbar-nav .nav-item { header .navbar-nav .nav-link { display: block; color: #000000; - font-size: 17px; /* Adjust font size to make text smaller */ + font-size: 16px; /* Adjust font size to make text smaller */ text-align: center; - padding: 0.5em 1em; /* Reduce padding within links */ + padding: 0.2em 0.5em; /* Reduce padding within links */ transition: color 0.3s; text-decoration: none; /* Remove underline */ } @@ -88,13 +95,30 @@ header .navbar-nav .nav-link:focus, header .navbar-nav .nav-link.active { header .logos-right { display: flex; align-items: center; + margin-left: auto; /* Ensure logos are at the far right */ +} + +/* Add to your CSS file */ +.brand-logo { + width: 100px; + height: auto; + margin-left: 40px; /* Add space to the left of the left logo */ } -header .logos-right .logo-link img.small-logo { - height: 30px; /* Adjust logo height */ +.small-logo { + width: 100px; + height: auto; + margin-right: 40px; /* Add space to the right of the right logos */ margin-left: 10px; } +.navbar-nav { + flex: 1; + justify-content: center; + max-width: 1000px; /* Limit the width of the navbar links */ +} + + /* Page Content Styles */ .content-wrapper { margin-top: 80px; /* Adjust based on navbar height */ diff --git a/assets/images/erc-logo.png b/assets/images/erc-logo.png index fe61748..e4a3614 100644 Binary files a/assets/images/erc-logo.png and b/assets/images/erc-logo.png differ diff --git a/assets/images/splash-image.png b/assets/images/splash-image.png index 0f1a5bd..658f30e 100644 Binary files a/assets/images/splash-image.png and b/assets/images/splash-image.png differ