Refactor titlepage

This commit is contained in:
Knoch 2019-05-08 12:04:02 +02:00
parent 878a3f006d
commit 654e3fabfc
4 changed files with 55 additions and 6 deletions

View File

@ -91,6 +91,21 @@ body {
background: white;
grid-area: content;
position: relative; }
body .layout-content.titlepage {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em); }
body .layout-content.titlepage::before {
content: '';
position: absolute;
top: calc(var(--margin) * var(--square));
right: calc(var(--margin) * var(--square));
width: 15vw;
height: 15vw;
background-image: url(../../images/logo-fachschaft.png);
background-repeat: no-repeat;
background-size: contain; }
body .layout-preview {
grid-area: preview;
display: flex;
@ -352,15 +367,21 @@ body {
bottom: calc(38.2% - .5em); }
h1 {
position: absolute;
font-size: 300%;
max-width: var(--square); }
:not(.titlepage) > h1 {
position: absolute;
bottom: 0;
left: 0;
line-height: 115%;
vertical-align: bottom;
max-width: var(--square);
padding: 0 calc(var(--margin) * var(--square)) 0.5em; }
.titlepage > h1 {
line-height: 100%;
margin-bottom: 3rem; }
h2 {
line-height: 1.2; }

View File

@ -139,6 +139,25 @@ body {
background: white;
grid-area: content;
position: relative;
&.titlepage {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em);
&::before {
content: '';
position: absolute;
top: calc(var(--margin) * var(--square));
right: calc(var(--margin) * var(--square));
width: 15vw;
height: 15vw;
background-image: url(../../images/logo-fachschaft.png);
background-repeat: no-repeat;
background-size: contain;
}
}
}
.layout-preview {
@ -435,16 +454,24 @@ body {
}
h1 {
position: absolute;
font-size: 300%;
max-width: var(--square);
}
:not(.titlepage) > h1 {
position: absolute;
bottom: 0;
left: 0;
line-height: 115%;
vertical-align: bottom;
max-width: var(--square);
padding: 0 calc(var(--margin) * var(--square)) .5em;
}
.titlepage > h1 {
line-height: 100%;
margin-bottom: 3rem;
}
h2 {
line-height: 1.2;
}

BIN
images/logo-fachschaft.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 KiB

View File

@ -1,5 +1,6 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X</h1>
<div class="layout-content titlepage">
<h1>L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X-Wochenende</h1>
<small>Ein Workshop der Fachschaft WIAI in Zusammenarbeit mit Prof. Dr. Udo Krieger und der Universitätsbibliothek der Otto-Friedrich-Universität Bamberg </small>
</div>
</div>