Code Monkey home page Code Monkey logo

blog's Introduction

This repository contains the source for http://matthewkudija.com/blog/.

Building the Blog

Clone the repository & make sure submodules are included

$ git clone https://github.com/mkudija/blog.git
$ git submodule update --init --recursive

Install the required packages:

$ conda create -n pelican-blog python=3.5 jupyter notebook
$ source activate pelican-blog

Build the html:

$ make publish

Modifying the theme

Colors

Set color theme to

Bigfoot footnotes

Add bigfoot.js footnotes by adding the following items to the theme/ directory:

├── static
│   ├── css
│   │   └── bigfoot-default.css
│   └── js
│       ├── bigfoot.js
│       └── bigfoot.min.js

Note: to get the width to work, I added a *7 to line 447 in bigfoot.js:

maxWidth = Math.min(maxWidth, $this.find(".bigfoot-footnote__content").outerWidth() + 1)*7;

For fun I changed the color of the footnote when activated (line 41 in bigfoot-default.css):

  background-color: #3377b3;

Add the following to theme/templates/base.html:

  • <link rel="stylesheet" href="../../../../theme/css/bigfoot-default.css" /> (within the <head> tag)
  • just before the close of the </body> tag:
<script type="text/javascript" src="../../../../theme/js/bigfoot.js"></script>
<script type="text/javascript">
    $.bigfoot (
    {

    }
    );
</script>

blog's People

Contributors

mkudija avatar

Watchers

 avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.