diff --git a/README.md b/README.md index cf4925d..29b3bfc 100644 --- a/README.md +++ b/README.md @@ -2,8 +2,12 @@ A [Hugo](http://gohugo.io) theme with clear typograhy for easy, disturbance-free reading. +
+ +
+ # Table of Contents * [Setup](#setup) @@ -83,7 +87,14 @@ Twitter = "//twitter.com/username" ## Less files -The `.less` files used to generate `main.css` are available at the root of the repository. +The `.less` files used to generate `main.css` are available at the root of the repository. Running: + +```` +$ lessc main.less static/css/main.css +```` + +should do the trick. + # Screenshots diff --git a/main.less b/main.less index 4bec9a5..8a32f2f 100644 --- a/main.less +++ b/main.less @@ -1,8 +1,9 @@ // Font imports: -@import url(http://fonts.googleapis.com/css?family=Raleway:200); +@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700); @import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); +@import url(http://fonts.googleapis.com/css?family=Raleway:200); // Less variables @@ -10,8 +11,8 @@ @vspacing: @base-font-size*2; @monospace-font-stack: ~"'Ubuntu Mono', 'Menlo', monospace"; -@body-font-stack: ~"'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif"; -@heading-font-stack: ~"'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif"; +@body-font-stack: ~"'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif"; +@heading-font-stack: ~"'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif"; @special-font-stack-1: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif"; @black: #333; diff --git a/static/css/main.css b/static/css/main.css index 9c76aec..196bc6b 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,6 +1,7 @@ -@import url(http://fonts.googleapis.com/css?family=Raleway:200); +@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700); @import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); +@import url(http://fonts.googleapis.com/css?family=Raleway:200); .dark { color: #333333 !important; } @@ -46,7 +47,7 @@ body { width: 100%; min-height: 100%; font-weight: 400; - font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; + font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif; color: #333333; line-height: 1.6; text-rendering: optimizeLegibility !important; @@ -164,7 +165,7 @@ body { } .section.header .name { font-size: 18px; - font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; + font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif; letter-spacing: -0.005rem; text-transform: uppercase; font-weight: 700; @@ -301,7 +302,7 @@ body { } .section.main .content .page-heading { font-size: 18px; - font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; + font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif; letter-spacing: -0.005rem; text-transform: uppercase; font-weight: 700; @@ -460,9 +461,8 @@ a { .section.main .content .markdown h4, .section.main .content .markdown h5, .section.main .content .markdown h6 { - /* Heading size corresponds on number of #s used */ font-size: 18px; - font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; + font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif; letter-spacing: -0.005rem; text-transform: uppercase; font-weight: 700;