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 {

75
index.html
View File

@ -33,44 +33,45 @@
<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.0em; font-weight:bold">Vorträge</span>
<span style="vertical-align: middle; padding-left:10px; font-size:2.0rem; font-weight:bold">Vorträge</span>
</div>
<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
<code class="language-plaintext highlighter-rouge">C++</code>, das
<a href="https://en.wikipedia.org/wiki/Inner_source" target="blank" rel="noopener noreferrer">Innersource Konzept</a>
und viele andere Themen referiert. Hier lege ich die Vorträge ab, welche ich als Privatperson erstellt habe und für verbreitenswert halte.
</p>
<p>Den Quellcode für diese Vorträge hinterlege ich öffentlich verfügbar auf meiner <a href="https://git.schallbert.de/schallbert/lectures" target="blank" rel="noopener noreferrer">Gitea-Instanz</a>.</p>
<h3>Navigation</h3>
<p>Die Vorträge habe ich mit <a href="https://revealjs.com/" target="_blank" rel="noopener noreferrer"
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>
<div class="fp-latest-post-container">
<a class="container-link" href="./agiles-arbeiten-nach-scrum/">
<div class="flex-post-parent">
<div class="flex-post-child"><img src="./_assets/images/agiles-arbeiten-nach-scrum/title-thumb.jpg" alt="Image: Title slide of lecture 'Agiles Arbeiten nach Scrum'" width="1200">
</div>
<div class="flex-post-child">
<h2>Agiles Arbeiten nach Scrum</h2>
<p>Agiles Arbeiten wird zumeist von der Leitungsebene über die Mitarbeitenden gestülpt in der Hoffnung, dass hiermit komplexe Probleme besser gelöst werden können, als es mit einer starren Weisungskette möglich sei.</p>
<p>Im Vortrag gehen wir folgenden Fragen nach: Was ist agiles Arbeiten? Was zeichnet Scrum aus? Was sind die Voraussetzungen für die Einführung von Scrum? Welche Fehler werden dabei oft gemacht?</p>
</div>
</div>
</a>
</div>
<!-- ADD NEW ENTRIES HERE BY COPYING-->
</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"
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
<code class="language-plaintext highlighter-rouge">C++</code>, das
<a href="https://en.wikipedia.org/wiki/Inner_source" target="blank" rel="noopener noreferrer">Innersource Konzept</a>
und viele andere Themen referiert. Hier lege ich die Vorträge ab, welche ich als Privatperson erstellt habe und für verbreitenswert halte.
</p>
<p>Den Quellcode für diese Vorträge hinterlege ich öffentlich verfügbar auf meiner <a href="https://git.schallbert.de/schallbert/lectures" target="blank" rel="noopener noreferrer">Gitea-Instanz</a>.</p>
<h3>Navigation</h3>
<p>Die Vorträge habe ich mit <a href="https://revealjs.com/" target="_blank" rel="noopener noreferrer"
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/">
<div class="flex-post-parent">
<div class="flex-post-child"><img src="./_assets/images/agiles-arbeiten-nach-scrum/title-thumb.jpg" alt="Image: Title slide of lecture 'Agiles Arbeiten nach Scrum'" width="1200">
</div>
<div class="flex-post-child">
<h2>Agiles Arbeiten nach Scrum</h2>
<p>Agiles Arbeiten wird zumeist von der Leitungsebene über die Mitarbeitenden gestülpt in der Hoffnung, dass hiermit komplexe Probleme besser gelöst werden können, als es mit einer starren Weisungskette möglich sei.</p>
<p>Im Vortrag gehen wir folgenden Fragen nach: Was ist agiles Arbeiten? Was zeichnet Scrum aus? Was sind die Voraussetzungen für die Einführung von Scrum? Welche Fehler werden dabei oft gemacht?</p>
</div>
</div>
</a>
</div>
<!-- ADD NEW ENTRIES HERE BY COPYING-->
<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;