mchapman/the-sourdough-framework
1
0
Fork 0
mirror of https://github.com/hendricius/the-sourdough-framework synced 2025-12-07 10:04:25 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Website improvements typo (#158)

Browse Source 
* Change style + add robots

* Add video to home & cleanup
This commit is contained in:
Hendrik Kleinwaechter
2023-07-25 19:07:51 +02:00
committed by GitHub
parent 767dd96ae6
commit 2320bafe71
5 changed files with 51 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
book/style.css
View File

@@ -1,13 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&family=Ubuntu+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');
:root{
--ff-sans: 'Raleway', sans-serif;
--ff-mono: 'Ubuntu Mono', monospace;
--ff-sans: 'Open Sans', sans-serif;
--fw-regular: 400;
--fw-medium: 500;
--fw-bold: 700;
--fw-black: 900;
--fw-bold: 800;
--f-lh: 28px;
--c-black: #282828;
}
@media (min-width: 1200px){
@@ -32,7 +30,7 @@ body{
margin:0;
padding:0;
font-family: var(--ff-sans);
font-weight: var(--fw-medium);
font-weight: var(--fw-regular);
font-size: 16px;
}
@@ -121,7 +119,9 @@ nav.TOC a, nav.TOC a:visited{
body{
background-color:#F5F2EF;
background-color:#F8F8F8;
background: url("bg.jpg") center center no-repeat;
background-size: cover;
}
a {
@@ -133,15 +133,15 @@ main.main-content, div.footnotes, main.titlepage{
}
nav.TOC,nav.TOC a, nav.TOC a:visited{
background-color:#F5F2EF;
color:#000000;
background-color: var(--c-black);
color:#fff;
}
nav.TOC span:hover,
nav.TOC span:hover *,
nav.TOC span.chapterToc.selected,
nav.TOC span.chapterToc.selected a {
background-color:#dad5ca;
background-color:#5b5a58;
}
figure.texsource, figure.shellcommand, figure.htmlsource, figure.luasource, figure.textsource{
@@ -229,7 +229,7 @@ figcaption.caption {
padding: 30px 20px;
position: absolute;
right: 0px;
top: 0px;
top: 2px;
}
.hamb-line {
@@ -299,3 +299,33 @@ div.center {
main.titlepage h2.chapterHead {
margin-top: 0px;
}
h2 {
font-weight: var(--fw-bold);
text-transform: uppercase;
}
h3 {
font-weight: var(--fw-bold);
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-bread {
max-width: 100%;
margin-top: 1em;
}