Refactor titlepage
This commit is contained in:
parent
878a3f006d
commit
654e3fabfc
@ -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; }
|
||||
|
||||
|
||||
@ -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
BIN
images/logo-fachschaft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user