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

Merge pull request 'apply langing page styling to lectures' (#3) from landing-style-update into main
All checks were successful
Deploy Lecture site / build (push) Successful in 3s
Details

Browse Source 
Reviewed-on: #3
This commit is contained in:
schallbert 2024-09-17 16:13:51 +00:00
commit 2dfe4bfec0
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 {
font-size:0.75em;
}
@media (max-width: 980px) {
h2 {
font-size:2.75em;
}
h3{
font-size:2.5em
}
}
p {
margin-bottom:1.3em
}
@ -3117,13 +3109,6 @@ body {
.page__content dl {
font-size:1em
}
@media (max-width: 980px) {
.page__content p,
.page__content li,
.page__content dl {
font-size:2em;
}
}
.page__content p {
margin:0 0 1.3em
}
@ -4400,7 +4385,7 @@ body {
height:auto;
justify-content:center
}
@media (max-width: 980px) {
@media (max-width: 768px) {
.flex-parent {
flex-direction:column;
justify-content:flex-start;
@ -4418,7 +4403,7 @@ body {
justify-content:center;
align-items:flex-end
}
@media (max-width: 980px) {
@media (max-width: 768px) {
.third-col-layout {
width:auto;
height:auto;
@ -4501,7 +4486,7 @@ h2 {
border:none;
text-decoration:underline
}
@media (max-width: 980px) {
@media (max-width: 768px) {
.flex-post-child h2 {
margin-top:1em;
font-size: 1.25em;
@ -4518,20 +4503,18 @@ h2 {
gap:3%
}
@media (max-width: 980px) {
@media (max-width: 768px) {
.flex-post-parent {
flex-direction:column;
gap:20px;
font-size:2em;
}
}
.fp-section {
margin:1em 3em
}
@media (max-width: 980px) {
@media (max-width: 768px) {
.fp-section {
margin:1em .5em;
font-size:2em;
}
}
.greedy-nav .visible-links {

17
index.html
View File

@ -29,13 +29,24 @@
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./_assets/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="layout--single">
<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>
<span style="vertical-align: middle; padding-left:10px; font-size:2.0em; font-weight:bold">Vorträge</span>
<div class="masthead">
<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>
<section class="page__content" itemprop="text">