{@title editable="true"/}
15 |{@content editable="true"/}
16 | {title}
56 |{message}
57 |
13 | renderer.code = (code, lang) => {
14 | let pre;
15 |
16 | pre = lang ? '' : '';
17 | pre += He.encode(code, { useNamedReferences: true });
18 | pre += '';
19 |
20 | return pre;
21 | };
22 |
23 | const self = {
24 |
25 | //
26 | // Converts a markdown string to HTML.
27 | //
28 | // text* (string) - The markdown string to convert.
29 | //
30 | // Returns an HTML string.
31 | //
32 | toHtml: (text) => {
33 | text = typeof text === 'string' ? text : '';
34 |
35 | return Marked(text, {
36 | renderer: renderer
37 | });
38 | },
39 |
40 | //
41 | // Converts a markdown string to plain text.
42 | //
43 | // text* (string) - The markdown string to convert.
44 | //
45 | toText: (text) => {
46 | text = typeof text === 'string' ? text : '';
47 |
48 | return Trim(Striptags(He.decode(Marked(text, {
49 | sanitize: true
50 | }))));
51 | }
52 |
53 | };
54 |
55 | module.exports = self;
56 |
--------------------------------------------------------------------------------
/source/modules/metaphor_engine.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Node modules
4 | const Extend = require('extend');
5 | const Metaphor = require('metaphor');
6 | const Url = require('url');
7 |
8 | const self = {
9 |
10 | create: (options) => {
11 | // Merge options
12 | options = Extend({
13 | // Use a custom preview template
14 | preview: (description, options, callback) => {
15 | let url = description.url;
16 | let parsed = Url.parse(url);
17 | let prettyUrl = parsed.hostname + (parsed.pathname || '').replace(/\/$/, '');
18 | let siteName = description.site_name;
19 | let title = description.title || '';
20 | let content = description.description || '';
21 | let icon = description.icon ? description.icon.any : '';
22 | let image = description.image;
23 |
24 | // Image can be an object or an array of objects
25 | if(image && image.url) {
26 | image = image.url;
27 | } else if(Array.isArray(image)) {
28 | image = image[0].url;
29 | }
30 |
31 | // Embed card template
32 | let html = `
33 |
44 | `;
45 |
46 | return callback(html.replace(/\n\s+/g, ''));
47 | }
48 | }, options);
49 |
50 | return new Metaphor.Engine(options);
51 | }
52 |
53 | };
54 |
55 | module.exports = self;
56 |
--------------------------------------------------------------------------------
/source/modules/paginate.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const self = {
4 |
5 | //
6 | // Generates pagination data.
7 | //
8 | // totalItems* (int) - The total number of items in the collection.
9 | // itemsPerPage* (int) - The number of items per page.
10 | // currentPage (int) - The current page (default 1).
11 | // urlCallback (function) - A callback function accepting a page argument that generates a URL.
12 | //
13 | get: (totalItems, itemsPerPage, currentPage, urlCallback) => {
14 | totalItems = parseInt(totalItems);
15 | itemsPerPage = parseInt(itemsPerPage) || 1;
16 | currentPage = parseInt(currentPage) || 1;
17 |
18 | let totalPages = Math.ceil(totalItems / itemsPerPage);
19 | let prevPage = currentPage > 1 ? currentPage - 1 : null;
20 | let nextPage = currentPage < totalPages ? currentPage + 1 : null;
21 | let prevPageUrl = urlCallback && prevPage ? urlCallback(prevPage) : null;
22 | let nextPageUrl = urlCallback && nextPage ? urlCallback(nextPage) : null;
23 |
24 | return {
25 | totalItems,
26 | itemsPerPage,
27 | currentPage,
28 | totalPages,
29 | nextPage,
30 | nextPageUrl,
31 | prevPage,
32 | prevPageUrl
33 | };
34 | }
35 |
36 | };
37 |
38 | module.exports = self;
39 |
--------------------------------------------------------------------------------
/source/modules/signed_url.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Node modules
4 | const Crypto = require('crypto');
5 | const Url = require('url');
6 |
7 | //
8 | // Converts an object to a query string, sorted alphabetically by key. Sorting alphabetically
9 | // provides a bit of flexibility when generating URLs, as params don't need to be in a specific
10 | // order. It also let us work around the pre-ES2016 issue of objects not having a guarantted order
11 | // when we parse the query string into an object.
12 | //
13 | // obj (object) - The object to convert.
14 | //
15 | // Returns a string.
16 | //
17 | function objectToQueryString(obj) {
18 | let query = [];
19 |
20 | Object.keys(obj).forEach((key) => {
21 | query.push(encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]));
22 | });
23 |
24 | return query.sort().join('&');
25 | }
26 |
27 | const self = {
28 |
29 | //
30 | // Generates a key for use with a signed URL.
31 | //
32 | // hostname* (string) - The full URL to generate a key for.
33 | // secret* (string) - A cryptographically secure string.
34 | //
35 | // Returns a string.
36 | //
37 | generateKey: (url, secret) => {
38 | url = Url.parse(url, true);
39 | let query = objectToQueryString(url.query);
40 |
41 | return Crypto
42 | .createHash('sha256')
43 | .update(secret + url.hostname + url.pathname + query)
44 | .digest('hex');
45 | },
46 |
47 | //
48 | // Generates a key and appends it to the given URL.
49 | //
50 | // url* (string) - The URL to sign.
51 | // secret* (string) - A cryptographically secure string.
52 | //
53 | // Returns a string.
54 | //
55 | sign: (url, secret) => {
56 | let key = self.generateKey(url, secret);
57 | let signedUrl = Url.parse(url);
58 |
59 | // Append the key. Note that Url.format() builds the query string from `search`, not `query`.
60 | signedUrl.search += '&key=' + encodeURIComponent(key);
61 |
62 | return Url.format(signedUrl);
63 | },
64 |
65 | //
66 | // Verifies a signed URL.
67 | //
68 | // url* (string) - The full URL to verify.
69 | // secret* (string) - The secret used to generate the signed URL.
70 | //
71 | // Returns a boolean.
72 | //
73 | verify: (url, secret) => {
74 | url = Url.parse(url, true);
75 | let query = url.query;
76 | let key = url.query.key;
77 |
78 | // Remove key from query
79 | delete url.query.key;
80 | query = objectToQueryString(query);
81 |
82 | // Rebuild the URL and compare keys. Note that Url.format() builds the query string from `search`, not `query`.
83 | url.search = '?' + query;
84 |
85 | return key === self.generateKey(Url.format(url), secret);
86 | }
87 |
88 | };
89 |
90 | module.exports = self;
91 |
--------------------------------------------------------------------------------
/source/modules/slug.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Node modules
4 | const Slugify = require('slugify');
5 |
6 | //
7 | // Generates a slug.
8 | //
9 | // string* (string) - The string to convert.
10 | //
11 | // Returns a string;
12 | //
13 | module.exports = (string) => {
14 | if(typeof string !== 'string') return '';
15 |
16 | // Convert Unicode characters to Latin equivalents
17 | return Slugify(string)
18 | .toLowerCase()
19 | // Convert spaces and underscores to dashes
20 | .replace(/(\s|_)/g, '-')
21 | // Remove unsafe characters
22 | .replace(/[^a-z0-9-]/g, '')
23 | // Remove duplicate dashes
24 | .replace(/-+/g, '-')
25 | // Remove starting and ending dashes
26 | .replace(/(^-|-$)/g, '');
27 | };
28 |
--------------------------------------------------------------------------------
/source/scripts/edit_tag.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const Marked = require('marked');
5 | const NProgress = require('nprogress');
6 |
7 | $(() => {
8 |
9 | function getState() {
10 | return $('#tag-form').serialize();
11 | }
12 |
13 | function enforceSlugSyntax() {
14 | $('#slug').val(Postleaf.Slug($('#slug').val()));
15 | }
16 |
17 | function updatePreview() {
18 | let slug = $('#slug').val();
19 | let name = $.trim($('#name').val());
20 | let description = $(Marked($.trim($('#description').val()))).text();
21 | let metaTitle = $.trim($('#meta-title').val());
22 | let metaDescription = $.trim($('#meta-description').val());
23 |
24 | $('.search-engine-preview .slug').text(slug);
25 | $('.search-engine-preview-title').text(metaTitle || name);
26 | $('.search-engine-preview-description').text(metaDescription || description);
27 | }
28 |
29 | let changesSaved = $('#tag-form').attr('data-changes-saved');
30 | let cleanState = getState();
31 | let createAction = $('#tag-form').attr('data-create-action');
32 | let saveConfirmation = $('#tag-form').attr('data-save-confirmation');
33 | let tagCreated = $('#tag-form').attr('data-tag-created');
34 | let tagId = $('#tag-form').attr('data-tag-id');
35 | let updateAction = $('#tag-form').attr('data-update-action');
36 |
37 | // Guess slug when name changes
38 | $('#name').on('change paste', function() {
39 | if(!$('#slug').val()) {
40 | $('#slug').val(Postleaf.Slug(this.value));
41 | }
42 | });
43 |
44 | // Enforce slug syntax
45 | $('#slug').on('change paste', enforceSlugSyntax);
46 |
47 | // Enable image controls
48 | $('.image-control')
49 | .imageControl()
50 | .on('uploadProgress.imageControl', (event, percent) => NProgress.set(percent * .9))
51 | .on('uploadComplete.imageControl', () => NProgress.done(false));
52 |
53 | // Update preview
54 | $('#name, #description, #slug, #meta-title, #meta-description').on('change keyup paste', updatePreview);
55 | updatePreview();
56 |
57 | // Handle the form
58 | $('#tag-form').ajaxSubmit({
59 | url: () => tagId ? updateAction.replace(':id', tagId) : createAction,
60 | method: () => tagId ? 'PUT' : 'POST',
61 | before: NProgress.start,
62 | after: NProgress.done,
63 | error: (res) => {
64 | // Show error message
65 | if(res.message) {
66 | $.announce.warning(res.message);
67 | }
68 | },
69 | success: (res) => {
70 | if(res.tag) {
71 | // Show a success message
72 | let message = tagId ? changesSaved : tagCreated.replace(':name', res.tag.name);
73 | $.announce.success(message);
74 |
75 | // Set tag ID for future saves
76 | tagId = res.tag.id;
77 |
78 | // Update clean state
79 | cleanState = getState();
80 | }
81 | }
82 | });
83 |
84 | // Save button
85 | $('[data-save]').on('click', () => $('#tag-form').submit());
86 |
87 | // Update hash on tab change
88 | $('#sidebar').find('[data-toggle="tab"]').on('show.bs.tab', function() {
89 | let href = this.href;
90 |
91 | // Remove hash for the first tab (initial state)
92 | if($(this).index() === 0) href = href.split('#')[0];
93 |
94 | window.history.replaceState({}, '', href);
95 | });
96 |
97 | // Set tab on page load
98 | if(location.hash) {
99 | $('#sidebar').find('[data-toggle="tab"][href="' + location.hash + '"]').each(function() {
100 | $(this).tab('show');
101 | });
102 | }
103 |
104 | // Watch for unsaved changes
105 | window.onbeforeunload = () => {
106 | if(getState() !== cleanState) {
107 | return saveConfirmation;
108 | }
109 | };
110 | });
111 |
--------------------------------------------------------------------------------
/source/scripts/edit_user.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const NProgress = require('nprogress');
5 |
6 | $(() => {
7 |
8 | function getState() {
9 | return $('#user-form').serialize();
10 | }
11 |
12 | function enforceSlugSyntax() {
13 | $('#username').val(Postleaf.Slug($('#username').val()));
14 | }
15 |
16 | let changesSaved = $('#user-form').attr('data-changes-saved');
17 | let cleanState = getState();
18 | let createAction = $('#user-form').attr('data-create-action');
19 | let saveConfirmation = $('#user-form').attr('data-save-confirmation');
20 | let userCreated = $('#user-form').attr('data-user-created');
21 | let userId = $('#user-form').attr('data-user-id');
22 | let updateAction = $('#user-form').attr('data-update-action');
23 |
24 | // Guess username when name changes
25 | $('#name').on('change paste', function() {
26 | if(!$('#username').val()) {
27 | $('#username').val(Postleaf.Slug(this.value));
28 | }
29 | });
30 |
31 | // Enforce slug syntax
32 | $('#username').on('change paste', enforceSlugSyntax);
33 |
34 | // Enable image controls
35 | $('.image-control').each(function() {
36 | $(this)
37 | .imageControl()
38 | .on('uploadProgress.imageControl', (event, percent) => NProgress.set(percent * .9))
39 | .on('uploadComplete.imageControl', () => NProgress.done(false));
40 | });
41 |
42 | // Handle the form
43 | $('#user-form').ajaxSubmit({
44 | url: () => userId ? updateAction.replace(':id', userId) : createAction,
45 | method: () => userId ? 'PUT' : 'POST',
46 | before: NProgress.start,
47 | after: NProgress.done,
48 | error: (res) => {
49 | // Show error message
50 | if(res.message) {
51 | $.announce.warning(res.message);
52 | }
53 | },
54 | success: (res) => {
55 | if(res.user) {
56 | // Show a success message
57 | let message = userId ? changesSaved : userCreated.replace(':name', res.user.name);
58 | $.announce.success(message);
59 |
60 | // Set user ID for future saves
61 | userId = res.user.id;
62 |
63 | // Update clean state
64 | cleanState = getState();
65 | }
66 | }
67 | });
68 |
69 | // Save button
70 | $('[data-save]').on('click', () => $('#user-form').submit());
71 |
72 | // Update hash on tab change
73 | $('#sidebar').find('[data-toggle="tab"]').on('show.bs.tab', function() {
74 | let href = this.href;
75 |
76 | // Remove hash for the first tab (initial state)
77 | if($(this).index() === 0) href = href.split('#')[0];
78 |
79 | window.history.replaceState({}, '', href);
80 | });
81 |
82 | // Set tab on page load
83 | if(location.hash) {
84 | $('#sidebar').find('[data-toggle="tab"][href="' + location.hash + '"]').each(function() {
85 | $(this).tab('show');
86 | });
87 | }
88 |
89 | // Watch for unsaved changes
90 | window.onbeforeunload = () => {
91 | if(getState() !== cleanState) {
92 | return saveConfirmation;
93 | }
94 | };
95 | });
96 |
--------------------------------------------------------------------------------
/source/scripts/install.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const NProgress = require('nprogress');
5 |
6 | $(() => {
7 |
8 | function enforceSlugSyntax() {
9 | $('#username').val(Postleaf.Slug($('#username').val()));
10 | }
11 |
12 | // Guess username when name changes
13 | $('#name').on('change paste', function() {
14 | if(!$('#username').val()) {
15 | $('#username').val(Postleaf.Slug(this.value));
16 | }
17 | });
18 |
19 | let redirect = $('#install-form').attr('data-redirect');
20 |
21 | // Enforce slug syntax
22 | $('#username').on('change paste', enforceSlugSyntax);
23 |
24 | // Handle the form
25 | $('#install-form').ajaxSubmit({
26 | before: NProgress.start,
27 | after: NProgress.done,
28 | error: (res) => {
29 | // Show error message
30 | if(res.message) {
31 | $.announce.warning(res.message);
32 | }
33 | },
34 | success: () => location.href = redirect
35 | });
36 |
37 | });
38 |
--------------------------------------------------------------------------------
/source/scripts/lib.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | // Globals
5 | window.jQuery = window.$ = require('jquery');
6 | window.Tether = require('tether');
7 | window.Postleaf = {
8 | FileManager: require('../modules/file_manager.js'),
9 | Slug: require('../modules/slug.js')
10 | };
11 |
12 | // Bootstrap
13 | require('bootstrap');
14 |
15 | // jQuery plugins
16 | require('@claviska/jquery-ajax-submit/jquery.ajaxSubmit.min.js');
17 | require('@claviska/jquery-alertable/jquery.alertable.min.js');
18 | require('@claviska/jquery-animate-css/jquery.animateCSS.min.js');
19 | require('@claviska/jquery-announce/jquery.announce.min.js');
20 | require('@claviska/jquery-offscreen/jquery.offscreen.js');
21 | require('@claviska/jquery-selectable/jquery.selectable.min.js');
22 | require('typeahead.js/dist/typeahead.jquery.min.js');
23 | require('selectize/dist/js/standalone/selectize.min.js');
24 |
25 | // Includes
26 | require('../modules/includes/admin_menu.js');
27 | require('../modules/includes/ajax_submit_defaults.js');
28 | require('../modules/includes/alertable_defaults.js');
29 | require('../modules/includes/dropdown_animations.js');
30 | require('../modules/includes/html_classes.js');
31 | require('../modules/includes/image_control.js');
32 | require('../modules/includes/locater.js');
33 | require('../modules/includes/panel.js');
34 | require('../modules/includes/shortcuts.js');
35 | require('../modules/includes/stretch.js');
36 | require('../modules/includes/toggle_password.js');
37 | require('../modules/includes/xhr_progress.js');
38 |
--------------------------------------------------------------------------------
/source/scripts/login.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const NProgress = require('nprogress');
5 |
6 | $(() => {
7 |
8 | let redirect = $('#login-form').attr('data-redirect');
9 |
10 | // Handle the form
11 | $('#login-form').ajaxSubmit({
12 | before: NProgress.start,
13 | after: NProgress.done,
14 | error: () => $('#login-form').animateCSS('shake'),
15 | success: () => location.href = redirect
16 | });
17 |
18 | });
19 |
--------------------------------------------------------------------------------
/source/scripts/quick_post.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const NProgress = require('nprogress');
5 |
6 | $(() => {
7 |
8 | let redirect = $('#quick-post-form').attr('data-redirect');
9 |
10 | // Save for later
11 | $('[data-save], [data-publish]').on('click', function() {
12 | // Set the appropriate status
13 | let status = $(this).is('[data-save]') ? 'draft' : 'published';
14 | $('#status').val(status);
15 |
16 | // Submit the form
17 | $('#quick-post-form').submit();
18 | });
19 |
20 | // Generate a slug when the title changes
21 | $('#title').on('change', function() {
22 | $('#slug').val(Postleaf.Slug($(this).val()));
23 | });
24 |
25 | // Remember template preference
26 | $('#template')
27 | .on('change', function() {
28 | // Store the last selected template
29 | localStorage.setItem('quickPostTemplate', $(this).val());
30 | })
31 | .find('option').each(function() {
32 | // Restore the last selected template if there's a match
33 | if(this.value === localStorage.getItem('quickPostTemplate')) {
34 | $('#template').val(this.value);
35 | }
36 | });
37 |
38 | // Handle the form
39 | $('#quick-post-form').ajaxSubmit({
40 | before: () => {
41 | // Require title before submitting
42 | if($('#title').val() === '') {
43 | $('#quick-post-form').animateCSS('shake');
44 | return false;
45 | }
46 |
47 | NProgress.start();
48 | },
49 | after: NProgress.done,
50 | error: (res) => {
51 | $('#quick-post-form').animateCSS('shake');
52 |
53 | if(res.message) {
54 | $.announce.warning(res.message);
55 | }
56 | },
57 | success: () => location.href = redirect
58 | });
59 |
60 | // Submit on cmd + enter
61 | $('#quick-post-form :input').on('keydown', (event) => {
62 | if(event.keyCode === 13 && (event.metaKey || event.ctrlKey)) {
63 | $('#quick-post-form').submit();
64 | }
65 | });
66 |
67 | });
68 |
--------------------------------------------------------------------------------
/source/scripts/recover_password.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const NProgress = require('nprogress');
5 |
6 | $(() => {
7 |
8 | let redirect = $('#recover-form').attr('data-redirect');
9 |
10 | // Handle the form
11 | $('#recover-form').ajaxSubmit({
12 | before: NProgress.start,
13 | after: NProgress.done,
14 | error: (res) => {
15 | // Shake on error
16 | $('#recover-form').animateCSS('shake');
17 |
18 | // Show error message
19 | if(res.message) {
20 | $.announce.warning(res.message);
21 | }
22 | },
23 | success: function(res) {
24 | // Disable the form
25 | $(this).ajaxSubmit('disable', true);
26 |
27 | // Show success message
28 | if(res.message) {
29 | $.announce
30 | .success({
31 | duration: 5000,
32 | message: res.message
33 | })
34 | .then(() => location.href = redirect);
35 | }
36 | }
37 | });
38 |
39 | });
40 |
--------------------------------------------------------------------------------
/source/scripts/reset_password.js:
--------------------------------------------------------------------------------
1 | /* eslint-env browser, jquery */
2 | 'use strict';
3 |
4 | const NProgress = require('nprogress');
5 |
6 | $(() => {
7 |
8 | let redirect = $('#reset-form').attr('data-redirect');
9 |
10 | // Handle the form
11 | $('#reset-form').ajaxSubmit({
12 | method: 'POST',
13 | before: NProgress.start,
14 | after: NProgress.done,
15 | error: (res) => {
16 | if(res.message) {
17 | $.announce.warning(res.message);
18 | }
19 | },
20 | success: function(res) {
21 | $(this).ajaxSubmit('disable');
22 | $.announce
23 | .success(res.message)
24 | .then(() => location.href = redirect);
25 | }
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/source/scripts/tinymce.js:
--------------------------------------------------------------------------------
1 | //
2 | // This file bundles up TinyMCE and other scripts required by the editor.
3 | //
4 |
5 | /* eslint-env browser, jquery */
6 | 'use strict';
7 |
8 | global.TinyMCE = require('tinymce/tinymce');
9 |
10 | // Default theme is required :-\
11 | require('tinymce/themes/modern/theme');
12 |
13 | // Plugins
14 | require('tinymce/plugins/lists');
15 | require('tinymce/plugins/paste');
16 | require('tinymce/plugins/textpattern');
17 | require('tinymce/plugins/wordcount');
18 |
--------------------------------------------------------------------------------
/source/styles/edit_post.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 |
3 | .main-container {
4 | padding: 0;
5 | }
6 |
7 | .dropdown-menu .h2 .fa { transform: scale(1.4); }
8 | .dropdown-menu .h3 .fa { transform: scale(1.2); }
9 | .dropdown-menu .h4 .fa { transform: scale(1.0); }
10 |
11 | #editor-frame {
12 | position: relative;
13 | width: 100%;
14 | height: 100%;
15 | border: none;
16 | background: white;
17 | display: block;
18 | overflow: auto;
19 | transition: opacity .25s;
20 | }
21 |
22 | #status-bar {
23 | position: fixed;
24 | right: 1rem;
25 | bottom: 1rem;
26 |
27 | > div {
28 | vertical-align: middle;
29 | min-height: 1.7rem;
30 | display: inline-block;
31 |
32 | &:not(:first-child) {
33 | margin-left: .5rem;
34 | }
35 | }
36 | }
37 |
38 | #word-count {
39 | .word-count-none,
40 | .word-count-one,
41 | .word-count-many {
42 | background: rgba($postleaf-black, .8);
43 | font-size: .9rem;
44 | color: white;
45 | padding: .25rem .5rem;
46 | border-radius: .25rem;
47 | pointer-events: none;
48 | user-select: none;
49 | }
50 | }
51 |
52 | #zen-mode-theme {
53 | button {
54 | padding: 0;
55 | transform: rotate(0);
56 | transition: .4s transform;
57 | display: block;
58 |
59 | &[data-zen-theme="night"] {
60 | transform: rotate(180deg);
61 | }
62 | }
63 |
64 | img {
65 | width: 1.5em;
66 | height: 1.5em;
67 | display: block;
68 | }
69 | }
70 |
71 | #dropzone {
72 | position: fixed;
73 | z-index: 9999;
74 | top: 0;
75 | right: 0;
76 | bottom: 0;
77 | left: 0;
78 | background: rgba($postleaf-black, .9);
79 | padding: 3rem;
80 |
81 | .dropzone-target {
82 | width: 100%;
83 | font-size: 2rem;
84 | font-weight: 700;
85 | color: white;
86 | border: solid .5rem white;
87 | border-radius: $border-radius-large;
88 | text-align: center;
89 | transition: .2s transform, .2s color, .2s background-color, .2s border-color;
90 | padding: 1rem;
91 | display: table;
92 |
93 | &.active {
94 | color: white;
95 | background-color: $brand-primary;
96 | border-color: $brand-primary;
97 | }
98 |
99 | &:first-child {
100 | height: calc(30% - 3rem);
101 | margin-bottom: 3rem;
102 | }
103 |
104 | &:last-child {
105 | height: 70%;
106 | }
107 |
108 | .dropzone-text {
109 | display: table-cell;
110 | vertical-align: middle;
111 | }
112 | }
113 | }
114 |
115 | // Fixes an issue in iOS where hitting enter and various other commands (e.g. cmd+b) cause the
116 | // editor to scroll to the top of the page. Last tested on iOS 10.3.2.
117 | .ios {
118 | .stretch-down {
119 | overflow: visible;
120 | }
121 | }
122 |
--------------------------------------------------------------------------------
/source/styles/edit_tag.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 |
4 | $sidebar-width: 12rem;
5 |
6 | #sidebar {
7 | width: $sidebar-width;
8 | float: left;
9 | }
10 |
11 | #tag-form {
12 | margin-left: $sidebar-width + 2rem;
13 |
14 | h3 {
15 | margin-bottom: 1rem;
16 |
17 | &:not(:first-child) {
18 | margin-top: 4rem;
19 | }
20 | }
21 | }
22 |
23 | @include media-breakpoint-down(sm) {
24 | #sidebar {
25 | width: 100%;
26 | float: none;
27 | margin-bottom: 1rem;
28 | }
29 |
30 | #tag-form {
31 | margin: 0;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/source/styles/edit_user.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 |
4 | $sidebar-width: 12rem;
5 |
6 | #sidebar {
7 | width: $sidebar-width;
8 | float: left;
9 | }
10 |
11 | #user-form {
12 | margin-left: $sidebar-width + 2rem;
13 |
14 | h3 {
15 | margin-bottom: 1rem;
16 | &:not(:first-child) {
17 | margin-top: 4rem;
18 | }
19 | }
20 | }
21 |
22 | @include media-breakpoint-down(sm) {
23 | #sidebar {
24 | width: 100%;
25 | float: none;
26 | margin-bottom: 1rem;
27 | }
28 |
29 | #user-form {
30 | margin: 0;
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/source/styles/editor.scss:
--------------------------------------------------------------------------------
1 | @import 'partials/variables';
2 |
3 | body {
4 | // Prevent iPhone from rendering huge text when the page is scaled way down
5 | -webkit-text-size-adjust: none;
6 | }
7 |
8 | // Show not-allowed cursor on all links
9 | a[href] {
10 | cursor: not-allowed;
11 | }
12 |
13 | // Hide the ghost container when dragging embeds
14 | .mce-drag-container {
15 | display: none !important;
16 | }
17 |
18 | // Inline boundaries for code and links
19 | a[data-mce-selected],
20 | code[data-mce-selected] {
21 | outline: dotted 1px currentColor;
22 | }
23 |
24 | // Image selections
25 | img[data-mce-selected] {
26 | outline: none !important;
27 | }
28 |
29 | // HR selections
30 | hr[data-mce-selected] {
31 | outline: none !important;
32 | }
33 |
34 | // Content regions
35 | [data-postleaf-region] {
36 | // Don't disappear when empty
37 | min-width: 1rem;
38 | min-height: 1rem;
39 |
40 | // Disable focus ring
41 | outline: none;
42 |
43 | a[href] {
44 | cursor: text;
45 | }
46 | }
47 |
48 | // Embeds
49 | [data-embed] {
50 | position: relative !important;
51 | margin-bottom: 1rem;
52 |
53 | // Create an invisible overlay on top of embedded elements to prevent interaction
54 | &::after {
55 | position: absolute;
56 | top: 0;
57 | left: 0;
58 | width: 100%;
59 | height: 100%;
60 | content: '';
61 | background: $brand-primary;
62 | opacity: 0;
63 | cursor: text;
64 | }
65 |
66 | // Highlight the embed when selected
67 | &[data-mce-selected] {
68 | outline: solid 2px $brand-primary;
69 | outline-offset: .25rem;
70 | }
71 | }
72 |
73 | // Figures
74 | figure.image {
75 | &[data-mce-selected] img {
76 | outline: solid 2px $brand-primary;
77 | outline-offset: .25rem;
78 | }
79 |
80 | figcaption:focus {
81 | outline: none;
82 | }
83 | }
84 |
85 | // TinyMCE appends floating panels to the DOM for toolbars and other UI components. In some cases,
86 | // they can cause the browser to scroll unexpectedly to the bottom of the page. Hiding the panels
87 | // prevents this since we're not using TinyMCE's UI components anyway.
88 | .mce-floatpanel,
89 | .mce-panel {
90 | display: none !important;
91 | }
92 |
93 | // When a contentEditable="false" element is selected in Chrome, an mce-offscreen-selection appears
94 | // below the post content, causing the browser to scroll unexpectedly. Simply hiding the element
95 | // seems to fix it without any side effects. This only happens after toggling Zen Mode or reloading
96 | // the post preview, so it probably has something to do with the way we hot swap the title and
97 | // content elements.
98 | .mce-offscreen-selection {
99 | display: none !important;
100 | }
101 |
--------------------------------------------------------------------------------
/source/styles/install.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 |
4 | .logo {
5 | width: 15rem;
6 | margin: 2rem auto;
7 | display: block;
8 | }
9 |
10 | .install .box {
11 | max-width: 28rem;
12 | margin: 0 auto;
13 | }
14 |
--------------------------------------------------------------------------------
/source/styles/lib.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 |
3 | // Font Awesome
4 | @import "font-awesome/scss/font-awesome";
5 |
6 | // Bootstrap
7 | @import "bootstrap/scss/custom";
8 | @import "bootstrap/scss/variables";
9 | @import "bootstrap/scss/mixins";
10 | @import "bootstrap/scss/normalize";
11 | @import "bootstrap/scss/print";
12 | @import "bootstrap/scss/reboot";
13 | @import "bootstrap/scss/type";
14 | @import "bootstrap/scss/images";
15 | @import "bootstrap/scss/code";
16 | @import "bootstrap/scss/grid";
17 | @import "bootstrap/scss/tables";
18 | @import "bootstrap/scss/forms";
19 | @import "bootstrap/scss/buttons";
20 | // @import "bootstrap/scss/transitions";
21 | @import "bootstrap/scss/dropdown";
22 | @import "bootstrap/scss/button-group";
23 | @import "bootstrap/scss/input-group";
24 | @import "bootstrap/scss/custom-forms";
25 | @import "bootstrap/scss/nav";
26 | // @import "bootstrap/scss/navbar";
27 | @import "bootstrap/scss/card";
28 | // @import "bootstrap/scss/breadcrumb";
29 | // @import "bootstrap/scss/pagination";
30 | @import "bootstrap/scss/badge";
31 | // @import "bootstrap/scss/jumbotron";
32 | @import "bootstrap/scss/alert";
33 | // @import "bootstrap/scss/progress";
34 | // @import "bootstrap/scss/media";
35 | // @import "bootstrap/scss/list-group";
36 | // @import "bootstrap/scss/responsive-embed";
37 | // @import "bootstrap/scss/close";
38 | // @import "bootstrap/scss/modal";
39 | @import "bootstrap/scss/tooltip";
40 | // @import "bootstrap/scss/popover";
41 | // @import "bootstrap/scss/carousel";
42 | @import "bootstrap/scss/utilities";
43 |
44 | // Third party libs
45 | @import "animate.css/animate.min";
46 |
47 | // Custom partials
48 | @import "partials/admin_menu";
49 | @import "partials/admin_toolbar";
50 | @import "partials/alertable";
51 | @import "partials/announce";
52 | @import "partials/box";
53 | @import "partials/card_cover";
54 | @import "partials/empty_state";
55 | @import "partials/image_control";
56 | @import "partials/locater";
57 | @import "partials/main_container";
58 | @import "partials/nprogress";
59 | @import "partials/panel";
60 | @import "partials/revisions_table";
61 | @import "partials/search_engine_preview";
62 | @import "partials/selectize";
63 | @import "partials/shortcuts";
64 | @import "partials/stretch";
65 | @import "partials/typeahead";
66 | @import "partials/file_manager";
67 |
68 | // Custom overrides
69 | @import "partials/overrides";
70 |
--------------------------------------------------------------------------------
/source/styles/login.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 |
4 | body {
5 | padding: 10vh 0;
6 | }
7 |
8 | .logo {
9 | width: 15rem;
10 | margin: 2rem auto;
11 | display: block;
12 | }
13 |
14 | .login .box {
15 | max-width: 24rem;
16 | margin: 0 auto;
17 | }
18 |
19 | .meta {
20 | text-align: center;
21 | max-width: 24rem;
22 | margin: 1.5rem auto 0 auto;
23 | }
24 |
25 | @media screen and (max-height: 750px) {
26 | body {
27 | padding: 0;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/source/styles/navigation.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 |
4 | .sortable-ghost {
5 | opacity: 0;
6 | }
7 |
8 | .nav-item {
9 | position: relative;
10 | width: 100%;
11 | background: white;
12 | box-shadow: 0 .1rem .1rem rgba($postleaf-black, .05);
13 | margin-bottom: 1px;
14 | display: table;
15 | cursor: move;
16 | padding-left: 1.5rem;
17 |
18 | &:first-child {
19 | border-top-left-radius: $border-radius;
20 | border-top-right-radius: $border-radius;
21 | }
22 |
23 | &:last-child {
24 | border-bottom-left-radius: $border-radius;
25 | border-bottom-right-radius: $border-radius;
26 | }
27 |
28 | // Grip
29 | &::before {
30 | position: absolute;
31 | top: 0;
32 | left: 0;
33 | bottom: 0;
34 | width: 2rem;
35 | content: '';
36 | background-image: str-replace(url('data:image/svg+xml;charset=utf8,'), '#', '%23');
37 | background-position: 1rem 50%;
38 | background-repeat: no-repeat;
39 | pointer-events: none;
40 | }
41 |
42 | .nav-item-field {
43 | width: calc(50% - 1.5rem);
44 | padding: 1rem;
45 | display: table-cell;
46 |
47 | &:first-child {
48 | padding-right: .5rem;
49 | }
50 |
51 | &:nth-child(2) {
52 | padding-left: .5rem;
53 | }
54 | }
55 |
56 | .nav-item-remove {
57 | width: 3rem;
58 | display: table-cell;
59 | vertical-align: middle;
60 | text-align: center;
61 | padding-right: 1rem;
62 | }
63 | }
64 |
65 | .nav-create {
66 | text-align: center;
67 | margin: 2rem 0;
68 | }
69 |
70 | @include media-breakpoint-down(xs) {
71 |
72 | .nav-item {
73 | position: relative;
74 | padding-left: 1.5rem;
75 | padding-right: 3rem;
76 | display: block;
77 |
78 | .nav-item-field {
79 | width: auto;
80 | display: block;
81 |
82 | &:first-child {
83 | padding: 1rem 1rem .25rem 1rem;
84 | }
85 |
86 | &:nth-child(2) {
87 | padding: .25rem 1rem 1rem 1rem;
88 | }
89 | }
90 |
91 | .nav-item-remove {
92 | position: absolute;
93 | top: 50%;
94 | right: .5rem;
95 | margin-top: $input-height / -2;
96 | }
97 |
98 | }
99 |
100 | }
101 |
102 | .empty-state {
103 | height: 20vh;
104 | }
105 |
--------------------------------------------------------------------------------
/source/styles/partials/_admin_toolbar.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Page Toolbar
3 | //
4 | // Draws the toolbar that appears at the top of each admin panel page.
5 | //
6 | // Example:
7 | //
8 | //
16 | //
17 | // Notes:
18 | //
19 | // - A toolbar can have one or multiple admin-toolbar-group elements.
20 | // - You can force groups to collapse on XS screens using the admin-toolbar-collapse-xs modifier.
21 | // - You can use the disabled class on .admin-toolbar to disable interaction dynamically without
22 | // changing the state of each individual button.
23 | //
24 |
25 | $admin-toolbar-padding-x: 1rem;
26 | $admin-toolbar-padding-y: 1rem;
27 |
28 | .admin-toolbar {
29 | position: relative;
30 | background: white;
31 | border-bottom: solid 1px darken($body-bg, 10%);
32 | line-height: 1.5;
33 | display: table;
34 | width: 100%;
35 | user-select: none;
36 |
37 | // Disable toolbar buttons by appenbuttons while the toolbar is in a loading state
38 | &.disabled {
39 | pointer-events: none;
40 |
41 | // Make buttons appear disabled
42 | .btn {
43 | opacity: .5
44 | }
45 | }
46 |
47 | .admin-toolbar-title {
48 | font-size: 1.4rem;
49 | margin-bottom: 0;
50 |
51 | i {
52 | color: $text-muted;
53 | margin-left: .5rem;
54 | margin-right: .5rem;
55 | }
56 |
57 | img {
58 | max-height: 1.6em;
59 | max-width: 1.6em;
60 | border-radius: $border-radius;
61 | vertical-align: middle;
62 | }
63 | }
64 |
65 | .admin-toolbar-group {
66 | padding: $admin-toolbar-padding-y $admin-toolbar-padding-x;
67 | margin: 0;
68 | vertical-align: middle;
69 | display: table-cell;
70 | }
71 |
72 | .admin-toolbar-nowrap {
73 | white-space: nowrap;
74 | }
75 |
76 | .btn-group:not(:last-child) {
77 | margin-right: 1rem;
78 | }
79 |
80 | // Reduce gap between grouped dropdown buttons
81 | .dropdown > [data-toggle="dropdown"] {
82 | padding-right: .5rem;
83 | }
84 | }
85 |
86 | @include media-breakpoint-down(sm) {
87 |
88 | .admin-toolbar {
89 | .admin-toolbar-title {
90 | font-size: 1.2rem;
91 | }
92 | }
93 | }
94 |
95 | @include media-breakpoint-down(xs) {
96 |
97 | .admin-toolbar {
98 | .admin-toolbar-title {
99 | font-size: 1rem;
100 | }
101 |
102 | .admin-toolbar-group {
103 | padding: ($admin-toolbar-padding-y / 2) ($admin-toolbar-padding-x / 2);
104 | }
105 | }
106 |
107 | .admin-toolbar-collapse-xs {
108 | display: block;
109 |
110 | .admin-toolbar-group {
111 | max-width: none;
112 | padding-bottom: 0;
113 | display: block;
114 |
115 | .btn {
116 | padding-left: .75rem;
117 | padding-right: .75rem;
118 | }
119 | }
120 |
121 | .admin-toolbar-group:last-child {
122 | padding-bottom: $admin-toolbar-padding-y / 2;
123 | }
124 | }
125 |
126 | }
127 |
--------------------------------------------------------------------------------
/source/styles/partials/_alertable.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Alertable
3 | //
4 | // Custom styles for the jQuery Alertable plugin.
5 | //
6 |
7 | .alertable {
8 | position: fixed;
9 | z-index: 9999;
10 | // top: vertically centered by script
11 | left: calc(50% - 14rem);
12 | width: 28rem;
13 | background: white;
14 | border-radius: $border-radius;
15 | box-shadow: 0 .25rem 2.5rem rgba(black, .2);
16 | padding: 2rem;
17 | margin: 0 auto;
18 | }
19 |
20 | .alertable-overlay {
21 | position: fixed;
22 | z-index: 9998;
23 | top: 0;
24 | right: 0;
25 | bottom: 0;
26 | left: 0;
27 | background: rgba(black, .3);
28 | }
29 |
30 | .alertable-message {
31 | margin-bottom: 2rem;
32 | }
33 |
34 | .alertable-prompt {
35 | margin-bottom: 2rem;
36 | }
37 |
38 | .alertable-buttons {
39 | text-align: right;
40 | }
41 |
42 | .alertable button {
43 | margin-left: .25rem;
44 | }
45 |
46 | .alertable-ok {
47 | @extend .btn, .btn-primary;
48 | }
49 |
50 | .alertable-cancel {
51 | @extend .btn, .btn-link;
52 | }
53 |
54 | @include media-breakpoint-down(xs) {
55 | .alertable {
56 | left: 4%;
57 | width: 92%;
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/source/styles/partials/_announce.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Announce
3 | //
4 | // Custom styles for the jQuery Announce plugin.
5 | //
6 |
7 | .announce {
8 | position: fixed;
9 | z-index: 9999;
10 | top: .5rem;
11 | right: .5rem;
12 | max-width: 30rem;
13 | border-radius: $border-radius;
14 | padding: 1rem;
15 | user-select: none;
16 |
17 | &.announce-danger {
18 | color: white;
19 | background-color: rgba($brand-danger, .9);
20 | }
21 |
22 | &.announce-info {
23 | color: white;
24 | background-color: rgba($postleaf-black, .9);
25 | }
26 |
27 | &.announce-success {
28 | color: white;
29 | background-color: rgba($brand-success, .9);
30 | }
31 |
32 | &.announce-warning {
33 | color: white;
34 | background-color: rgba($brand-warning, .9);
35 | }
36 | }
37 |
38 | @media screen and(max-width: 30rem) {
39 | .announce {
40 | width: 100%;
41 | border-radius: 0;
42 | top: 0;
43 | right: 0;
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/source/styles/partials/_box.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Box
3 | //
4 | // A simple, styled box component.
5 | //
6 | // Example:
7 | //
8 | // ...
9 | //
10 |
11 | .box {
12 | background: white;
13 | border-radius: .25rem;
14 | box-shadow: 0 .1rem .1rem rgba($postleaf-black, .05);
15 | padding: 3rem;
16 | margin-bottom: 2rem;
17 |
18 | > :last-child {
19 | margin-bottom: 0;
20 | }
21 | }
22 |
23 | @include media-breakpoint-down(sm) {
24 |
25 | .box {
26 | padding: 2rem;
27 | }
28 |
29 | }
30 |
31 | @include media-breakpoint-down(xs) {
32 |
33 | .box {
34 | padding: 1.5rem;
35 | }
36 |
37 | }
38 |
--------------------------------------------------------------------------------
/source/styles/partials/_card_cover.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Card Cover
3 | //
4 | // Makes regular Bootstrap cards cover photo-capable.
5 | //
6 | // Example:
7 | //
8 | //
10 | //
11 | //
12 | //
13 | // ...
14 | //
15 | //
16 | //
17 | // Notes:
18 | // - Add an avatar inside the card-cover-header with: ![]()
19 | //
20 | $card-cover-height: 10rem;
21 | $card-cover-avatar-size: 9rem;
22 |
23 | .card-cover {
24 | position: relative;
25 |
26 | .card-cover-header {
27 | position: relative;
28 | height: $card-cover-height;
29 | overflow: hidden;
30 |
31 | + .card-block {
32 | border-top: solid 1px $card-border-color;
33 | }
34 | }
35 |
36 | .card-cover-image {
37 | height: 100%;
38 | background-color: $body-bg;
39 | background-position: center;
40 | background-size: cover;
41 | background-repeat: no-repeat;
42 | border-top-left-radius: $border-radius;
43 | border-top-right-radius: $border-radius;
44 |
45 | // Image placeholder
46 | &::before {
47 | position: absolute;
48 | top: 0;
49 | left: 0;
50 | width: 100%;
51 | content: '\f06c';
52 | line-height: $card-cover-height;
53 | font-size: $card-cover-height / 2;
54 | font-family: FontAwesome;
55 | color: #8aaabb;
56 | text-align: center;
57 | opacity: .25;
58 | }
59 |
60 | // Hide placeholder when a background image is set
61 | &[style]:not([style=""])::before {
62 | display: none;
63 | }
64 | }
65 |
66 | // Avatar
67 | .card-cover-avatar {
68 | img {
69 | position: absolute;
70 | top: ($card-cover-height - $card-cover-avatar-size) / 2;
71 | left: calc(50% - #{$card-cover-avatar-size / 2});
72 | width: $card-cover-avatar-size;
73 | height: $card-cover-avatar-size;
74 | border-radius: 50%;
75 | }
76 | }
77 | }
78 |
--------------------------------------------------------------------------------
/source/styles/partials/_empty_state.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Empty State
3 | //
4 | // A basic empty state container.
5 | //
6 | // Example:
7 | //
8 | //
9 | //
12 | //
13 | //
14 | // Notes:
15 | //
16 | // - Uses the current element's text size by default
17 | // - Add the empty-state-xs|sm|md|lg|xl modifiers to adjust the text size.
18 | //
19 |
20 | .empty-state {
21 | width: 100%;
22 | height: 100%;
23 | display: table;
24 | user-select: none;
25 | }
26 |
27 | .empty-state-message {
28 | color: $text-muted;
29 | text-align: center;
30 | vertical-align: middle;
31 | display: table-cell;
32 | }
33 |
34 | .empty-state-icon {
35 | font-size: 200%;
36 | display: block;
37 | }
38 |
39 | .empty-state-xl .empty-state-message { font-size: 3rem; }
40 |
41 | .empty-state-lg .empty-state-message { font-size: 2.5rem; }
42 |
43 | .empty-state-md .empty-state-message { font-size: 2rem; }
44 |
45 | .empty-state-sm .empty-state-message { font-size: 1.5rem; }
46 |
47 | .empty-state-xs .empty-state-message { font-size: 1rem; }
48 |
--------------------------------------------------------------------------------
/source/styles/partials/_image_control.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Image Control
3 | //
4 | // Draws an control for working with images. Shows a placeholder when the control is empty, and
5 | // shows the image in cover mode when style="background-image" is set.
6 | //
7 | // Example:
8 | //
9 | //
10 | //
11 | //
12 | //
13 | //
14 | //
15 | //
16 | //
17 | //
18 | //
19 | // Notes:
20 | //
21 | // - There are xs, sm, lg, and xl variations.
22 | // - The `image-control-contain` modifier can be used to contain rather than cover the block.
23 | //
24 |
25 | $image-control-height-xs: 5rem;
26 | $image-control-height-sm: 10rem;
27 | $image-control-height-md: 15rem;
28 | $image-control-height-lg: 20rem;
29 | $image-control-height-xl: 25rem;
30 | $image-control-icon-color: #8aaabb;
31 |
32 | .image-control {
33 | position: relative;
34 | height: $image-control-height-md;
35 | border-radius: .25rem;
36 | background-color: $body-bg;
37 | background-position: center;
38 | background-size: cover;
39 | background-repeat: no-repeat;
40 | margin-bottom: .5rem;
41 |
42 | // Modifier to contain rather than cover
43 | &.image-control-contain {
44 | background-size: contain;
45 | }
46 |
47 | // Image placeholder
48 | &::before {
49 | position: absolute;
50 | top: 0;
51 | left: 0;
52 | width: 100%;
53 | content: '\f03e';
54 | font-family: FontAwesome;
55 | color: $image-control-icon-color;
56 | font-size: 6rem;
57 | line-height: $image-control-height-md;
58 | text-align: center;
59 | opacity: .25;
60 | }
61 |
62 | // Dropzone
63 | &.image-control-dragging {
64 | &::after {
65 | position: absolute;
66 | top: 0;
67 | left: 0;
68 | width: 100%;
69 | height: 100%;
70 | content: '';
71 | border: solid .5rem $brand-primary;
72 | border-radius: $border-radius;
73 | }
74 | }
75 |
76 | // Hide placeholder when a background image is set
77 | &[style]:not([style=""])::before {
78 | display: none;
79 | }
80 |
81 | .image-control-controls {
82 | position: absolute;
83 | right: .5rem;
84 | bottom: .5rem;
85 | }
86 |
87 | // XS variation
88 | &.image-control-xs {
89 | height: 5rem;
90 |
91 | &::before {
92 | font-size: 2rem;
93 | line-height: $image-control-height-xs;
94 | }
95 | }
96 |
97 | // Small variation
98 | &.image-control-sm {
99 | height: $image-control-height-sm;
100 |
101 | &::before {
102 | font-size: 4rem;
103 | line-height: $image-control-height-sm;
104 | }
105 | }
106 |
107 | // Large variation
108 | &.image-control-lg {
109 | height: $image-control-height-lg;
110 |
111 | &::before {
112 | font-size: 8rem;
113 | line-height: $image-control-height-lg;
114 | }
115 | }
116 |
117 | // XL variation
118 | &.image-control-xl {
119 | height: $image-control-height-xl;
120 |
121 | &::before {
122 | font-size: 10rem;
123 | line-height: $image-control-height-xl;
124 | }
125 | }
126 | }
127 |
--------------------------------------------------------------------------------
/source/styles/partials/_locater.scss:
--------------------------------------------------------------------------------
1 | $locater-width: 35rem;
2 | $locater-width-xs: 90%;
3 |
4 | #locater-overlay {
5 | position: fixed;
6 | z-index: 900;
7 | top: 0;
8 | right: 0;
9 | bottom: 0;
10 | left: 0;
11 | background: rgba($postleaf-black, .3);
12 | }
13 |
14 | #locater {
15 | position: fixed;
16 | z-index: 901;
17 | top: 2rem;
18 | left: 50%;
19 | margin-left: -$locater-width / 2;
20 | width: $locater-width;
21 | background: white;
22 | border-radius: $border-radius;
23 | box-shadow: 0 1rem 2.5rem rgba($postleaf-black, .2);
24 |
25 | .input-group {
26 | padding: .5rem;
27 | }
28 |
29 | input[type="search"] {
30 | border: none;
31 | padding-left: .5rem;
32 | padding-right: .5rem;
33 | }
34 |
35 | .input-group-addon {
36 | position: relative;
37 | border: none;
38 | background: transparent;
39 | color: $text-muted;
40 | font-size: 1.6rem;
41 | }
42 |
43 | // Loading state
44 | &.loading {
45 | // Hide the search icon
46 | .input-group-addon {
47 | color: transparent;
48 | }
49 |
50 | // Animated spinner
51 | .input-group-addon::after {
52 | position: absolute;
53 | top: calc(50% - .75rem);
54 | right: calc(50% - .75rem);
55 | width: 1.5rem;
56 | height: 1.5rem;
57 | content: '';
58 | border: solid 3px transparent;
59 | border-top-color: $text-muted;
60 | border-left-color: $text-muted;
61 | border-radius: 50%;
62 | animation: main-container-spinner 500ms linear infinite;
63 | }
64 | }
65 |
66 | }
67 |
68 | #locater-results {
69 | position: relative;
70 | z-index: 902;
71 | max-height: 50vh;
72 | border-top: solid 1px $input-border-color;
73 | border-bottom-right-radius: $border-radius;
74 | border-bottom-left-radius: $border-radius;
75 | overflow-y: auto;
76 |
77 | &:empty {
78 | display: none;
79 | }
80 | }
81 |
82 | .locater-result {
83 | @include text-truncate;
84 | position: relative;
85 | color: $body-color;
86 | display: block;
87 | padding: .5rem .5rem .5rem 4rem;
88 |
89 | .locater-result-icon,
90 | .locater-result-image {
91 | position: absolute;
92 | top: calc(50% - 1.25rem);
93 | left: .75rem;
94 | width: 2.5rem;
95 | height: 2.5rem;
96 | color: $text-muted;
97 | text-align: center;
98 | border-radius: $border-radius;
99 | }
100 |
101 | .locater-result-icon {
102 | top: calc(50% - 1rem);
103 | font-size: 2rem;
104 | }
105 |
106 | .locater-result-description {
107 | color: $text-muted;
108 | font-size: .8rem;
109 | }
110 |
111 | &:hover,
112 | &:focus {
113 | color: inherit;
114 | background-color: $body-bg;
115 | }
116 |
117 | &.active {
118 | background-color: $postleaf-blue;
119 | color: white;
120 | text-decoration: none;
121 | .locater-result-icon,
122 | .locater-result-description {
123 | color: white;
124 | }
125 | }
126 | }
127 |
128 | @include media-breakpoint-down(xs) {
129 | #locater {
130 | width: $locater-width-xs;
131 | margin-left: -$locater-width-xs / 2;
132 | }
133 | }
134 |
--------------------------------------------------------------------------------
/source/styles/partials/_main_container.scss:
--------------------------------------------------------------------------------
1 | $main-container-padding: 2rem;
2 | $main-container-padding-xs: 1rem;
3 |
4 | @keyframes main-container-spinner {
5 | 0% { transform: rotate(0deg); }
6 | 100% { transform: rotate(360deg); }
7 | }
8 |
9 | .main-container,
10 | .main-container-fluid {
11 | @extend .container-fluid;
12 | position: relative;
13 | padding: $main-container-padding;
14 |
15 | // Loading state
16 | &.loading {
17 | // Animated spinner
18 | &::after {
19 | position: absolute;
20 | top: calc(50% - 1.5rem);
21 | right: calc(50% - 1.5rem);
22 | width: 3rem;
23 | height: 3rem;
24 | content: '';
25 | border: solid 4px transparent;
26 | border-top-color: $brand-primary;
27 | border-left-color: $brand-primary;
28 | border-radius: 50%;
29 | animation: main-container-spinner 500ms linear infinite;
30 | }
31 | }
32 | }
33 |
34 | @include media-breakpoint-down(xs) {
35 | .main-container,
36 | .main-container-fluid {
37 | padding: $main-container-padding-xs;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/source/styles/partials/_nprogress.scss:
--------------------------------------------------------------------------------
1 | //
2 | // NProgress
3 | //
4 | // Custom styles for the NProgress plugin.
5 | //
6 |
7 | #nprogress {
8 | pointer-events: none;
9 | }
10 |
11 | #nprogress .bar {
12 | background: $brand-primary;
13 | position: fixed;
14 | z-index: 1031;
15 | top: 0;
16 | left: 0;
17 | width: 100%;
18 | height: 3px;
19 | }
20 |
21 | #nprogress .spinner {
22 | display: block;
23 | position: fixed;
24 | z-index: 1031;
25 | bottom: 1rem;
26 | right: 1rem;
27 | }
28 |
29 | #nprogress .spinner-icon {
30 | width: 1.5rem;
31 | height: 1.5rem;
32 | box-sizing: border-box;
33 | border: solid 2px transparent;
34 | border-top-color: $brand-primary;
35 | border-left-color: $brand-primary;
36 | border-radius: 50%;
37 | animation: nprogress-spinner 500ms linear infinite;
38 | }
39 |
40 | .nprogress-custom-parent {
41 | overflow: hidden;
42 | position: relative;
43 | }
44 |
45 | .nprogress-custom-parent #nprogress .spinner,
46 | .nprogress-custom-parent #nprogress .bar {
47 | position: absolute;
48 | }
49 |
50 | @-webkit-keyframes nprogress-spinner {
51 | 0% { -webkit-transform: rotate(0deg); }
52 | 100% { -webkit-transform: rotate(360deg); }
53 | }
54 | @keyframes nprogress-spinner {
55 | 0% { transform: rotate(0deg); }
56 | 100% { transform: rotate(360deg); }
57 | }
58 |
--------------------------------------------------------------------------------
/source/styles/partials/_panel.scss:
--------------------------------------------------------------------------------
1 | //
2 | // A simple panel implementation.
3 | //
4 | // Example:
5 | //
6 | //
7 | //
8 | // My Panel
9 | //
10 | //
11 | //
14 | //
15 | //
16 | // ...
17 | //
18 | //
19 | //
22 | //
23 | //
24 | //
25 | // Notes:
26 | // - Use the panel-left and panel-right modifiers to adjust the panel's position.
27 | // - Any element with the data-panel-hide attribute will hide the panel on click.
28 | //
29 | .panel {
30 | position: fixed;
31 | z-index: 500;
32 | top: 0;
33 | bottom: 0;
34 | width: 30rem;
35 | background: white;
36 | box-shadow: -.5rem 0 5rem rgba(black, .05);
37 | overflow-y: auto;
38 | -webkit-overflow-scrolling: touch;
39 | visibility: hidden;
40 | transition: .2s all;
41 | user-select: none;
42 |
43 | &.panel-right {
44 | right: 0;
45 | left: auto;
46 | border-left: solid 1px darken($body-bg, 10%);
47 | transform: translate3d(100%, 0, 0);
48 | }
49 |
50 | &.panel-left {
51 | right: auto;
52 | left: 0;
53 | border-right: solid 1px darken($body-bg, 10%);
54 | transform: translate3d(-100%, 0, 0);
55 | }
56 |
57 | &.active {
58 | visibility: visible;
59 | transform: translate3d(0, 0, 0);
60 | transition-delay: 0s;
61 | }
62 |
63 | .close {
64 | position: absolute;
65 | top: 1rem;
66 | right: 1rem;
67 | font-size: 1.2rem;
68 | color: $text-muted;
69 | transition: .2s color;
70 |
71 | &:hover {
72 | color: darken($text-muted, 10%);
73 | }
74 | }
75 |
76 | .panel-header {
77 | padding: 2rem 2rem 0 2rem;
78 | margin-top: -.5rem;
79 |
80 | h1,
81 | h2,
82 | h3 {
83 | font-weight: 300;
84 | margin-bottom: 2rem;
85 | }
86 | }
87 |
88 | .panel-body {
89 | padding: 0 2rem;
90 | }
91 |
92 | .panel-footer {
93 | padding: 0 2rem 2rem 2rem;
94 | margin-top: 2rem;
95 | }
96 |
97 | .nav {
98 | margin-bottom: 2rem;
99 | }
100 | }
101 |
102 | @include media-breakpoint-down(xs) {
103 |
104 | .panel {
105 | width: 100%;
106 | padding: 1rem;
107 |
108 | .close {
109 | top: .5rem;
110 | right: .5rem;
111 | }
112 |
113 | .panel-header {
114 | padding: .5rem 0 0 0;
115 | }
116 |
117 | .panel-body {
118 | padding: 0;
119 | }
120 |
121 | .panel-footer {
122 | padding: 0 0 1rem 0;
123 | }
124 | }
125 |
126 | }
127 |
--------------------------------------------------------------------------------
/source/styles/partials/_revisions_table.scss:
--------------------------------------------------------------------------------
1 | .revisions-table {
2 |
3 | tr:first-child td {
4 | border-top: none;
5 | }
6 |
7 | td {
8 | vertical-align: middle;
9 | }
10 |
11 | td:not(:first-child) {
12 | text-align: right;
13 | }
14 |
15 | .revisions-table-controls {
16 | white-space: nowrap;
17 | }
18 |
19 | .revisions-table-date {
20 | margin-bottom: .25rem;
21 | }
22 |
23 | .revisions-table-author {
24 | font-size: .9rem;
25 | color: $text-muted;
26 | }
27 |
28 | .revisions-table-avatar {
29 | width: 1.5em;
30 | height: auto;
31 | vertical-align: bottom;
32 | border-radius: $border-radius;
33 | margin-right: .25rem;
34 | }
35 |
36 | }
37 |
--------------------------------------------------------------------------------
/source/styles/partials/_search_engine_preview.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Search Engine Preview
3 | //
4 | // Draws a search engine preview with title, URL, and description.
5 | //
6 | // Example:
7 | //
8 | //
9 | //
10 | //
11 | // {@url type="tag" slug="" absolute="true"/}
12 | //
13 | //
14 | //
15 | //
16 | .search-engine-preview {
17 | border: solid .5rem $body-bg;
18 | border-radius: $border-radius-lg;
19 | padding: 2rem;
20 |
21 | .search-engine-preview-title {
22 | font-size: 1.5rem;
23 | color: $postleaf-blue;
24 | margin-bottom: .25rem;
25 | }
26 |
27 | .search-engine-preview-url {
28 | @include text-truncate;
29 | font-size: 1rem;
30 | color: $postleaf-green;
31 | }
32 |
33 | .search-engine-preview-description {
34 | @include text-truncate;
35 | font-size: 1rem;
36 | color: $body-color;
37 | margin-top: .25rem;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/source/styles/partials/_selectize.scss:
--------------------------------------------------------------------------------
1 | // The main control
2 | .selectize-control {
3 | position: relative;
4 |
5 | // Make the form control transparent so it just wraps the selectize input
6 | &.form-control {
7 | padding: 0;
8 | height: auto;
9 | border: none;
10 | background: none;
11 | border-radius: 0;
12 | }
13 | }
14 |
15 | // Input
16 | .selectize-input {
17 | // Simulate a form control's appearance
18 | @extend .form-control;
19 | height: auto;
20 | cursor: text;
21 | min-height: $input-height;
22 |
23 | &.has-items {
24 | padding: .25rem .5rem;
25 | }
26 |
27 | &.dropdown-active {
28 | border-radius: $border-radius;
29 | }
30 |
31 | &.dropdown-active::before {
32 | display: none;
33 | }
34 |
35 | &.focus {
36 | border-color: $input-border-focus;
37 | }
38 |
39 | &.disabled {
40 | background: white;
41 | opacity: .5;
42 | cursor: default !important;
43 |
44 | > .item,
45 | > .item.active {
46 | background: white;
47 | border: 0 solid transparent;
48 | }
49 | }
50 |
51 | &::after {
52 | content: ' ';
53 | display: block;
54 | clear: left;
55 | }
56 |
57 | > * {
58 | vertical-align: baseline;
59 | display: inline-block;
60 | }
61 |
62 | > input {
63 | display: inline-block !important;
64 | padding: 0 !important;
65 | min-height: 0 !important;
66 | max-height: none !important;
67 | max-width: 100% !important;
68 | margin: 0 !important;
69 | text-indent: 0 !important;
70 | border: 0 none !important;
71 | background: none !important;
72 | line-height: inherit !important;
73 | box-shadow: none !important;
74 | }
75 |
76 | > input::-ms-clear {
77 | display: none;
78 | }
79 |
80 | > input:focus {
81 | outline: none !important;
82 | }
83 |
84 | > .item {
85 | color: $input-color;
86 | background: darken($body-bg, 2.5%);
87 | border: 0 solid rgba(0, 0, 0, 0);
88 | border-radius: $border-radius;
89 | padding: .15rem .25rem;
90 | margin: .1rem .25rem .1rem 0;
91 | cursor: pointer;
92 | }
93 |
94 | > .item.active {
95 | background: $brand-primary;
96 | color: white;
97 | border: 0 solid rgba(0, 0, 0, 0);
98 | }
99 | }
100 |
101 | // Input when a parent element has an error state
102 | .has-error .selectize-input {
103 | border-color: $brand-warning;
104 |
105 | &:focus {
106 | border-color: $brand-warning;
107 | }
108 |
109 | &.has-items {
110 | padding-left: 9px;
111 | padding-right: 9px;
112 | }
113 | }
114 |
115 | // Dropdown
116 | .selectize-dropdown {
117 | position: absolute;
118 | z-index: 1000;
119 | height: auto;
120 | background: $dropdown-bg;
121 | border: 1px solid $input-border-color;
122 | border-radius: $input-border-radius;
123 | box-shadow: $dropdown-box-shadow;
124 | padding: 0;
125 | margin: 0;
126 |
127 | [data-selectable] {
128 | cursor: pointer;
129 | overflow: hidden;
130 | padding: .25rem .75rem;
131 |
132 | .highlight {
133 | background: rgba(255, 237, 40, 0.4);
134 | }
135 | }
136 |
137 | .active {
138 | background-color: $link-color;
139 | color: white;
140 | }
141 |
142 | .selectize-dropdown-content {
143 | overflow-y: auto;
144 | overflow-x: hidden;
145 | max-height: 12rem;
146 | padding: .25rem 0;
147 | }
148 | }
149 |
--------------------------------------------------------------------------------
/source/styles/partials/_shortcuts.scss:
--------------------------------------------------------------------------------
1 | $shortcuts-width: 35rem;
2 | $shortcuts-width-xs: 90%;
3 |
4 | #shortcuts-overlay {
5 | position: fixed;
6 | z-index: 900;
7 | top: 0;
8 | right: 0;
9 | bottom: 0;
10 | left: 0;
11 | background: rgba($postleaf-black, .3);
12 | }
13 |
14 | #shortcuts {
15 | position: fixed;
16 | z-index: 901;
17 | top: 0;
18 | right: 0;
19 | bottom: 0;
20 | left: 0;
21 | overflow-y: auto;
22 | -webkit-overflow-scrolling: touch;
23 | }
24 |
25 | #shortcuts-body {
26 | position: absolute;
27 | top: 0;
28 | left: 50%;
29 | margin-left: -$shortcuts-width / 2;
30 | width: $shortcuts-width;
31 | background: white;
32 | border-radius: $border-radius;
33 | box-shadow: 0 1rem 2.5rem rgba($postleaf-black, .2);
34 | padding: 2rem;
35 | margin-top: 2rem;
36 | margin-bottom: 2rem;
37 |
38 | .close {
39 | position: absolute;
40 | top: 1rem;
41 | right: 1rem;
42 | font-size: 1.2rem;
43 | color: $text-muted;
44 | }
45 |
46 | h2 {
47 | text-align: center;
48 | margin-bottom: 1rem;
49 | }
50 |
51 | .table {
52 | caption {
53 | font-size: .9rem;
54 | caption-side: top;
55 | text-align: center;
56 | }
57 |
58 | td {
59 | border-top: none;
60 | padding: .5rem;
61 |
62 | &:first-child {
63 | width: 50%;
64 | text-align: right;
65 | }
66 | }
67 | }
68 | }
69 |
70 | @include media-breakpoint-down(xs) {
71 | #shortcuts-body {
72 | width: $shortcuts-width-xs;
73 | margin-left: -$shortcuts-width-xs / 2;
74 |
75 | h2 {
76 | font-size: 1.5rem;
77 | }
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/source/styles/partials/_stretch.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Stretch
3 | //
4 | // A component for a simple stretch container that gets stretched down to the bottom of the
5 | // viewport using a script (see lib.js).
6 | //
7 |
8 | .stretch-down {
9 | overflow-y: auto;
10 | -webkit-overflow-scrolling: touch;
11 | }
12 |
--------------------------------------------------------------------------------
/source/styles/partials/_typeahead.scss:
--------------------------------------------------------------------------------
1 | .twitter-typeahead {
2 | width: 100%;
3 | cursor: default;
4 |
5 | .tt-input {
6 | width: 100%;
7 | }
8 |
9 | .tt-menu {
10 | width: 100%;
11 | border: solid 1px $dropdown-border-color;
12 | background: $dropdown-bg;
13 | box-shadow: $dropdown-box-shadow;
14 | border-radius: $border-radius;
15 | padding: .25rem 0;
16 | }
17 |
18 | .tt-suggestion {
19 | padding: .25rem .75rem;
20 | white-space: nowrap;
21 | overflow: hidden;
22 | cursor: pointer;
23 |
24 | .fa {
25 | color: $text-muted;
26 | margin-right: .25rem;
27 | }
28 |
29 | &.tt-cursor {
30 | background-color: lighten($text-muted, 30%);
31 | }
32 |
33 | &:hover {
34 | background-color: $dropdown-link-hover-bg;
35 | color: $dropdown-link-hover-color;
36 | .fa,
37 | strong {
38 | color: inherit;
39 | }
40 | }
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/source/styles/posts.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 |
3 | .main-container {
4 | padding: 0;
5 |
6 | // Height needs to be 100% for all the preview frame's containers
7 | > .row {
8 | height: 100%;
9 | margin-left: 0;
10 | margin-right: 0;
11 |
12 | > [class^="col-"] {
13 | height: 100%;
14 | padding: 0;
15 | }
16 | }
17 | }
18 |
19 | #posts {
20 | height: 100%;
21 | border-right: solid 1px darken($body-bg, 10%);
22 | overflow-y: auto;
23 | -webkit-overflow-scrolling: touch;
24 | }
25 |
26 | #empty {
27 | border-right: solid 1px darken($body-bg, 10%);
28 | }
29 |
30 | #none-selected,
31 | #many-selected {
32 | height: 100%;
33 | }
34 |
35 | @keyframes preview-spinner {
36 | 0% { transform: rotate(0deg); }
37 | 100% { transform: rotate(360deg); }
38 | }
39 |
40 | #preview {
41 | position: relative;
42 | height: 100%;
43 | overflow: hidden;
44 | user-select: none;
45 | padding: 2rem;
46 |
47 | // Preview spinner
48 | &.loading::after {
49 | position: absolute;
50 | top: calc(50% - 1.5rem);
51 | right: calc(50% - 1.5rem);
52 | width: 3rem;
53 | height: 3rem;
54 | content: '';
55 | border: solid 4px transparent;
56 | border-top-color: $brand-primary;
57 | border-left-color: $brand-primary;
58 | border-radius: 50%;
59 | animation: preview-spinner 500ms linear infinite;
60 | }
61 |
62 | &.loading #preview-frame {
63 | display: none;
64 | }
65 |
66 | #preview-wrap {
67 | position: relative;
68 | width: 200%;
69 | height: 200%;
70 | transform: scale(.5);
71 | transform-origin: 0 0;
72 | box-shadow: 0 .2rem .2rem rgba($postleaf-black, .05);
73 | transition: .1s box-shadow;
74 |
75 | &:hover {
76 | box-shadow: 0 0 0 .5rem $link-color;
77 | }
78 | }
79 |
80 | #preview-frame {
81 | width: 100%;
82 | height: 100%;
83 | border: none;
84 | background: white;
85 | overflow-y: auto;
86 | display: block;
87 | -webkit-overflow-scrolling: touch;
88 | }
89 | }
90 |
91 | @include media-breakpoint-down(lg) {
92 | #preview {
93 | padding: 1rem;
94 | }
95 | }
96 |
97 | @include media-breakpoint-down(md) {
98 | #preview {
99 | padding: 0;
100 | }
101 | }
102 |
103 | // Post items
104 | .post-item {
105 | @include clearfix;
106 | color: inherit;
107 | background: white;
108 | box-shadow: 0 .1rem .1rem rgba($postleaf-black, .05);
109 | border-left: solid 0 $link-color;
110 | margin-bottom: 1px;
111 | padding: 1.25rem 1.5rem;
112 | display: block;
113 | cursor: pointer;
114 | user-select: none;
115 | transition: .1s border, .1s padding;
116 |
117 | &.selected {
118 | border-left-width: .5rem;
119 | padding-right: 1rem;
120 | }
121 |
122 | .post-item-title {
123 | font-size: 1.1rem;
124 | line-height: 1.4;
125 | margin-bottom: .5rem;
126 | }
127 |
128 | .post-item-details {
129 | font-size: .9rem;
130 | color: $text-muted;
131 | }
132 |
133 | .post-item-avatar {
134 | width: 1.5em;
135 | height: auto;
136 | vertical-align: bottom;
137 | border-radius: $border-radius;
138 | margin-right: .25rem;
139 | }
140 |
141 | .post-item-meta {
142 | float: right;
143 | }
144 | }
145 |
146 | // Dropdown filter
147 | #post-filter {
148 |
149 | &.active {
150 | .dropdown-toggle i {
151 | color: $link-color;
152 | }
153 | }
154 |
155 | .dropdown-item {
156 | padding: .1rem 1rem;
157 |
158 | &:hover {
159 | background: transparent;
160 | }
161 |
162 | label {
163 | display: block;
164 | margin: 0;
165 | }
166 | }
167 |
168 | }
169 |
--------------------------------------------------------------------------------
/source/styles/quick_post.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 |
3 | .quick-post {
4 | // Header
5 | .quick-post-header {
6 | background: white;
7 | border-bottom: solid 1px lighten($input-border-color, 10%);
8 | padding: .5rem;
9 |
10 | // Title
11 | input[name="title"] {
12 | font-size: 1.2rem;
13 | border: none;
14 | border-top-left-radius: $border-radius;
15 | border-top-right-radius: $border-radius;
16 | border-bottom-left-radius: 0;
17 | border-bottom-right-radius: 0;
18 | }
19 |
20 | // Template
21 | select[name="template"] {
22 | color: $text-muted;
23 | font-size: .9rem;
24 | border-color: transparent;
25 | background-color: transparent;
26 | background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$text-muted}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23");
27 | cursor: pointer;
28 | }
29 | }
30 |
31 | // Body
32 | .quick-post-body {
33 | background: white;
34 | padding: .5rem;
35 |
36 | // Content
37 | textarea[name="content"] {
38 | border: none;
39 | border-radius: 0;
40 | resize: none;
41 | }
42 | }
43 |
44 | // Footer
45 | .quick-post-footer {
46 | background: white;
47 | border-bottom-left-radius: $border-radius;
48 | border-bottom-right-radius: $border-radius;
49 | text-align: right;
50 | padding: 1rem;
51 | margin-bottom: 1rem;
52 | }
53 | }
54 |
55 | @media screen and (min-height: 30rem) {
56 |
57 | .quick-post {
58 | padding-top: 10vh;
59 | }
60 |
61 | }
62 |
--------------------------------------------------------------------------------
/source/styles/recover_password.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "login.scss";
3 |
4 | .recover-password {
5 | // For now, we can use the same styles as the login page
6 | @extend .login;
7 | }
8 |
--------------------------------------------------------------------------------
/source/styles/reset_password.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "login.scss";
3 |
4 | .reset-password {
5 | // For now, we can use the same styles as the login page
6 | @extend .login;
7 | }
8 |
--------------------------------------------------------------------------------
/source/styles/settings.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 |
4 | $sidebar-width: 12rem;
5 |
6 | #sidebar {
7 | width: $sidebar-width;
8 | float: left;
9 | }
10 |
11 | #settings-form {
12 | margin-left: $sidebar-width + 2rem;
13 |
14 | h3 {
15 | margin-bottom: 1rem;
16 | &:not(:first-child) {
17 | margin-top: 4rem;
18 | }
19 | }
20 | }
21 |
22 | #about {
23 | // Postleaf logo
24 | h3:first-child {
25 | color: $text-muted;
26 |
27 | img {
28 | width: 15rem;
29 | vertical-align: top;
30 | }
31 | }
32 | }
33 |
34 | @include media-breakpoint-down(md) {
35 | #about {
36 | td:first-child {
37 | display: block;
38 | }
39 |
40 | td:last-child {
41 | border-top: none;
42 | display: block;
43 | }
44 | }
45 | }
46 |
47 | @include media-breakpoint-down(sm) {
48 | #sidebar {
49 | width: 100%;
50 | float: none;
51 | margin-bottom: 1rem;
52 | }
53 |
54 | #settings-form {
55 | margin: 0;
56 | }
57 | }
58 |
59 | // Make cards selectable
60 | #theme .card {
61 | cursor: pointer;
62 | user-select: none;
63 | margin-bottom: 2rem;
64 | }
65 |
--------------------------------------------------------------------------------
/source/styles/tags.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 | @import "partials/card_cover";
4 |
5 | // Make cards selectable
6 | .card {
7 | cursor: pointer;
8 | user-select: none;
9 | margin-bottom: 2rem;
10 |
11 | .badge {
12 | margin-left: .5rem;
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/source/styles/theme_toolbar.scss:
--------------------------------------------------------------------------------
1 | @import 'partials/variables';
2 |
3 | $pl-toolbar-image-size: 28px;
4 | $pl-toolbar-padding: 8px;
5 |
6 | // Basic reset for toolbar
7 | .pl-toolbar,
8 | .pl-toolbar * {
9 | background: none;
10 | border: none;
11 | box-sizing: border-box;
12 | padding: 0;
13 | margin: 0;
14 | transition: none;
15 | }
16 |
17 | // Toolbar
18 | .pl-toolbar {
19 | position: fixed;
20 | z-index: 9999;
21 | bottom: 24px;
22 | left: 24px;
23 | background: $postleaf-black;
24 | border-radius: $border-radius;
25 | color: white;
26 | }
27 |
28 | // Toolbar items
29 | .pl-item {
30 | color: white;
31 | text-decoration: none;
32 | text-align: center;
33 | float: left;
34 | display: inline-block;
35 | cursor: pointer;
36 | transition: .1s transform;
37 |
38 | &:hover {
39 | transform: scale(1.1);
40 | }
41 |
42 | img {
43 | width: auto;
44 | height: $pl-toolbar-image-size + ($pl-toolbar-padding * 2);
45 | vertical-align: middle;
46 | padding: $pl-toolbar-padding;
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/source/styles/users.scss:
--------------------------------------------------------------------------------
1 | @import "partials/variables";
2 | @import "partials/box";
3 | @import "partials/card_cover";
4 |
5 | // Make cards selectable
6 | .card {
7 | cursor: pointer;
8 | user-select: none;
9 | margin-bottom: 2rem;
10 |
11 | .badge {
12 | margin-left: .5rem;
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/source/styles/zen_mode.scss:
--------------------------------------------------------------------------------
1 | @import 'partials/variables';
2 | @import 'bootstrap/scss/normalize';
3 | @import 'bootstrap/scss/reboot';
4 | @import 'bootstrap/scss/type';
5 | @import 'bootstrap/scss/code';
6 |
7 | body {
8 | // Day theme
9 | font-size: 20px;
10 | font-family: Lora, serif;
11 | font-weight: 300;
12 | background-color: white;
13 | color: rgba(black, .75);
14 | padding: 4rem 2rem;
15 | line-height: 1.8;
16 | transition: .4s background-color, .4s color;
17 |
18 | // Night theme
19 | &[data-theme="night"] {
20 | background-color: darken($postleaf-black, 2.5%);
21 | color: rgba(white, .75);
22 | }
23 | }
24 |
25 | // Hide outlines
26 | body [data-postleaf-region] {
27 | outline: none;
28 | }
29 |
30 | @media screen and (max-width: 600px) {
31 | body {
32 | font-size: 18px;
33 | padding: 2rem 1rem;
34 | }
35 | }
36 |
37 | .container {
38 | max-width: 40rem;
39 | margin: 0 auto;
40 | }
41 |
42 | .title {
43 | font-family: Lato, sans-serif;
44 | font-size: 3rem;
45 | margin: 0 0 3rem 0;
46 | }
47 |
48 | a,
49 | a:hover {
50 | color: inherit;
51 | text-decoration: underline;
52 | }
53 |
54 | em {
55 | font-style: italic;
56 | }
57 |
58 | strong {
59 | font-weight: 700;
60 | }
61 |
62 | h1,
63 | h2,
64 | h3,
65 | h4,
66 | h5,
67 | h6 {
68 | font-weight: 700;
69 | line-height: 1.2;
70 | }
71 |
72 | h2:not(:first-child),
73 | h3:not(:first-child),
74 | h4:not(:first-child) {
75 | margin-top: 3rem;
76 | }
77 |
78 | hr {
79 | border-top: solid .25rem $body-bg;
80 | margin: 4rem 0;
81 | }
82 |
83 | pre {
84 | background-color: $code-bg;
85 | color: $code-color;
86 | border-radius: $border-radius;
87 | padding: 1.5rem;
88 | }
89 |
90 | // Images
91 | img {
92 | max-width: 100%;
93 | }
94 |
95 | figure.image {
96 | display: block;
97 | }
98 |
99 | figure.image img {
100 | width: 100%;
101 | display: block;
102 | }
103 |
104 | // Full-width images
105 | figure.image:not(.align-left):not(.align-right):not(.align-center) {
106 | max-width: none;
107 | width: calc(100% + 4rem);
108 | margin-left: -2rem;
109 | }
110 |
111 | // Left-aligned images
112 | figure.image.align-left {
113 | width: 50%;
114 | float: left;
115 | margin-right: 1rem;
116 | margin-left: -2rem;
117 | }
118 |
119 | // Right-aligned images
120 | figure.image.align-right {
121 | width: 50%;
122 | float: right;
123 | margin-left: 1rem;
124 | margin-right: -2rem;
125 | }
126 |
127 | // Center-aligned images
128 | figure.image.align-center {
129 | width: 75%;
130 | margin-left: auto;
131 | margin-right: auto;
132 | }
133 |
134 | figure.image figcaption {
135 | font-family: Lato, sans-serif;
136 | font-size: 1.1rem;
137 | font-weight: 300;
138 | text-align: center;
139 | color: #999;
140 | margin-top: .25rem;
141 | }
142 |
143 | // Responsive embeds
144 | [data-embed] iframe {
145 | width: 100%;
146 | }
147 |
148 | // YouTube and Vimeo videos
149 | [data-embed-provider="Vimeo"],
150 | [data-embed-provider="YouTube"] {
151 | position: relative;
152 | padding-bottom: 56.25%;
153 | height: 0;
154 | overflow: hidden;
155 | width: 100%;
156 | margin-bottom: 1rem;
157 | }
158 |
159 | [data-embed-provider="Vimeo"] iframe,
160 | [data-embed-provider="YouTube"] iframe {
161 | position: absolute;
162 | top: 0;
163 | left: 0;
164 | width: 100%;
165 | height: 100%;
166 | }
167 |
--------------------------------------------------------------------------------
/source/views/admin/install.dust:
--------------------------------------------------------------------------------
1 | {>"admin/layout"/}
2 |
3 | {! No nav for this page !}
4 | {
9 | {! Logo !}
10 | 
11 |
12 |
13 | {@i18n term="lets_create_your_account"/}
14 |
15 |
16 | {! Install form !}
17 |
69 |
70 | {/body}
71 |
72 | {! No panels for this page !}
73 | {
2 |
3 |
4 | {meta.title}
5 |
6 |
7 |
8 | {! Meta description !}
9 | {?meta.description}
10 |
11 | {/meta.description}
12 |
13 | {! Robots !}
14 | {?meta.noIndex}
15 |
16 | {/meta.noIndex}
17 |
18 |
19 |
20 |
21 | {! Styles !}
22 | {#styles}
23 |
24 | {/styles}
25 |
26 |
27 |
28 | {! Default nav !}
29 | {+nav}
30 | {>"admin/partials/admin_menu"/}
31 | {/nav}
32 |
33 | {! Header !}
34 | {+header}{/header}
35 |
36 | {! Body !}
37 | {+body}{/body}
38 |
39 | {! Panels !}
40 | {+panels}
41 | {! Shortcuts !}
42 | {>"admin/partials/shortcuts"/}
43 |
44 | {! Locater !}
45 | {>"admin/partials/locater"/}
46 |
47 | {! File manager !}
48 | {>"admin/partials/file_manager"/}
49 | {/panels}
50 |
51 |
52 | {! Scripts !}
53 | {#scripts}
54 |
55 | {/scripts}
56 |
57 |
58 |
--------------------------------------------------------------------------------
/source/views/admin/login.dust:
--------------------------------------------------------------------------------
1 | {>"admin/layout"/}
2 |
3 | {! No nav for this page !}
4 | {
9 | {! Logo !}
10 |
11 |
12 | {! Login form !}
13 |
45 |
46 | {! Site meta !}
47 |
50 |
51 | {/body}
52 |
53 | {! No panels for this page !}
54 | {"admin/layout"/}
2 |
3 | {! Header !}
4 | {
6 |
9 |
14 |
15 | {/header}
16 |
17 | {! Body !}
18 | {
20 |
21 | {! Navigation items !}
22 |
66 |
67 |
68 | {/body}
69 |
--------------------------------------------------------------------------------
/source/views/admin/partials/embed_panel.dust:
--------------------------------------------------------------------------------
1 | {! Embed panel !}
2 |
3 |
35 |
36 |
--------------------------------------------------------------------------------
/source/views/admin/partials/file_manager.dust:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 | {! Toolbar !}
10 |
11 |
12 | {! Search !}
13 |
21 |
22 | {! Controls !}
23 |
58 |
59 |
60 |
61 | {! Upload items !}
62 |
63 |
64 | {! Empty state !}
65 |
66 |
69 |
70 |
71 | {! Dropzone !}
72 |
73 |
74 |
75 |
76 | {@i18n term="drop_files_to_upload"/}
77 |
78 |
79 |
80 |
81 |
--------------------------------------------------------------------------------
/source/views/admin/partials/file_manager_items.dust:
--------------------------------------------------------------------------------
1 | {#uploads}
2 |
3 |
22 |
23 |
24 | {! Icon !}
25 |
26 | {! Name !}
27 |
28 | {filename}
29 |
30 | {! Size !}
31 |
32 | {@formatBytes bytes=size/}
33 |
34 |
35 |
36 |
37 |
38 | {/uploads}
39 |
--------------------------------------------------------------------------------
/source/views/admin/partials/link_panel.dust:
--------------------------------------------------------------------------------
1 | {! Link panel !}
2 |
3 |
61 |
62 |
--------------------------------------------------------------------------------
/source/views/admin/partials/locater.dust:
--------------------------------------------------------------------------------
1 | {?User}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | {/User}
13 |
--------------------------------------------------------------------------------
/source/views/admin/partials/locater_results.dust:
--------------------------------------------------------------------------------
1 | {#results}
2 |
3 |
4 | {! Image or icon !}
5 | {?image}
6 | 
7 | {:else}
8 |
9 | {/image}
10 |
11 | {! Title !}
12 |
13 | {title}
14 |
15 |
16 | {! Description !}
17 | {?description}
18 |
19 | {description}
20 |
21 | {/description}
22 |
23 | {/results}
24 |
--------------------------------------------------------------------------------
/source/views/admin/partials/nav_item.dust:
--------------------------------------------------------------------------------
1 |
17 |
--------------------------------------------------------------------------------
/source/views/admin/partials/post_items.dust:
--------------------------------------------------------------------------------
1 | {#posts}
2 |
15 | {! Title !}
16 |
17 | {title}
18 |
19 |
20 | {! Details !}
21 |
22 | {! Avatar !}
23 | {?author.avatar}
24 | 
25 | {/author.avatar}
26 |
27 | {! Date !}
28 |
29 | {@date date=publishedAt relative="true"/}
30 |
31 |
32 | {! Post meta !}
33 |
76 |
77 |
78 | {/posts}
79 |
--------------------------------------------------------------------------------
/source/views/admin/partials/revisions_table.dust:
--------------------------------------------------------------------------------
1 | {! Revisions table !}
2 |
3 |
4 | {#revisions}
5 |
6 |
7 | {! Date !}
8 |
9 | {@date date=createdAt format="LLL"/}
10 | {@date date=createdAt format="LL"/}
11 |
12 |
13 | {! Author !}
14 |
15 | {?author.avatar}
16 |
21 | {/author.avatar}
22 | {author.name}
23 |
24 |
25 |
26 |
27 | {! Open !}
28 |
36 |
37 | {! Revert !}
38 |
46 |
47 | {! Delete !}
48 |
57 |
58 |
59 |
60 | {/revisions}
61 |
62 |
63 |
64 | {! No revisions !}
65 |
66 |
72 |
73 |
--------------------------------------------------------------------------------
/source/views/admin/partials/shortcuts.dust:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {! Close button !}
5 |
8 |
9 | {@i18n term="keyboard_shortcuts"/}
10 |
11 | {! Global !}
12 |
13 | {@i18n term="global_shortcuts"/}
14 |
15 |
16 | f1
17 | {@i18n term="keyboard_shortcuts"/}
18 |
19 |
20 | shift f
21 | {@i18n term="search"/}
22 |
23 |
24 | shift u
25 | {@i18n term="manage_uploads"/}
26 |
27 |
28 |
29 |
30 | {! Editor !}
31 |
32 | {@i18n term="editor_shortcuts"/}
33 |
34 |
35 | b
36 | {@i18n term="bold"/}
37 |
38 |
39 |
40 | i
41 | {@i18n term="italic"/}
42 |
43 |
44 |
45 | ctrl alt 2-4
46 | {@i18n term="heading"/}
47 |
48 |
49 |
50 | ctrl alt 7
51 | {@i18n term="paragraph"/}
52 |
53 |
54 |
55 | enter
56 | {@i18n term="new_section"/}
57 |
58 |
59 |
60 | k
61 | {@i18n term="link"/}
62 |
63 |
64 |
65 | shift i
66 | {@i18n term="image"/}
67 |
68 |
69 |
70 | shift e
71 | {@i18n term="embed"/}
72 |
73 |
74 |
75 | ,
76 | {@i18n term="post_settings"/}
77 |
78 |
79 |
80 | s
81 | {@i18n term="save"/}
82 |
83 |
84 |
85 | alt shift f
86 | {@i18n term="fullscreen"/}
87 |
88 |
89 |
90 | alt shift z
91 | {@i18n term="zen_mode"/}
92 |
93 |
94 |
95 | alt shift w
96 | {@i18n term="word_count"/}
97 |
98 |
99 |
100 |
101 |
102 |
--------------------------------------------------------------------------------
/source/views/admin/partials/tag_cards.dust:
--------------------------------------------------------------------------------
1 | {#tags}
2 |
3 |
10 |
11 |
15 |
16 |
17 |
18 |
19 | {@postCount tag=slug/}
20 |
21 | {name}
22 |
23 | {@truncateWords text="{description|markdownToText}" chars="50"/}
24 |
25 |
26 |
27 |
28 | {/tags}
29 |
--------------------------------------------------------------------------------
/source/views/admin/partials/theme_toolbar.dust:
--------------------------------------------------------------------------------
1 |
2 | {! Dashboard !}
3 |
4 |
5 |
6 |
7 | {! New post!}
8 |
9 | 
10 |
11 |
12 | {! Only show edit buttons to owners/admins/editors !}
13 | {@in key=User.role value="owner,admin,editor"}
14 | {! Edit post !}
15 | {?post}
16 |
17 | 
18 |
19 | {/post}
20 |
21 | {! Edit tag !}
22 | {?tag}
23 |
24 |
25 |
26 | {/tag}
27 |
28 | {! Edit author !}
29 | {?author}
30 |
31 |
32 |
33 | {/author}
34 | {/in}
35 |
36 |
--------------------------------------------------------------------------------
/source/views/admin/partials/user_cards.dust:
--------------------------------------------------------------------------------
1 | {#users}
2 |
3 |
17 |
18 |
22 |
23 | {?avatar}
24 |
25 | 
26 |
27 | {/avatar}
28 |
29 |
30 |
31 | {@postCount author=username/}
32 |
33 | {name}
34 |
35 | {@select key=role}
36 | {@eq value="owner"}{@i18n term="owner"/}{/eq}
37 | {@eq value="admin"}{@i18n term="administrator"/}{/eq}
38 | {@eq value="editor"}{@i18n term="editor"/}{/eq}
39 | {@eq value="contributor"}{@i18n term="contributor"/}{/eq}
40 | {/select}
41 |
42 |
43 |
44 |
45 | {/users}
46 |
--------------------------------------------------------------------------------
/source/views/admin/quick_post.dust:
--------------------------------------------------------------------------------
1 | {>"admin/layout"/}
2 |
3 | {! No header for this page !}
4 | {
9 |
10 |
11 |
12 |
85 |
86 |
87 |
88 |
89 | {/body}
90 |
--------------------------------------------------------------------------------
/source/views/admin/recover_password.dust:
--------------------------------------------------------------------------------
1 | {>"admin/layout"/}
2 |
3 | {! No nav for this page !}
4 | {
9 | {! Logo !}
10 |
11 |
12 | {! Recover form !}
13 |
33 |
34 | {! Site meta !}
35 |
38 |
39 | {/body}
40 |
41 | {! No panels for this page !}
42 | {"admin/layout"/}
2 |
3 | {! No nav for this page !}
4 | {
9 | {! Logo !}
10 |
11 |
12 | {! Reset form !}
13 |
42 |
43 | {! Site meta !}
44 |
47 |
48 | {/body}
49 |
50 | {! No panels for this page !}
51 | {
2 |
3 |
4 | {! Channel info !}
5 | {Settings.title}
6 | {Settings.tagline}
9 | {Settings.language}
10 | {@date format="ddd, DD MMM YYYY HH:mm:ss ZZ"/}
11 | {@date format="ddd, DD MMM YYYY HH:mm:ss ZZ"/}
12 |
13 | {! Loop through post items !}
14 | {#posts}
15 | -
16 |
{title}
17 | {@url type="post" slug=slug absolute="true"/}
18 | {@url type="post" slug=slug absolute="true"/}
19 | {@date date=publishedAt format="ddd, DD MMM YYYY HH:mm:ss ZZ"/}
20 |
24 | {/posts}
25 |
26 |
27 |
--------------------------------------------------------------------------------
/source/views/admin/tags.dust:
--------------------------------------------------------------------------------
1 | {>"admin/layout"/}
2 |
3 | {! Header !}
4 | {
6 |
16 |
58 |
59 | {/header}
60 |
61 | {! Body !}
62 | {
64 |
65 | {! Tags !}
66 |
69 |
70 | {! Empty !}
71 |
72 |
75 |
76 |
77 |
78 | {/body}
79 |
--------------------------------------------------------------------------------
/source/views/admin/users.dust:
--------------------------------------------------------------------------------
1 | {>"admin/layout"/}
2 |
3 | {! Header !}
4 | {
6 |
16 |
58 |
59 | {/header}
60 |
61 | {! Body !}
62 | {
64 |
65 | {! Users !}
66 |
67 | {>"admin/partials/user_cards"/}
68 |
69 |
70 | {! Empty !}
71 |
72 |
75 |
76 |
77 |
78 | {/body}
79 |
--------------------------------------------------------------------------------
/source/views/application_error.dust:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {title}
5 |
6 |
7 |
8 |
9 |
50 |
51 |
52 |
53 |
54 |
55 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------
/source/views/not_allowed.dust:
--------------------------------------------------------------------------------
1 | {>"application_error"/}
2 |
--------------------------------------------------------------------------------
/source/views/not_found.dust:
--------------------------------------------------------------------------------
1 | {>"application_error"/}
2 |
--------------------------------------------------------------------------------
/source/views/robots.dust:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow: {@url type="admin"/}
3 | Sitemap: {@url path="sitemap.xml" absolute="true"/}
4 |
--------------------------------------------------------------------------------
/source/views/sitemap.dust:
--------------------------------------------------------------------------------
1 |
2 |
3 | {! Homepage !}
4 | {#homepage}
5 |
6 | {@url absolute="true"/}
7 | {@date date=updatedAt format="YYYY-MM-DD[T]HH:mm:ss[Z]" timeZone="utc"/}
8 | weekly
9 | 1.0
10 |
11 | {/homepage}
12 |
13 | {! Pages !}
14 | {#pages}
15 |
16 | {@url type="post" slug=slug absolute="true"/}
17 | {@date date=updatedAt format="YYYY-MM-DD[T]HH:mm:ss[Z]" timeZone="utc"/}
18 | weekly
19 | 0.8
20 |
21 | {/pages}
22 |
23 | {! Posts !}
24 | {#posts}
25 |
26 | {@url type="post" slug=slug absolute="true"/}
27 | {@date date=updatedAt format="YYYY-MM-DD[T]HH:mm:ss[Z]" timeZone="utc"/}
28 | weekly
29 | 0.8
30 |
31 | {/posts}
32 |
33 | {! Authors !}
34 | {#authors}
35 |
36 | {@url type="author" username=username absolute="true"/}
37 | {@date date=updatedAt format="YYYY-MM-DD[T]HH:mm:ss[Z]" timeZone="utc"/}
38 | weekly
39 | 0.6
40 |
41 | {/authors}
42 |
43 | {! Tags !}
44 | {#tags}
45 |
46 | {@url type="tag" slug=slug absolute="true"/}
47 | {@date date=updatedAt format="YYYY-MM-DD[T]HH:mm:ss[Z]" timeZone="utc"/}
48 | weekly
49 | 0.6
50 |
51 | {/tags}
52 |
53 |
--------------------------------------------------------------------------------
/source/views/zen_mode.dust:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | {post.metaTitle}
6 |
7 |
8 |
9 | {@head/}
10 |
11 |
12 | {#post}
13 |
14 |
17 | {/post}
18 |
19 | {@foot/}
20 |
21 |
22 |
--------------------------------------------------------------------------------