chylex/Blog
1
0
Fork 0
mirror of https://github.com/chylex/Blog.git synced 2024-11-25 16:42:53 +01:00
Code

Compare commits

base: chylex:892be3db3ae87b90d9653c28910781a6d494f1ad
Branches Tags
chylex:development
chylex:production
...
compare: chylex:151830a674194cec23e204d1a0981ba875ab3955
Branches Tags
chylex:development
chylex:production

3 Commits
892be3db3a ... 151830a674

Author SHA1 Message Date
chylex
151830a674
Tweak header styling (line heights, font sizes, margins) 2022-06-11 14:11:58 +02:00
chylex
faf2bc3cf2
Add image dimensions and aria-label to avatar link in the header 2022-06-11 13:49:48 +02:00
chylex
44e3800e1b
Preload main custom font & display fallback font while loading 2022-06-11 13:41:53 +02:00
4 changed files with 15 additions and 9 deletions
Show Stats Expand all files Collapse all files

5
_layouts/default.html
View File

@ -14,12 +14,15 @@
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon/favicon-16x16.png' | relative_url }}"> <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon/favicon-16x16.png' | relative_url }}">
<link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}"> <link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}">
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: timestamp | relative_url }}"> <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: timestamp | relative_url }}">
<link rel="preload" href="{{ '/assets/fonts/open-sans-v28-latin-regular.woff2' | relative_url }}" as="font" type="font/woff2" crossorigin>
</head> </head>
<body> <body>
<header class="page-header" role="banner"> <header class="page-header" role="banner">
<h1 class="project-name"> <h1 class="project-name">
{% if page.titleimg %} {% if page.titleimg %}
<a href="https://chylex.com/" class="project-name-image"><img src="{{ page.titleimg | relative_url }}" alt=""></a> <a href="https://chylex.com/" class="project-name-image" aria-label="Visit chylex.com">
<img src="{{ page.titleimg | relative_url }}" alt="" width="120" height="120">
</a>
{% endif %} {% endif %}
<span class="project-name-text">{{ page.title | default: site.title }}</span> <span class="project-name-text">{{ page.title | default: site.title }}</span>
</h1> </h1>

9
_sass/fonts.scss
View File

@ -1,7 +1,8 @@
@font-face { @font-face {
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal;
font-weight: 400; font-weight: 400;
font-style: normal;
font-display: swap;
src: local('Open Sans Regular'), src: local('Open Sans Regular'),
local('OpenSans-Regular'), local('OpenSans-Regular'),
url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'),
@ -11,8 +12,9 @@
@font-face { @font-face {
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal;
font-weight: 700; font-weight: 700;
font-style: normal;
font-display: swap;
src: local('Open Sans Semibold'), src: local('Open Sans Semibold'),
local('OpenSans-Semibold'), local('OpenSans-Semibold'),
url('../fonts/open-sans-v28-latin-600.woff2') format('woff2'), url('../fonts/open-sans-v28-latin-600.woff2') format('woff2'),
@ -22,8 +24,9 @@
@font-face { @font-face {
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: italic;
font-weight: 400; font-weight: 400;
font-style: italic;
font-display: swap;
src: local('Open Sans Italic'), src: local('Open Sans Italic'),
local('OpenSans-Italic'), local('OpenSans-Italic'),
url('../fonts/open-sans-v28-latin-italic.woff2') format('woff2'), url('../fonts/open-sans-v28-latin-italic.woff2') format('woff2'),

7
_sass/jekyll-theme-cayman.scss
View File

@ -53,8 +53,7 @@ a {
} }
.project-name { .project-name {
margin-top: 0; margin: 0;
margin-bottom: 0;
@include large { @include large {
font-size: 3rem; font-size: 3rem;
@ -70,7 +69,7 @@ a {
} }
.project-tagline { .project-tagline {
margin: 0 0 0.5rem; margin: 0.5rem 0 0.25rem;
font-weight: normal; font-weight: normal;
opacity: 0.85; opacity: 0.85;
@ -83,7 +82,7 @@ a {
} }
@include small { @include small {
font-size: 1rem; font-size: 1.15rem;
} }
} }

3
assets/css/style.scss
View File

@ -8,7 +8,8 @@
} }
.page-header { .page-header {
padding: 0.4rem 4vw; padding: 0.8rem 4vw;
line-height: 1.25;
text-shadow: 0 2px 3px #1b242980; text-shadow: 0 2px 3px #1b242980;
box-shadow: 0 2px 2px #000c; box-shadow: 0 2px 2px #000c;
} }