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

apply langing page styling to lectures

Browse Source
This commit is contained in:
Schallbert 2024-09-17 18:11:00 +02:00
parent 056e6b0bb8
commit 01f491a3e7
2 changed files with 19 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
_assets/css/main.css
View File

@ -627,14 +627,6 @@ small,
.small { .small {
font-size:0.75em; font-size:0.75em;
} }
@media (max-width: 980px) {
h2 {
font-size:2.75em;
}
h3{
font-size:2.5em
}
}
p { p {
margin-bottom:1.3em margin-bottom:1.3em
} }
@ -3117,13 +3109,6 @@ body {
.page__content dl { .page__content dl {
font-size:1em font-size:1em
} }
@media (max-width: 980px) {
.page__content p,
.page__content li,
.page__content dl {
font-size:2em;
}
}
.page__content p { .page__content p {
margin:0 0 1.3em margin:0 0 1.3em
} }
@ -4400,7 +4385,7 @@ body {
height:auto; height:auto;
justify-content:center justify-content:center
} }
@media (max-width: 980px) { @media (max-width: 768px) {
.flex-parent { .flex-parent {
flex-direction:column; flex-direction:column;
justify-content:flex-start; justify-content:flex-start;
@ -4418,7 +4403,7 @@ body {
justify-content:center; justify-content:center;
align-items:flex-end align-items:flex-end
} }
@media (max-width: 980px) { @media (max-width: 768px) {
.third-col-layout { .third-col-layout {
width:auto; width:auto;
height:auto; height:auto;
@ -4501,7 +4486,7 @@ h2 {
border:none; border:none;
text-decoration:underline text-decoration:underline
} }
@media (max-width: 980px) { @media (max-width: 768px) {
.flex-post-child h2 { .flex-post-child h2 {
margin-top:1em; margin-top:1em;
font-size: 1.25em; font-size: 1.25em;
@ -4518,20 +4503,18 @@ h2 {
gap:3% gap:3%
} }
@media (max-width: 980px) { @media (max-width: 768px) {
.flex-post-parent { .flex-post-parent {
flex-direction:column; flex-direction:column;
gap:20px; gap:20px;
font-size:2em;
} }
} }
.fp-section { .fp-section {
margin:1em 3em margin:1em 3em
} }
@media (max-width: 980px) { @media (max-width: 768px) {
.fp-section { .fp-section {
margin:1em .5em; margin:1em .5em;
font-size:2em;
} }
} }
.greedy-nav .visible-links { .greedy-nav .visible-links {

17
index.html
View File

@ -29,13 +29,24 @@
<meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./_assets/images/favicon/browserconfig.xml"> <meta name="msapplication-config" content="./_assets/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body class="layout--single"> <body class="layout--single">
<div id="main" role="main"> <div id="main" role="main">
<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> <div class="masthead">
<span style="vertical-align: middle; padding-left:10px; font-size:2.0em; font-weight:bold">Vorträge</span> <div class="masthead__inner-wrap">
<div class="masthead__menu">
<div class="site-logo">
<img src="./_assets/images/favicon/android-chrome-192x192.png" alt="Image: Schallbert" itemprop="image" style="vertical-align: middle;"/>
<span style="vertical-align: middle; padding-left:10px; font-size:1.5rem; font-weight:bold">Schallberts Vorträge</span>
</div>
</div>
</div>
</div> </div>
<section class="page__content" itemprop="text"> <section class="page__content" itemprop="text">