• Stars
    star
    100
  • Rank 329,632 (Top 7 %)
  • Language
    CSS
  • License
    Do What The F*ck ...
  • Created almost 9 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A ghost/journey theme.

ghost-wbkd

A ghost/journey theme.

โš ๏ธ We are not using this theme for our blog anymore. The development of new features will be therefore discontinued. We will still maintain this repository merging pull requests and fixing major issues. If you like to help, introducing new features, please start opening a pull-request. โš ๏ธ

screenshot

Install

To install the theme, clone this repository into your theme folder of your ghost installation:

$ cd path-to-ghost/content/themes
$ git clone https://github.com/wbkd/ghost-wbkd.git

After that, restart the blog and select the webkid theme in your ghost admin panel.

Customize

Due to restrictions of the Ghost templates, some values are hard-coded at the moment. To customize the theme, you have to edit the Handlebars templates in the theme folder.

Disqus

To enable the Disqus comment module, you have to add you Disqus username in the post.hbs file:

var disqus_shortname = 'example'; // required: replace example with your forum shortname

Navigation

For changing the navigation links and labels, you have to edit the partials/header.hbs file.

<!--Change this to customize the navigation-->
<div class="taglist-wrapper clearfix">
  <ul id="taglist" class="taglist">
      <li><a href="{{@blog.url}}">Home</a></li>
      <li><a href="/tag/javascript">javascript</a></li>
      <li><a href="/tag/nodejs">nodejs</a></li>
      <li><a href="/tag/data-visualization">data visualization</a></li>
      <li><a href="/tag/d3">d3</a></li>
      <li><a href="/tag/maps">maps</a></li>
  </ul>
</div>

Sidebar Widgets

There are three widgets in the sidebar: About, Social and Latest Articles. The latest articles are pulled automatically from the RSS-Feed of your page. If you want to change the url of your RSS-Feed, you have to edit the assets/js/webkid.js file.

The other two widgets are configured in the partials/sidebar.hbs template.

<!--Change this to your homepage-->
<p>See our latest projects at <a href="http://www.webkid.io">webkid.io</a></p>

<!--Change the links to your sites-->
<div class="sidebox box social clearfix">
  <ul>
    <a href="/rss" target="_blank" class="social-item rss"><li><i class="fa fa-rss"></i></li></a>
    <a href="http://twitter.com/webk1d" target="_blank" class="social-item tw"><li><i class="fa fa-twitter"></i></li></a>
    
    <a href="http://github.com/wbkd" target="_blank" class="social-item github"><li><i class="fa fa-github"></i></li></a>
    
    <a href="http://webkid.io" target="_blank" class="social-item home"><li><i class="fa fa-home"></i></li></a>
  </ul>
</div>

Authors

Moritz Klack and Christopher Mรถller of webkid.io.

More Repositories

1

xyflow

React Flow |ย Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
TypeScript
21,149
star
2

awesome-d3

A list of D3 libraries, plugins and utilities
5,066
star
3

webpack-starter

โœจ A lightweight foundation for your next webpack based frontend project.
JavaScript
1,924
star
4

awesome-node-based-uis

A curated list with resources about node-based UIs
1,897
star
5

awesome-interactive-journalism

A list of awesome interactive journalism projects.
1,827
star
6

react-starterkit

Yet another react starterkit. Including react-router, reflux, jest, webpack, gulp and stylus.
JavaScript
349
star
7

d3-extended

Extends D3 with some common jQuery functions and more
JavaScript
274
star
8

riotjs-startkit

A Riot - PostCSS - Webpack Starterkit
JavaScript
132
star
9

react-starter

๐Ÿš€ A minimal react boilerplate featuring easy-peasy state management and styled-components
JavaScript
110
star
10

react-flow-example-apps

Example React Flow apps for Create React App, Next.js and Remix.
TypeScript
101
star
11

making-maps-with-react

๐ŸŒ Example React components for React-Leaflet, Pigeon Maps, React MapGL and more
JavaScript
74
star
12

leaflet-swoopy

โคต๏ธ Swoopy Arrow Plugin for Leaflet
JavaScript
70
star
13

react-flow-mindmap-app

A quick and organized mind map app built with React Flow. Follow the tutorial to learn how to build it yourself.
TypeScript
66
star
14

pro-platform

โœจ The subscriber platform for React Flow Pro. View advanced code examples, invite your team members and manage your subscription.
TypeScript
64
star
15

d3-discovery

A tool for exploring D3.js plugins
Vue
50
star
16

leaflet-truesize

Leaflet plugin for easily comparing sizes of geographical shapes
JavaScript
48
star
17

react-flow-docs

โš ๏ธ This repo contains old versions of the React Flow website. The new repo is located at:
JavaScript
44
star
18

hapi-rest-starter-simple

A simple Hapi project that offers you a REST API based on Dogwater and Bedwetter.
JavaScript
43
star
19

dsv-loader

A webpack module to load dsv (e.g. .csv or .tsv) files.
JavaScript
35
star
20

from-data-to-sound

๐ŸŽต Simple Node.js script for transforming data to a MIDI file
JavaScript
33
star
21

react-flow-docs-v9

Archived documentation of React Flow version 9. Powered by Gatsby.
JavaScript
31
star
22

web

๐Ÿ“– This monorepo contains the xyflow website and the documentation sites for React Flow and Svelte Flow.
MDX
22
star
23

frontend-starterkit

Starting point for web apps. It provides a prepared development environment based on gulp, stylus and webpack.
JavaScript
19
star
24

dashboard-prototyper

React Dashboard helps you to generate dashboard prototypes very quickly with "configuration over code".
JavaScript
17
star
25

react-flow-web-audio

A simple Web Audio playground built with React Flow. Follow the tutorial to learn how to build it yourself.
JavaScript
16
star
26

leaflet-mapshot

๐ŸŒ A simple script for taking automated screenshots from a Leaflet map
JavaScript
14
star
27

vite-react-flow-template

A vite template to get started with React Flow
TypeScript
14
star
28

bpa-wochenberichte-htw

Python
12
star
29

wordcount-api

API to count unique words in german and english texts
Python
10
star
30

wordcounter

Small tool to count words in a text.
JavaScript
8
star
31

geocoder

A small utility script for geocoding addresses in a csv file
JavaScript
8
star
32

ddj-catalogue

DDJ-Katalog Frontend
JavaScript
8
star
33

awesomer

Turn your awesome list into an HTTP API
JavaScript
7
star
34

mfund_traffic-notebook

A Jupyter Notebook for visualizing traffic data.
Jupyter Notebook
7
star
35

nginx-nvm-mongo

Packer template to create nginx-nvm-mongo stack images using Ansible provisioning
Shell
7
star
36

tresor

A tool that enables you to use Trello as a headless CMS
JavaScript
6
star
37

react-isomorphic-example

An example for isomorphic apps using React and Express.
JavaScript
6
star
38

germany-iconfont

An iconfont of the german states.
CSS
5
star
39

berlin-iconfont

An iconfont for Berlin.
CSS
4
star
40

piwik-dashboard

A frontend that displays data from the Piwik API.
JavaScript
4
star
41

vite-svelte-flow-template

A vite template to get started with Svelte Flow
Svelte
3
star
42

react-flow-hero-exploration

A place to explore different flows to use in the hero of our redesign.
JavaScript
1
star
43

ddj-catalogue-backend

Contains the API for the ddj-catalogue and the spreadsheet importer
JavaScript
1
star
44

reactflow-webpack4

Example React Flow + webpack 4.
JavaScript
1
star