mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-22 01:46:51 +01:00
fixes
This commit is contained in:
parent
1e8b3831b5
commit
4606b31e30
@ -1,4 +1,3 @@
|
||||
<?xml version="1.0"?>
|
||||
<RoutingRules>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
|
@ -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',
|
||||
|
@ -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} />
|
||||
|
@ -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
|
||||
|
@ -3,3 +3,7 @@
|
||||
.lead {
|
||||
font-size: $font-size-large;
|
||||
}
|
||||
|
||||
.index {
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
|
@ -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>
|
||||
)
|
||||
|
@ -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>
|
||||
))}
|
||||
|
@ -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>
|
||||
|
@ -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>}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user