schallbert/lectures
1
0
Fork 0
Code Pull Requests Actions Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_assets/css/main.css
View File

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

7
index.html
View File

@ -33,12 +33,13 @@
<body class="layout--single"> <body class="layout--single">
<div id="main" role="main"> <div id="main" role="main">
<div class="page__inner-wrap">
<div class="author__avatar"> <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> <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> </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" <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>, 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 <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> 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> <h2>Die Vorträge</h2>
</section>
<div class="fp-latest-post-container"> <div class="fp-latest-post-container">
<a class="container-link" href="./agiles-arbeiten-nach-scrum/"> <a class="container-link" href="./agiles-arbeiten-nach-scrum/">
@ -70,7 +72,6 @@
<!-- ADD NEW ENTRIES HERE BY COPYING--> <!-- ADD NEW ENTRIES HERE BY COPYING-->
</div>
<div id="footer" class="page__footer"> <div id="footer" class="page__footer">
<div class="fp-section"> <div class="fp-section">
<div class="page_footer-legal" style="font-size:24px;">&#167; <div class="page_footer-legal" style="font-size:24px;">&#167;