font size option added

This commit is contained in:
Christian Mueller
2014-09-27 14:55:03 +02:00
parent b719f1d220
commit 72e36acfd2
3 changed files with 102 additions and 96 deletions
+3 -2
View File
@@ -1,6 +1,6 @@
## Features
- **Themes**: specify the color scheme in the URL: [default](/2014/3/31/demo-note), [dark](/2014/3/31/demo-note?theme=dark), [solarized](/2014/3/31/demo-note?theme=solarized-light), [solarized dark](/2014/3/31/demo-note?theme=solarized-dark).
- **Fonts**: specify a font (e.g., [Google Web Fonts](http://www.google.com/webfonts/)) for headers and body text in the URL like [this](/8m4l9) or [this](/2014/3/31/demo-note?text-font=Helvetica&header-font=Courier).
- **Themes**: specify the color scheme in the URL: [default](/2014/3/31/demo-note), [dark](/2014/3/31/demo-note?theme=dark), [solarized light](/2014/3/31/demo-note?theme=solarized-light), [solarized dark](/2014/3/31/demo-note?theme=solarized-dark).
- **Fonts**: specify a font (e.g., [Google Web Fonts](http://www.google.com/webfonts/)) for headers and body text in the URL like [this](/8m4l9) or [this](/2014/3/31/demo-note?text-font=Helvetica&header-font=Courier&font-size=1.3).
- **Short URLs**: every page (including theme & font options) has its own short url.
- **Editing**: if you set a password during publishing, you can edit your note any time later.
- **Statistics**: page view counter, publishing and editing date.
@@ -9,6 +9,7 @@
- **API**: Integrate the publishing functionality into your editor using the official [NoteHub API](/api).
## Changelog
- September 2014: font size modifications added
- July 2014:
- deprecated all API versions less than 1.4
- performance improvements
+2
View File
@@ -98,6 +98,8 @@ if(ui["header-font"] || ui["text-font"]) {
}, "");
}
if(ui["font-size"]) vars["@font_size"] = ui["font-size"] + "em";
fontURL = fontURL.replace(/%s/, injection);
var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
+4 -1
View File
@@ -111,6 +111,9 @@ html, body {
padding-bottom: 5em;
text-align: center;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
#hero h1 {
font-size: 2.5em;
}
@@ -124,9 +127,9 @@ article {
.central-element;
margin-top: 5em;
text-align: justify;
font-size: @font_size;
}
article p {
font-size: @font_size;
line-height: 140%;
}
article > h1:first-child {