diff --git a/config.toml b/config.toml index d271702..5d8d4fe 100644 --- a/config.toml +++ b/config.toml @@ -21,7 +21,7 @@ taxonomies = [ ] [extra] -# Put all your custom variables here +git = "https://git.microlab.space/terezka/recepty-na-cesty" menu = [ {name="Polévky", path="/kategorie/polevky/"}, {name="Maso", path="/kategorie/maso/"}, diff --git a/sass/_fonts.scss b/sass/_fonts.scss index c3f627b..de92bd6 100644 --- a/sass/_fonts.scss +++ b/sass/_fonts.scss @@ -1,4 +1,4 @@ @font-face { font-family:sofia; - src:url(sofia.otf); + src:url(fonts/sofia.otf); } diff --git a/sass/_nav.scss b/sass/_nav.scss index 8c60d1d..657aff5 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -5,9 +5,15 @@ nav { background:$nav-background-primary; color:$nav-h1-color; - h1 a { - color:$nav-h1-color; - margin:$nav-h1-margin; + h1 { + margin: 0; + + a { + display: block; + padding: $nav-h1-padding; + color: $nav-h1-color; + font-size: $nav-h1-font-size; + } } ul { @@ -21,7 +27,7 @@ nav { li { a { - padding:1em; + padding: $nav-item-padding; display:block; text-decoration:none; @@ -44,11 +50,10 @@ nav { .mainnav { display:flex; justify-content:space-between; - align-items:flex-end; + align-items:center; width:100%; max-width:$recipe-wrap; margin:0 auto; - padding:0 1em; box-sizing:border-box; } diff --git a/sass/_variables.scss b/sass/_variables.scss index 3f71792..2bef2ff 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -29,8 +29,10 @@ $nav-color:#fff; $nav-background-primary:#333; $nav-background-secondary:#555; $nav-anchor-hover-color:$anchor-hover-color; -$nav-h1-margin:1em 0; -$nav-h1-color:$primary; +$nav-h1-padding: .8em; +$nav-h1-color: $primary; +$nav-h1-font-size: 1.5rem; +$nav-item-padding: 1em; // recipe $recipe-background:#fff; diff --git a/static/fonts/icons.css b/static/fonts/icons.css new file mode 100644 index 0000000..f76f19f --- /dev/null +++ b/static/fonts/icons.css @@ -0,0 +1,35 @@ +@font-face { + font-family: 'icons'; + src: + url('/fonts/icons.ttf?88dd9o') format('truetype'), + url('/fonts/icons.woff?88dd9o') format('woff'), + url('/fonts/icons.svg?88dd9o#icons') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icons' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-search:before { + content: "\e986"; +} +.icon-info:before { + content: "\ea0c"; +} +.icon-git:before { + content: "\eae7"; +} diff --git a/static/fonts/icons.svg b/static/fonts/icons.svg new file mode 100644 index 0000000..c01b5d0 --- /dev/null +++ b/static/fonts/icons.svg @@ -0,0 +1,13 @@ + + + \ No newline at end of file diff --git a/static/fonts/icons.ttf b/static/fonts/icons.ttf new file mode 100644 index 0000000..8074f44 Binary files /dev/null and b/static/fonts/icons.ttf differ diff --git a/static/fonts/icons.woff b/static/fonts/icons.woff new file mode 100644 index 0000000..0988eb0 Binary files /dev/null and b/static/fonts/icons.woff differ diff --git a/static/sofia.otf b/static/fonts/sofia.otf similarity index 100% rename from static/sofia.otf rename to static/fonts/sofia.otf diff --git a/templates/index.html b/templates/index.html index 9efce84..14f6c3c 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,6 +6,7 @@