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