css: Fix some minor warnings
All checks were successful
Deploy Lecture site / build (push) Successful in 3s
All checks were successful
Deploy Lecture site / build (push) Successful in 3s
landing: optimize for mobile view
This commit is contained in:
parent
01a652c7f1
commit
5524e8bc4a
@ -24,7 +24,7 @@
|
||||
position:fixed;
|
||||
background:#000;
|
||||
opacity:.8;
|
||||
filter:alpha(opacity=80)
|
||||
filter:alpha(opacity=80);
|
||||
}
|
||||
.mfp-wrap {
|
||||
top:0;
|
||||
@ -163,7 +163,7 @@ button::-moz-focus-inner {
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity:1;
|
||||
filter:alpha(opacity=100)
|
||||
filter:alpha(opacity=100);
|
||||
}
|
||||
.mfp-close:active {
|
||||
top:1px
|
||||
@ -205,7 +205,7 @@ button::-moz-focus-inner {
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity:1;
|
||||
filter:alpha(opacity=100)
|
||||
filter:alpha(opacity=100);
|
||||
}
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after,
|
||||
@ -625,7 +625,7 @@ h6 {
|
||||
}
|
||||
small,
|
||||
.small {
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
p {
|
||||
margin-bottom:1.3em
|
||||
@ -775,7 +775,7 @@ figcaption {
|
||||
margin-bottom:0.5em;
|
||||
color:#eee;
|
||||
font-family:Georgia,Times,serif;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
figcaption a {
|
||||
-webkit-transition:all 0.2s ease-in-out;
|
||||
@ -883,7 +883,7 @@ label {
|
||||
cursor:pointer
|
||||
}
|
||||
label small {
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
label input,
|
||||
label textarea,
|
||||
@ -1113,7 +1113,7 @@ table {
|
||||
margin-bottom:1em;
|
||||
width:100%;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto
|
||||
}
|
||||
@ -1159,7 +1159,7 @@ th {
|
||||
margin-bottom:0.25em;
|
||||
padding:0.5em 1em;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
@ -1305,9 +1305,9 @@ th {
|
||||
.btn--disabled {
|
||||
pointer-events:none;
|
||||
cursor:not-allowed;
|
||||
opacity:0.65;
|
||||
filter:alpha(opacity=65);
|
||||
box-shadow:none;
|
||||
opacity:0.65
|
||||
}
|
||||
.btn--x-large {
|
||||
font-size:1.25em
|
||||
@ -1323,7 +1323,7 @@ th {
|
||||
padding:1em;
|
||||
color:#eaeaea;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em !important;
|
||||
font-size:0.75em;;
|
||||
text-indent:initial;
|
||||
background-color:#434851;
|
||||
border-radius:4px;
|
||||
@ -1365,7 +1365,7 @@ th {
|
||||
padding:1em;
|
||||
color:#eaeaea;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em !important;
|
||||
font-size:0.75em;;
|
||||
text-indent:initial;
|
||||
background-color:#1e4341;
|
||||
border-radius:4px;
|
||||
@ -1407,7 +1407,7 @@ th {
|
||||
padding:1em;
|
||||
color:#eaeaea;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em !important;
|
||||
font-size:0.75em;;
|
||||
text-indent:initial;
|
||||
background-color:#29414f;
|
||||
border-radius:4px;
|
||||
@ -1449,7 +1449,7 @@ th {
|
||||
padding:1em;
|
||||
color:#eaeaea;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em !important;
|
||||
font-size:0.75em;;
|
||||
text-indent:initial;
|
||||
background-color:#483b2b;
|
||||
border-radius:4px;
|
||||
@ -1491,7 +1491,7 @@ th {
|
||||
padding:1em;
|
||||
color:#eaeaea;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em !important;
|
||||
font-size:0.75em;
|
||||
text-indent:initial;
|
||||
background-color:#2a4336;
|
||||
border-radius:4px;
|
||||
@ -1533,7 +1533,7 @@ th {
|
||||
padding:1em;
|
||||
color:#eaeaea;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em !important;
|
||||
font-size:0.75em;;
|
||||
text-indent:initial;
|
||||
background-color:#4d353c;
|
||||
border-radius:4px;
|
||||
@ -1680,7 +1680,7 @@ th {
|
||||
.breadcrumbs ol {
|
||||
padding:0;
|
||||
list-style:none;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
@media (min-width: 64em) {
|
||||
.breadcrumbs ol {
|
||||
@ -1954,7 +1954,7 @@ th {
|
||||
display:inline-block;
|
||||
padding:0.5em 2.5em 0.5em 1em;
|
||||
color:#7a8288;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
font-weight:bold;
|
||||
border:1px solid #bdc1c4;
|
||||
border-radius:4px;
|
||||
@ -2079,7 +2079,7 @@ th {
|
||||
margin:0.5rem 0;
|
||||
padding:0.25rem 0;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
font-weight:bold;
|
||||
text-transform:uppercase;
|
||||
border-bottom:1px solid #51555d
|
||||
@ -2095,7 +2095,7 @@ th {
|
||||
}
|
||||
.toc .nav__title {
|
||||
color:#fff;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
background:#00a877;
|
||||
border-top-left-radius:4px;
|
||||
border-top-right-radius:4px
|
||||
@ -2109,7 +2109,7 @@ th {
|
||||
padding:0;
|
||||
width:100%;
|
||||
list-style:none;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
@media (min-width: 64em) {
|
||||
.toc__menu {
|
||||
@ -2207,7 +2207,7 @@ th {
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
text-transform:uppercase
|
||||
}
|
||||
.page__footer-follow li+li:before {
|
||||
@ -2298,7 +2298,7 @@ th {
|
||||
}
|
||||
.search-content .results__found {
|
||||
margin-top:0.5em;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
.search-content .archive__item {
|
||||
margin-bottom:2em
|
||||
@ -2340,7 +2340,7 @@ figure.highlight {
|
||||
background:#263238;
|
||||
color:#eff;
|
||||
font-family:Monaco,Consolas,"Lucida Console",monospace;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
line-height:1.8;
|
||||
border-radius:4px
|
||||
}
|
||||
@ -2958,7 +2958,7 @@ body:hover .visually-hidden button {
|
||||
.footnotes li,
|
||||
.footnotes p {
|
||||
margin-bottom:0;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
a.reversefootnote {
|
||||
color:#7a8288;
|
||||
@ -3126,10 +3126,10 @@ body {
|
||||
.page__content dd {
|
||||
margin-left:1em;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
.page__content .small {
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
.page__content blockquote+.small {
|
||||
margin-top:-1.5em;
|
||||
@ -3246,7 +3246,7 @@ body {
|
||||
}
|
||||
.page__share-title {
|
||||
margin-bottom:10px;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
text-transform:uppercase
|
||||
}
|
||||
.page__meta,
|
||||
@ -3254,7 +3254,7 @@ body {
|
||||
margin-top:2em;
|
||||
color:#eee;
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
.page__meta p,
|
||||
.comment__date p {
|
||||
@ -3266,7 +3266,7 @@ body {
|
||||
}
|
||||
.page__meta-title {
|
||||
margin-bottom:10px;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
text-transform:uppercase
|
||||
}
|
||||
.page__meta-sep::before {
|
||||
@ -3323,7 +3323,7 @@ body {
|
||||
grid-template-columns:repeat(2, 1fr);
|
||||
margin:1.414em 0;
|
||||
padding:0;
|
||||
font-size:0.75em;
|
||||
font-size:0.75em;;
|
||||
list-style:none
|
||||
}
|
||||
@media (min-width: 64em) {
|
||||
@ -3363,7 +3363,7 @@ body {
|
||||
margin-top:2rem;
|
||||
margin-bottom:10px;
|
||||
padding-top:2rem;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
border-top:1px solid #51555d;
|
||||
text-transform:uppercase
|
||||
}
|
||||
@ -3467,7 +3467,7 @@ body {
|
||||
}
|
||||
.page__related-title {
|
||||
margin-bottom:10px;
|
||||
font-size:.75em;
|
||||
font-size:0.75em;;
|
||||
text-transform:uppercase
|
||||
}
|
||||
@media (min-width: 64em) {
|
||||
@ -3551,7 +3551,7 @@ body {
|
||||
}
|
||||
.archive__item-excerpt {
|
||||
margin-top:0;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
.archive__item-excerpt+p {
|
||||
text-indent:0
|
||||
@ -3669,7 +3669,7 @@ body {
|
||||
@media (min-width: 48em) {
|
||||
.grid__item .archive__item-excerpt {
|
||||
display:block;
|
||||
font-size:.75em
|
||||
font-size:0.75em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 37.5em) {
|
||||
@ -4495,16 +4495,15 @@ h2 {
|
||||
border:none;
|
||||
text-decoration:underline
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 1200px) {
|
||||
.flex-post-child h2 {
|
||||
margin-top:1em
|
||||
margin-top:1em;
|
||||
}
|
||||
}
|
||||
.flex-post-child p {
|
||||
text-decoration:none
|
||||
}
|
||||
.flex-post-child .fp-meta {
|
||||
font-size:.75em;
|
||||
margin-top:3px
|
||||
}
|
||||
.flex-post-parent {
|
||||
@ -4512,7 +4511,7 @@ h2 {
|
||||
|
||||
gap:3%
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 1200px) {
|
||||
.flex-post-parent {
|
||||
flex-direction:column;
|
||||
gap:20px;
|
||||
@ -4521,7 +4520,7 @@ h2 {
|
||||
.fp-section {
|
||||
margin:1em 3em
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 1200px) {
|
||||
.fp-section {
|
||||
margin:1em .5em;
|
||||
font-size:1.25em;
|
||||
|
||||
103
index.html
103
index.html
@ -31,62 +31,61 @@
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
|
||||
<body class="layout--single wide">
|
||||
<div class="fp-section">
|
||||
<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>
|
||||
<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>
|
||||
</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>
|
||||
|
||||
<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-section-latest">
|
||||
<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 id="footer" class="page__footer">
|
||||
<div class="fp-section">
|
||||
<div class="page_footer-legal" style="font-size:24px;">§
|
||||
<a href="https://blog.schallbert.de/legal/" target="_blank" rel="noopener noreferrer"
|
||||
rel="nofollow">Impressum</a> |
|
||||
<a href="https://blog.schallbert.de/privacy/" target="_blank" rel="noopener noreferrer"
|
||||
rel="nofollow">Datenschutz</a>
|
||||
</div>
|
||||
<div class="page__footer-copyright" style="font-size:16px;">© 2024 <a href="https://schallbert.de" target="_blank" rel="noopener noreferrer"
|
||||
rel="nofollow">Schallbert</a>.</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ADD NEW ENTRIES HERE BY COPYING-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="page__meta">
|
||||
<div id="footer" class="page__footer">
|
||||
<div class="fp-section">
|
||||
<div class="page_footer-legal" style="font-size:24px;">§
|
||||
<a href="https://blog.schallbert.de/legal/" target="_blank" rel="noopener noreferrer"
|
||||
rel="nofollow">Impressum</a> |
|
||||
<a href="https://blog.schallbert.de/privacy/" target="_blank" rel="noopener noreferrer"
|
||||
rel="nofollow">Datenschutz</a>
|
||||
</div>
|
||||
<div class="page__footer-copyright" style="font-size:16px;">© 2024 <a href="https://schallbert.de" target="_blank" rel="noopener noreferrer"
|
||||
rel="nofollow">Schallbert</a>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user