Commit 4b05222d authored by Jakob Moser's avatar Jakob Moser
Browse files

Use semantic tags for article header and footer

parent eb39d8c1

404.php

+2 −3
Changes for 404.php: 2 added lines, 3 removed lines.
Original line number Diff line number Diff line
@@ -12,7 +12,7 @@ get_header(); 
?>

<main>

    <article>

        <div class="post-header"></div>

        <header></header>

        <div class="post-title">

            <h1 class="post-title-box">Fehler: 404</h1>

        </div>
@@ -20,8 +20,7 @@ get_header(); 
            <div class="icon">?!</div>

            <div class="message">Die angefragte Seite existiert leider nicht.</div>

        </div>

        <div class="post-meta">

        </div>

        <footer></footer>

    </article>

</main>

<?php get_footer(); ?>

index.php

+1 −2
Changes for index.php: 1 added line, 2 removed lines.
Original line number Diff line number Diff line
@@ -50,8 +50,7 @@ get_header(); 
    <?php while ( have_posts() ) : the_post(); ?>

        <article>

            <?php if ( has_post_thumbnail($post->ID) ) : ?>

            <div class="post-header" style="background-image:url('<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>');">

            </div>

            <header style="background-image:url('<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>');"></header>

            <?php endif; ?>

            <div class="post-title">

                <a class="post-title-box" href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1></a>

page.php

+3 −4
Changes for page.php: 3 added lines, 4 removed lines.
Original line number Diff line number Diff line
@@ -18,7 +18,7 @@ get_header(); 
?>

<main>

	<article>

		<div class="post-header"

		<header

		<?php

			echo ' style="background-image:url(\'';

			if ( has_post_thumbnail($post->ID) ) {
@@ -27,7 +27,7 @@ get_header(); 
				echo get_header_image();

			}

			echo '\');"';?> >

		</div>

		</header>

		<div class="post-title">

			<h1 class="post-title-box"><?php echo get_the_title($post->ID); ?></h1>

		</div>
@@ -40,8 +40,7 @@ get_header(); 
				}

			?>

		</div>

		<div class="post-meta">

		</div>

		<footer></footer>

	</article>

</main>

<?php get_footer(); ?>

single.php

+4 −4
Changes for single.php: 4 added lines, 4 removed lines.
Original line number Diff line number Diff line
@@ -16,7 +16,7 @@ get_header(); 
?>

<main>

	<article>

		<div class="post-header"

		<header

		<?php

			echo ' style="background-image:url(\'';

			if ( has_post_thumbnail($post->ID) ) {
@@ -25,7 +25,7 @@ get_header(); 
				echo get_header_image();

			}

			echo '\');"';?> >

		</div>

		</header>

		<div class="post-title">

			<h1 class="post-title-box"><?php echo get_the_title($post->ID); ?></h1>

		</div>
@@ -38,10 +38,10 @@ get_header(); 
				}

			?>

		</div>

		<div class="post-meta">

		<footer>

			<div class="post-meta-author"><?php echo get_the_author_meta('display_name', $post->post_author);?></div>

			<div class="post-meta-timestamp"><?php echo get_the_date();?></div>

		</div>

		</footer>

	</article>

</main>

<?php get_footer(); ?>

style.css

+15 −15
Changes for style.css: 15 added lines, 15 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-18

Version: 1.00-snapshot-19

Tags: fs-coli, custom



License: GNU General Public License v3.0
@@ -47,7 +47,7 @@ body.has-admin-bar { 
}



/* By default: Let header, main and footer span the entire page */

header, main, footer {

body > header, main, body > footer {

    grid-column-start: 1;

    grid-column-end: 3;

}
@@ -70,11 +70,11 @@ main:not(.list) { 
}



/* -- Header and footer -- */

header, footer {

body > header, body > footer {

    font-family: "Inconsolata", monospace;

}



header {

body > header {

    z-index: 100;

    border-style: solid;

    border-width: 0px 0px 4px 0px;
@@ -84,7 +84,7 @@ header { 
    background-color: var(--background-color);

}



header::before {

body > header::before {

    content: "";

    position: relative;

    float: right;
@@ -94,7 +94,7 @@ header::before { 
    border-color: var(--accent-color) transparent;

}



header::after {

body > header::after {

    content: "";

    display: block;

    position: absolute;
@@ -105,29 +105,29 @@ header::after { 
    margin-top: -2px;

}



header div.logo {

body > header div.logo {

    width: 250px;

    height: 77px;

    margin: 8px 0px -3px 10px;

    transition: background-color 0.3s;

}



header div.logo:hover {

body > header div.logo:hover {

    background-color: var(--accent-color);

}



footer {

body > footer {

    background-color: var(--light-gray);

    box-shadow: 0px 0px 10px #8d8d8d inset;

    color: #8d8d8d;

    padding: 1em;

}



footer .copyright {

body > footer .copyright {

    float: right;

}



footer a {

body > footer a {

    color: #424242;

    border: none;

}
@@ -658,7 +658,7 @@ main.list .post-content::after { 
    vertical-align: middle;

}



main.list .post-header {

main.list article > header {

    position: absolute;

    top: 0px;

    left: 0px;
@@ -720,7 +720,7 @@ main:not(.list) article { 
    grid-template-rows: max-content max-content 1fr max-content;

}



.post-header {

article > header {

    width: 100%;

    height: 200px;

    margin: -2em 0 0 -2em;
@@ -786,7 +786,7 @@ main:not(.list) article { 
    border-width: 0px 0px 0px 2px;

}



.post-meta {

article > footer {

    margin: 2em -2em -2em -2em;

    padding: 1em;

    background-color: rgba(153, 0, 0, 0.5);
@@ -958,7 +958,7 @@ main:not(.list) article { 
        line-height: 30px;

    }



    footer .copyright {

    body > footer .copyright {

        float: none;

        display: block;

        margin-top: 10px;