Removed the bundle which shouldn't be in the repository; Added the basic view that was referenced in the database still; Added custom classes that now work to the CKEditor.
This commit is contained in:
@@ -34,7 +34,7 @@ h5 {
|
||||
}
|
||||
|
||||
.highlighted {
|
||||
background: #c7c6c6;
|
||||
background: rgba(170, 122, 82, 0.3);
|
||||
margin: 1rem 6rem;
|
||||
padding: 1rem 1rem;
|
||||
font-size: 1.8rem;
|
||||
@@ -42,6 +42,13 @@ h5 {
|
||||
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
|
||||
color: Green;
|
||||
}
|
||||
|
||||
ul.bulletLevel2 {
|
||||
text-indent: 1rem;
|
||||
list-style-type: circle;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1100px) {
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["main.sass"],"names":[],"mappings":"AACA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMD;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["main.sass"],"names":[],"mappings":"AACA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAMD;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}
|
||||
@@ -29,7 +29,7 @@ h5
|
||||
|
||||
//.apos-rich-text > div //This was a work around to the rich text widget 'class' property not working in the style.
|
||||
.highlighted
|
||||
background: #c7c6c6
|
||||
background: rgba(170, 122, 82, 0.3)
|
||||
margin: 1rem 6rem
|
||||
padding: 1rem 1rem
|
||||
font-size: 1.8rem
|
||||
@@ -37,6 +37,12 @@ h5
|
||||
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
|
||||
color: Green
|
||||
|
||||
ul.bulletLevel2
|
||||
text-indent: 1rem
|
||||
list-style-type: circle
|
||||
list-style-position: inside
|
||||
|
||||
//
|
||||
// Everything scales off of the HTML tag font sizes since the whole site uses REM units.
|
||||
|
||||
@@ -14,6 +14,10 @@ module.exports = {
|
||||
{
|
||||
name: 'aves',
|
||||
label: 'Elementary School Page'
|
||||
},
|
||||
{
|
||||
name: 'basic',
|
||||
label: 'basic'
|
||||
}
|
||||
|
||||
// Add more page types here, but make sure you create a corresponding
|
||||
|
||||
24
lib/modules/apostrophe-pages/views/pages/basic.html
Normal file
24
lib/modules/apostrophe-pages/views/pages/basic.html
Normal file
@@ -0,0 +1,24 @@
|
||||
{% extends "layout.html" %}
|
||||
|
||||
{% block main %}
|
||||
<div class="container" style="margin-top: 3rem">
|
||||
{{ apos.area(data.page, "body", {
|
||||
widgets: {
|
||||
'apostrophe-images': {size: 'original'},
|
||||
'apostrophe-rich-text': {
|
||||
toolbar: ['Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Indent', 'Outdent', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript', 'Split'],
|
||||
styles: [
|
||||
{name: 'Paragraph', element: 'p'},
|
||||
{name: 'highlighted', element: 'p', attributes: [{'class': 'highlighted'}]},
|
||||
{name: 'Heading 2', element: 'h2'},
|
||||
{name: 'Heading 3', element: 'h3'},
|
||||
{name: 'Heading 4', element: 'h4'},
|
||||
{name: 'Heading 5', element: 'h5'}
|
||||
]
|
||||
},
|
||||
'apostrophe-files': {},
|
||||
'two-column': {}
|
||||
}
|
||||
}) }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -8,12 +8,13 @@
|
||||
'apostrophe-rich-text': {
|
||||
toolbar: ['Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Indent', 'Outdent', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript', 'Split'],
|
||||
styles: [
|
||||
{name: 'Paragraph', element: 'p'},
|
||||
{name: 'highlighted', element: 'p', attributes: [{'class': 'highlighted'}]},
|
||||
{name: 'Heading 2', element: 'h2'},
|
||||
{name: 'Heading 3', element: 'h3'},
|
||||
{name: 'Heading 4', element: 'h4'},
|
||||
{name: 'Heading 5', element: 'h5'}
|
||||
{name: 'Paragraph', element: 'p', attributes: {class: "p"} },
|
||||
{name: 'Heading 2', element: 'h2', attributes: {class: "h2"} },
|
||||
{name: 'Heading 3', element: 'h3', attributes: {class: "h3"} },
|
||||
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
|
||||
{name: 'Heading 5', element: 'h5', attributes: {class: "h5"} },
|
||||
{name: 'highlighted', element: 'div', attributes: {class: "highlighted"} },
|
||||
{name: 'bullet2', element: 'div', attributes: {class: "bulletLevel2"} }
|
||||
]
|
||||
},
|
||||
'apostrophe-files': {},
|
||||
|
||||
@@ -11,14 +11,17 @@ module.exports = {
|
||||
'sup', 'sub', 'span'
|
||||
],
|
||||
allowedClasses: {
|
||||
'p': ['highlighted'],
|
||||
'div': ['highlighted']
|
||||
'p': ['highlighted','apos-indent1', 'apos-indent2', 'bulletLevel2'],
|
||||
'ul': ['bulletLevel2'],
|
||||
'div': ['highlighted', "bulletLevel2"],
|
||||
'*': ['highlighted', 'bulletLevel2', 'test', '*']
|
||||
},
|
||||
allowedAttributes: {
|
||||
'*': ['style', 'class'],
|
||||
p: ['class'],
|
||||
ul: ['class', 'style'],
|
||||
p: ['class', 'style'],
|
||||
div: ['class', 'style'],
|
||||
a: [ 'href', 'name', 'target' ],
|
||||
a: [ 'href', 'name', 'target', 'class', 'style'],
|
||||
// We don't currently allow img itself by default, but this
|
||||
// would make sense if we did
|
||||
img: [ 'src' ]
|
||||
|
||||
Reference in New Issue
Block a user