Refactor titlepage
This commit is contained in:
parent
878a3f006d
commit
654e3fabfc
@ -91,6 +91,21 @@ body {
|
|||||||
background: white;
|
background: white;
|
||||||
grid-area: content;
|
grid-area: content;
|
||||||
position: relative; }
|
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 {
|
body .layout-preview {
|
||||||
grid-area: preview;
|
grid-area: preview;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -352,15 +367,21 @@ body {
|
|||||||
bottom: calc(38.2% - .5em); }
|
bottom: calc(38.2% - .5em); }
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
position: absolute;
|
|
||||||
font-size: 300%;
|
font-size: 300%;
|
||||||
|
max-width: var(--square); }
|
||||||
|
|
||||||
|
:not(.titlepage) > h1 {
|
||||||
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
line-height: 115%;
|
line-height: 115%;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
max-width: var(--square);
|
|
||||||
padding: 0 calc(var(--margin) * var(--square)) 0.5em; }
|
padding: 0 calc(var(--margin) * var(--square)) 0.5em; }
|
||||||
|
|
||||||
|
.titlepage > h1 {
|
||||||
|
line-height: 100%;
|
||||||
|
margin-bottom: 3rem; }
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height: 1.2; }
|
line-height: 1.2; }
|
||||||
|
|
||||||
|
|||||||
@ -139,6 +139,25 @@ body {
|
|||||||
background: white;
|
background: white;
|
||||||
grid-area: content;
|
grid-area: content;
|
||||||
position: relative;
|
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 {
|
.layout-preview {
|
||||||
@ -435,16 +454,24 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
position: absolute;
|
|
||||||
font-size: 300%;
|
font-size: 300%;
|
||||||
|
max-width: var(--square);
|
||||||
|
}
|
||||||
|
|
||||||
|
:not(.titlepage) > h1 {
|
||||||
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
line-height: 115%;
|
line-height: 115%;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
max-width: var(--square);
|
|
||||||
padding: 0 calc(var(--margin) * var(--square)) .5em;
|
padding: 0 calc(var(--margin) * var(--square)) .5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.titlepage > h1 {
|
||||||
|
line-height: 100%;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
line-height: 1.2;
|
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-only">
|
||||||
<div class="layout-content">
|
<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</h1>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user