1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 01:46:51 +01:00
This commit is contained in:
Matthias Kretschmann 2018-09-27 21:33:25 +02:00
parent 1e8b3831b5
commit 4606b31e30
Signed by: m
GPG Key ID: 606EEEF3C479A91F
9 changed files with 30 additions and 12 deletions

View File

@ -1,4 +1,3 @@
<?xml version="1.0"?>
<RoutingRules> <RoutingRules>
<RoutingRule> <RoutingRule>
<Condition> <Condition>

View File

@ -140,8 +140,8 @@ module.exports = {
// WebApp Manifest Configuration // WebApp Manifest Configuration
appName: title.toLowerCase(), appName: title.toLowerCase(),
appDescription: tagline, appDescription: tagline,
developerName: null, developerName: author.name,
developerURL: null, developerURL: author.uri,
dir: 'auto', dir: 'auto',
lang: 'en-US', lang: 'en-US',
background: '#e7eef4', background: '#e7eef4',

View File

@ -2,7 +2,12 @@ import React from 'react'
import styles from './Hamburger.module.scss' import styles from './Hamburger.module.scss'
const Hamburger = props => ( const Hamburger = props => (
<button type="button" className={styles.hamburgerButton} {...props}> <button
type="button"
title="Menu"
className={styles.hamburgerButton}
{...props}
>
<span className={styles.hamburger}> <span className={styles.hamburger}>
<span className={styles.hamburgerLine} /> <span className={styles.hamburgerLine} />
<span className={styles.hamburgerLine} /> <span className={styles.hamburgerLine} />

View File

@ -4,7 +4,7 @@ import styles from './PostLead.module.scss'
// Extract lead paragraph from content // Extract lead paragraph from content
// Grab everything before more tag, or just first paragraph // Grab everything before more tag, or just first paragraph
const PostLead = ({ post }) => { const PostLead = ({ post, index }) => {
let lead let lead
const content = post.html const content = post.html
const separator = '<!-- more -->' const separator = '<!-- more -->'
@ -20,12 +20,16 @@ const PostLead = ({ post }) => {
} }
return ( return (
<div className={styles.lead} dangerouslySetInnerHTML={{ __html: lead }} /> <div
className={index ? styles.index : styles.lead}
dangerouslySetInnerHTML={{ __html: lead }}
/>
) )
} }
PostLead.propTypes = { PostLead.propTypes = {
post: PropTypes.object post: PropTypes.object,
index: PropTypes.bool
} }
export default PostLead export default PostLead

View File

@ -3,3 +3,7 @@
.lead { .lead {
font-size: $font-size-large; font-size: $font-size-large;
} }
.index {
font-size: $font-size-base;
}

View File

@ -3,7 +3,12 @@ import { ReactComponent as SearchIcon } from '../../images/magnifying-glass.svg'
import styles from './SearchButton.module.scss' import styles from './SearchButton.module.scss'
const SearchButton = props => ( const SearchButton = props => (
<button type="button" className={styles.searchButton} {...props}> <button
type="button"
title="Search"
className={styles.searchButton}
{...props}
>
<SearchIcon /> <SearchIcon />
</button> </button>
) )

View File

@ -29,7 +29,7 @@ const NetworkIcon = ({ link }) => {
const IconLinks = ({ links }) => ( const IconLinks = ({ links }) => (
<p> <p>
{links.map(link => ( {links.map(link => (
<a key={link} className={styles.link} href={link}> <a key={link} className={styles.link} href={link} title={link}>
<NetworkIcon link={link} /> <NetworkIcon link={link} />
</a> </a>
))} ))}

View File

@ -18,6 +18,7 @@ const query = graphql`
name name
uri uri
bitcoin bitcoin
github
} }
} }
} }
@ -43,7 +44,7 @@ export default class Footer extends PureComponent {
<StaticQuery <StaticQuery
query={query} query={query}
render={data => { render={data => {
const { name, uri, bitcoin } = data.contentYaml.author const { name, uri, bitcoin, github } = data.contentYaml.author
return ( return (
<footer role="contentinfo" className={styles.footer}> <footer role="contentinfo" className={styles.footer}>
@ -61,7 +62,7 @@ export default class Footer extends PureComponent {
</p> </p>
<p> <p>
<a href="https://github.com/kremalicious/kremalicious3/"> <a href={`${github}/blog`}>
<Github /> <Github />
View source View source
</a> </a>

View File

@ -37,7 +37,7 @@ const Posts = ({ data, location, pageContext }) => {
</Link> </Link>
)} )}
{type === 'post' && <PostLead post={node} />} {type === 'post' && <PostLead post={node} index />}
{type === 'post' && <PostMore to={slug}>Continue Reading</PostMore>} {type === 'post' && <PostMore to={slug}>Continue Reading</PostMore>}