chrisdev / wagtail-cookiecutter-foundation Goto Github PK
View Code? Open in Web Editor NEWA Cookiecutter template for Wagtail CMS using Zurb Foundation 6
Home Page: https://wagtail.chrisdev.com
License: MIT License
A Cookiecutter template for Wagtail CMS using Zurb Foundation 6
Home Page: https://wagtail.chrisdev.com
License: MIT License
According to the documentation.
Drop the script tags in the of your HTML. For best performance, you should have them follow after your stylesheet references. The reason we recommend placing Modernizr in the head is two-fold: the HTML5 Shiv (that enables HTML5 elements in IE) must execute before the , and if you’re using any of the CSS classes that Modernizr adds, you’ll want to prevent a FOUC.
Use the same approach as in issue #40 ?
The feed image is missing for the Facebook OG as specified in facebook_opengraph.html
Here how we did it.
{% image self.feed_image width-1200 as img %}
<meta property="og:image" content="http://birdsongtt.org{{ img.url }}" />
Note we hardcoded the site_url but in practice we will get this from the Site
Model
Not good for https sites
Currently the torch box folks suggest using the pattern suggested by Standard page Carousel.
This works but. It is slow for the end user. The Wok flow is as follows
How it should work
I hate having to type python manage.py runserver
make manage.py
executable so our dev just have to type ./manage.py runserver
Ok here is the error we are getting on our deployed sites.
content_dispo = 'attachment; filename=' + self.slug + '.ics'
response['Content-Disposition'] = contant_dispo
contant_dispo
should be content_dispo
BTW don't we have a test for this?
Replace
{% load static wagtail-cookiecutter-foundation_utils %}
with
{% load static {% endraw %}{{ cookiecutter.repo_name }}{% raw %}_utils %}
Lets take what we have in the docs so far
make virtualenv
make requirements
make db
make migrate
make initial_data
make bower
make run server
make setup_vagrant_staging
So just running make
will do all of the above
Add a template tag called setting_tags to add support the API of common services such as
include tag for social icons
google map in footer needs to not be hardcode
The playbook needs to pause so i can download my public key so I can add it to my repo as a deployment key.
The setting tag was referenced in Issue #34
It would be nice if this were an animated gif so we can show the bxslider in action advertising the features of our cookiecutter
home_page.html
has a reference to {% load static wagtail-cookiecutter-foundation_utils %}
The templatetag file is {{project_name}}_utils.py
In any case as in the Textel project templatetag should be in the core
app not in utils. This would make more sense when we rename core
to pages
The template tag should be always be called core_tags
for now.
Also there are multiple places where static
and wagtailcore_tags
are loaded.
No module named django_medusa when running make file
So far I've noted but there may be others
python manage.py load_initial_data change to ./manage.py load_initial_data
Here is a snippet using a include tag on base.html
{% load core_tags %}
<meta property="og:title"
content="{% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %}"/>
<meta property="og:site_name" content="birdsong Steelband, Academy and Social Enterprises"/>
<meta property="go:url" content="http://birdsongtt.org{{ request.get_full_path }}" />
{% if self.search_description %}
<meta property="og:description" content="{{ self.search_description }}"/>
{% endif %}
{% get_facebook_appid as facebook_appid %}
<meta property="fb:app_id" content="{{ facebook_appid }}" />
Not sure if this has something to do with the busted fixture?
cookiecutter https://github.com/chrisdev/wagtail-cookiecutte-foundation.git needs to change to cookiecutter https://github.com/chrisdev/wagtail-cookiecutter-foundation.git
We need to support images so we need to use Rss201rev2Feed
heres a blogpost that can help http://www.mechanicalgirl.com/post/customizing-django-rss-feed/
Ensure all navigation elements are covered. We need template tags, templates, and SASS styles for the following.
These sold be based on those provided by foundation. But of course we always endeavour to show our users how they can customise using SASS
Seems to expect you to hardcode ssl_key_file_name, ssl_cert etc. and does not make use of the keystone dir
Its not very modern user will only get a C on the ssl_labs test if the users deploys as is. We must do better that that.
Some stuff is missing e.g strong DHE param generation.
We do not need to reference foundation.scss
and normalise.scss
in base.html
we just need to reference our scss file for the sake of simplicity I will call it app.scss
In app.scss
we need two imports
@import "vendor/foundation/scss/components/global";
This references the global settings for Foundation. So the first bit or the SCSS file is to customise colours, fonts etc.
Once you are done with that then
@import "vendor/foundation/scss/foundation";
This would give you every thing in foundation!
Then you can put in your own styles which can be built for Foundation mixins if you wish.
So the only thing that you have to refer to in base is
<link rel="stylesheet" type="text/x-scss" href="{% static 'css/wagtail_project.scss' %}">
No need to reference foundation.scss
or normalise.scss
.
Take a look at the Textel project to see how it works
Here's a very high level overview of what needs to be done
Basically same as #12 except for Javascript.
Ok we are using {{cookiecutter.repo_name}}.js
But in base.html
we have
The core app is where all/most of the Page Models live.
In our concrete implementation we call our app core!
@Parbhat has found that the start_app does not like the name core
My suggestions is pages
As suggested before, rather than going with the monolithic core
app lets have the following
Need to add default robots.txt and humans.txt
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.