lectures landing: increase font size for mobile
All checks were successful
Deploy Lecture site / build (push) Successful in 3s

This commit is contained in:
Schallbert 2024-09-09 22:23:42 +02:00
parent 5524e8bc4a
commit baf40f6e2d
2 changed files with 48 additions and 40 deletions

View File

@ -3109,6 +3109,13 @@ body {
.page__content dl {
font-size:1em
}
@media (max-width: 1200px) {
.page__content p,
.page__content li,
.page__content dl {
font-size:1.25em;
}
}
.page__content p {
margin:0 0 1.3em
}
@ -3986,7 +3993,6 @@ body {
@media (min-width: 64em) {
.author__avatar img {
padding:5px;
border:1px solid #51555d
}
}
.author__content {
@ -4394,7 +4400,7 @@ body {
height:auto;
justify-content:center
}
@media (max-width: 768px) {
@media (max-width: 1200px) {
.flex-parent {
flex-direction:column;
justify-content:flex-start;
@ -4412,7 +4418,7 @@ body {
justify-content:center;
align-items:flex-end
}
@media (max-width: 768px) {
@media (max-width: 1200px) {
.third-col-layout {
width:auto;
height:auto;
@ -4515,6 +4521,7 @@ h2 {
.flex-post-parent {
flex-direction:column;
gap:20px;
font-size:1.25em;
}
}
.fp-section {

View File

@ -33,12 +33,13 @@
<body class="layout--single">
<div id="main" role="main">
<div class="page__inner-wrap">
<div class="author__avatar">
<a href="https://schallbert.de"><img src="./_assets/images/favicon/android-chrome-192x192.png" alt="Image: Schallbert" itemprop="image" style="vertical-align: middle;"/></a>
<span style="vertical-align: middle; padding-left:10px; font-size:2.0rem; font-weight:bold">Vorträge</span>
<span style="vertical-align: middle; padding-left:10px; font-size:2.0em; font-weight:bold">Vorträge</span>
</div>
<section class="page__content" itemprop="text">
<p></p>
<p>Die meisten meiner Vorträge sind nicht öffentlich. So habe ich z.B. schon über Systems Engineering, <a href="https://blog.schallbert.de/projects-software/platformio_gtestgmock/" target="_blank" rel="noopener noreferrer"
rel="nofollow">die Arbeit mit gtest/gmock</a>,
<a href="https://en.cppreference.com/w/cpp/memory" target="blank" rel="noopener noreferrer">Smart Pointers</a> in
@ -53,6 +54,7 @@
rel="nofollow">Reveal.js</a> erstellt, wovon ich ein großer Fan bin. Beim Anklicken der Vorschau landet man auf der Titelseite des Vortrags. Die Navigation erfolgt per Pfeiltaste, Leertaste oder durch Anklicken eines <font color="#e7ad52">Links</font>.</p>
<h2>Die Vorträge</h2>
</section>
<div class="fp-latest-post-container">
<a class="container-link" href="./agiles-arbeiten-nach-scrum/">
@ -70,7 +72,6 @@
<!-- ADD NEW ENTRIES HERE BY COPYING-->
</div>
<div id="footer" class="page__footer">
<div class="fp-section">
<div class="page_footer-legal" style="font-size:24px;">&#167;