https://github.com/mplewis/mplewis.com

Source code for my personal website.
https://github.com/mplewis/mplewis.com

Last synced: 2 months ago
JSON representation

Source code for my personal website.

• Host: GitHub
• URL: https://github.com/mplewis/mplewis.com
• Owner: mplewis
• Created: 2013-01-28T02:31:16.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2024-02-02T03:04:15.000Z (12 months ago)
• Last Synced: 2024-04-13T04:56:08.940Z (10 months ago)
• Language: CSS
• Size: 1.66 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# mplewis.com

This is the source code for [mplewis.com](http://mplewis.com).

# Why?

I am a big fan of [Edward Tufte's books](https://smile.amazon.com/The-Visual-Display-Quantitative-Information/dp/0961392142) and [Tufte CSS](https://edwardtufte.github.io/tufte-css/), a stylesheet that emulates them. I wanted to make my simple single-page site look like that.

Tufte CSS is sort of a pain to write by hand. Every sidenote needs a ``, ``, and `` tag. In the past, I created them with [JavaScript](https://github.com/edwardtufte/tufte-css/issues/66). This time, I spent some time creating a simple build system to convert a Markdown-ish file (`index.tufte.md`) into Tufte CSS-compatible HTML.

# Why a custom build system?

mplewis.com is a single-page site. All the Ruby code, including a Rakefile, makes up about 120 total lines of code. I don't need anything else.

# Tufte-MD format

Tufte-MD is not a standard. It's just what I use to generate this site. It's like Markdown with a couple of extra rules:

* `✂` indicates the part of a paragraph that should be designated as a `newthought` – small caps emphasis at the beginning of a paragraph.

* `{some-tag}` defines or references a sidenote.

Here's some sample code in Tufte-MD:

```markdown

# I'm Matt Lewis.

I grew up ✂ in Wausau, Wisconsin. After high school, I attended the University of Minnesota{umn} and graduated in Computer Engineering in December 2014.

{umn}: Go Gophers!

```

And here's what it compiles down to:

```html

I'm Matt Lewis.



  

    I grew up

  

  in Wausau, Wisconsin. After high school, I attended the University of Minnesota

  

  

  

    Go Gophers!

  

  and graduated in Computer Engineering in December 2014.



```


# License

MIT