bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 18:29:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

font-display

Browse Source
This commit is contained in:
Sergey Yarkov 2020-07-01 19:14:28 +03:00
parent a40e9e5661
commit f809707c86
4 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Footer/Footer.js
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import './Footer.scss' import './Footer.scss'
export default () => { const Footer = ({ title }) => {
return ( return (
<footer> <footer>
<div className="footer-content"> <div className="footer-content">
@ -9,7 +9,7 @@ export default () => {
<svg width={27} height={20} viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width={27} height={20} viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path className="logo-img" d="M12.854 18.361C13.484 19.262 14.491 19.245 15.09 18.323L25.91 1.67701C26.509 0.755007 26.1 7.62939e-06 25 7.62939e-06L1.99999 7.62939e-06C0.89999 7.62939e-06 0.516991 0.737007 1.14599 1.63901L12.854 18.361Z" fill="#2D2D2D" /> <path className="logo-img" d="M12.854 18.361C13.484 19.262 14.491 19.245 15.09 18.323L25.91 1.67701C26.509 0.755007 26.1 7.62939e-06 25 7.62939e-06L1.99999 7.62939e-06C0.89999 7.62939e-06 0.516991 0.737007 1.14599 1.63901L12.854 18.361Z" fill="#2D2D2D" />
</svg> </svg>
<a href="/">devthread.ru</a> <a href="/">{title}</a>
</div> </div>
<div className="footer-content__nav"> <div className="footer-content__nav">
<div className="footer-nav__links"> <div className="footer-nav__links">
@ -53,9 +53,11 @@ export default () => {
</div> </div>
</div> </div>
<div className="footer-content__copy"> <div className="footer-content__copy">
<span>© 2020 devthread.ru</span> <span>© 2020 {title}</span>
</div> </div>
</div> </div>
</footer> </footer>
) )
} }
export default Footer

2
src/components/Layout/Layout.js
View File

@ -10,7 +10,7 @@ const Layout = ({ children }) => {
<> <>
<Header title={siteMetadata.title} menuLinks={siteMetadata.menuLinks} /> <Header title={siteMetadata.title} menuLinks={siteMetadata.menuLinks} />
{children} {children}
<Footer /> <Footer title={siteMetadata.title} />
</> </>
) )
} }

2
src/hooks/useSiteMetadata.js
View File

@ -1,4 +1,4 @@
import { useStaticQuery } from 'gatsby' import { useStaticQuery, graphql } from 'gatsby'
const useSiteMetadata = () => { const useSiteMetadata = () => {
const { site: { siteMetadata } } = useStaticQuery(graphql` const { site: { siteMetadata } } = useStaticQuery(graphql`

3
src/styles/fonts.scss
View File

@ -3,6 +3,7 @@
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap;
src: url('../../static/fonts/inter-v2-latin_cyrillic-500.eot'); /* IE9 Compat Modes */ src: url('../../static/fonts/inter-v2-latin_cyrillic-500.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../../static/fonts/inter-v2-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../static/fonts/inter-v2-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -16,6 +17,7 @@
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap;
src: url('../../static/fonts/inter-v2-latin_cyrillic-600.eot'); /* IE9 Compat Modes */ src: url('../../static/fonts/inter-v2-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../../static/fonts/inter-v2-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../static/fonts/inter-v2-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@ -29,6 +31,7 @@
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap;
src: url('../../static/fonts/inter-v2-latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: url('../../static/fonts/inter-v2-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
src: local(''), src: local(''),
url('../../static/fonts/inter-v2-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../static/fonts/inter-v2-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */