Light

toddbirchard / gatsby-ghost-stockholm Goto Github PK

View Code? Open in Web Editor NEW

12.0 12.0 7.0 192.55 MB

🟣 👻 Blog theme exceeding the limitations of Ghost CMS with dynamic features, user accounts, and extended data model.

Home Page: https://hackersandslackers.com/

JavaScript 49.08% Less 50.08% Makefile 0.44% Go 0.39%

gatsby gatsbyjs ghost ghost-theme graphql netlify nodejs react static-site static-site-generator

gatsby-ghost-stockholm's Introduction

Personal	HackersAndSlackers

gatsby-ghost-stockholm's People

Contributors

Stargazers

Watchers

Forkers

lejencodes africademy jlroche dspinkman vrdcentre mughu94 cryptoserie

gatsby-ghost-stockholm's Issues

Post: check padding/margins of list elements

Navigation: replace nav with material hi nav

https://amazing-jones-e61bda.netlify.com

Mobile pages: shift 90% max width from “templates” to “post-feed”

Series TOC widget

https://www.gatsbyjs.org/docs/gatsby-config/#mapping-node-types

Set email config for hackers admin

Newsletter widget

Use StaticQuery for non-page queries

StaticQuery is a component for retrieving data from Gatsby’s data layer in non-page components, such as a header, navigation, or any other child component.

https://www.gatsbyjs.org/docs/recipes/

Minor style fixes

Code snippets
- Remove border radius on mobile
- make font smaller
nav
- make links bigger
Posts
- check post meta width on mobile
- remove “welcome to sql” test
- reduce font weight of h3
- post footer width on mobile
- Add margins between related posts
Contribute
- remove margin below nav
- Reduce font weight in labels
Series
- reduce font weight of series cards

Post: make author widget clickable to author page

Add metadata to theme

Nav bar on mobile

Post: footer tags link to 404s

Use prefix attribute: https://github.com/TryGhost/Ghost-SDK/blob/master/packages/helpers-gatsby/src/Tags.js

Author page v1

Source social links from ghost config

Post: Author widget on mobile has hard to read meta

Author: page breaks bounds on mobile

https://hackersandslackers.dev/author/todd

Post: mimic this layout for related posts

https://amazing-jones-e61bda.netlify.com/

Create Github Readme

About: mobile page does not fit viewport

Footer: social links lead to personal accounts

For one-off pages (series archive etc) implement these the correct way

https://www.gatsbyjs.org/tutorial/part-seven/

https://forum.ghost.org/t/gatsby-ghost-starter-how-to-add-new-static-pages/5275/2

H

Pages: only show “author list” widget if page is “about”

Widgets: Add author-related widgets such as PostAuthor to /authors folder

Custom 404 page

Post: lighten bullet points of li elements

Related posts: if less than 3 related posts are returned, add recent posts

Search functionality with algolia

TRY THIS AGAIN:

Docs: https://www.algolia.com/doc/
Gatsby plugin: https://www.gatsbyjs.org/docs/adding-search/
useful post: https://kyleshevlin.com/how-to-add-algolia-search-to-a-gatsby-site/

Post: enable “current post” highlighting on series TOC

Post: move meta beneath title

Post: margin between feature image and post-header

Tag page: make header full width on mobile

Style series TOC widget (with proper ol values)

Gatsby ghost code highlighting

https://github.com/wooorm/lowlight/blob/master/readme.md

https://link.medium.com/PyTED6wDHZ

React: https://stackoverflow.com/questions/54993408/gatsby-remark-prismjs-is-not-working-on-html

dynamically load prisma: https://www.npmjs.com/package/react-syntax-highlighter

Post: add side margins/padding on mobile

Post card: meta items break lines

Related posts: Exclude current post from list of related posts

Post: full width code snippets on mobile

Serve webp images

┆Issue is synchronized with this Jira Task

Post: add background to author widget

Implement Gatsby Img tag: pull optimized sizes

Jupyter page templates

Gatsby Jupyter transformer: https://www.gatsbyjs.org/packages/@gatsby-contrib/gatsby-transformer-ipynb/

Gatsby git source: https://www.gatsbyjs.org/packages/gatsby-source-git/

Old: Potential library: https://jsvine.github.io/nbpreview/

Next/prev post widget

determine post number in Gatsby-node

┆Issue is synchronized with this Jira Story

Build series detail page with custom post cards (white background)

Post: block quote color too light to read

Small author widget

Post: reduce title font weight

Advanced site map

https://www.gatsbyjs.org/packages/gatsby-plugin-advanced-sitemap/?=sitemap

Pass series title to series TOC widget

Commento

https://www.gatsbyjs.org/docs/adding-comments/

Post: Author card incorrectly goes full width on mobile (intended for author page only)

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.