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>
<RoutingRule>
<Condition>

View File

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

View File

@ -2,7 +2,12 @@ import React from 'react'
import styles from './Hamburger.module.scss'
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.hamburgerLine} />
<span className={styles.hamburgerLine} />

View File

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

View File

@ -3,3 +3,7 @@
.lead {
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'
const SearchButton = props => (
<button type="button" className={styles.searchButton} {...props}>
<button
type="button"
title="Search"
className={styles.searchButton}
{...props}
>
<SearchIcon />
</button>
)

View File

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

View File

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

View File

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