Make HTML for landing page header simpler (fed97158) · Commits · Fachschaft / fscoli-next

landing.php

+2 −6

Changes for landing.php: 2 added lines, 6 removed lines.
Original line number	Diff line number	Diff line
		@@ -8,14 +8,10 @@
		get_header();
		?>
		<main>
		<div id="heading">
		<div id="heading-content">
		<div id="heading-title">
		<header>
		<h1><?php bloginfo('name');?></h1>
		<h2><?php bloginfo('description');?></h2>
		</div>
		</div>
		</div>
		</header>
		<div class="home-row">
		<div class="home-row-icon icon-ticker"></div>
		<div class="home-row-content">

+15 −20

Changes for style.css: 15 added lines, 20 removed lines.
Original line number	Diff line number	Diff line
		@@ -4,7 +4,7 @@ Theme URI: https://gitlab.cl.uni-heidelberg.de/fachschaft/wp-theme
		Description: Ein zeitloses WordPress-Theme für die Fachschaft Computerlinguistik in Heidelberg, gehalten in den Farben rot, grau und schwarz. Seit Mitte 2020 nach Anpassungen von Jakob Moser sogar leidlich responsive.
		Author: personads :: Maximilian Müller-Eberstein
		Author URI: https://personads.me/
		Version: 1.00-snapshot-23
		Version: 1.00-snapshot-24
		Tags: fs-coli, custom

		License: GNU General Public License v3.0
		@@ -433,40 +433,35 @@ div.square-icon {

		/* - heading styles */

		#heading {
		position: relative;
		width: 100%;
		main > header {
		height: 260px;

		background-image: url("img/header.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-color: var(--light-gray);
		overflow: hidden;
		}

		#heading-content {
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		padding: 2em;
		background-color: rgba(0,0,0,0.2);
		text-align: right;
		background-blend-mode: overlay;

		font-family: "Inconsolata", monospace;
		color: #fff;
		padding-left: 2em;

		display: grid;
		grid-template-rows: 1fr max-content max-content 1fr;
		grid-template-columns: max-content;
		}

		#heading-title {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		main > header h1 {
		grid-row-start: 2;
		}

		#heading-title h2 {
		main > header h2 {
		font-size: 1.25em;
		opacity: 0.75;
		grid-row-start: 3;
		text-align: right;
		}

		div.home-row {