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:
2021-01-14 09:43:14 -08:00
parent 9b8760fd34
commit d16c76afb4
11 changed files with 80 additions and 84 deletions

View File

@@ -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) {

View File

@@ -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"}

View File

@@ -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.

View File

@@ -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

View 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 %}

View File

@@ -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': {},

View File

@@ -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' ]