working on css frameworks overview page

mattmakai · mattmakai · commit ad1ac3d06c95 · 2018-02-11T10:03:40.000-05:00
diff --git a/content/pages/07-web-development/17-css.markdown b/content/pages/07-web-development/17-css.markdown
diff --git a/content/pages/07-web-development/18-responsive-design.markdown b/content/pages/07-web-development/18-responsive-design.markdown
@@ -1,7 +1,7 @@
 title: Responsive Design
 category: page
 slug: responsive-design
-sortorder: 0717
+sortorder: 0718
 toc: False
 sidebartitle: Responsive Design
 meta: Responsive design is a method of using media queries in Cascading Style Sheets (CSS) to ensure a site is usable on all screen sizes.
diff --git a/content/pages/07-web-development/19-minification.markdown b/content/pages/07-web-development/19-minification.markdown
@@ -1,7 +1,7 @@
 title: Minification
 category: page
 slug: minification
-sortorder: 0718
+sortorder: 0719
 toc: False
 sidebartitle: Minification
 meta: Minification reduces the size of web assets to make pages and applications load quicker.
diff --git a/content/pages/07-web-development/20-css-frameworks.markdown b/content/pages/07-web-development/20-css-frameworks.markdown
@@ -0,0 +1,32 @@
+title: CSS Frameworks
+category: page
+slug: css-frameworks
+sortorder: 0720
+toc: False
+sidebartitle: CSS Frameworks
+meta: A CSS framework is a code library that makes web designs easier for developers to implement in their web apps.
+
+
+# CSS Frameworks
+A [Cascading Style Sheet (CSS)](/cascading-style-sheets.html) framework is 
+a code library that abstracts common web designs and makes the designs 
+easier for a developer to implement in their web apps.
+
+
+### CSS frameworks
+* [Bootstrap](/bootstrap-css.html)
+
+* Foundation
+
+* Materialize
+
+* Concise
+
+
+### CSS framework resources
+* [Which Responsive Design Framework Is Best? Of Course, It Depends.](https://www.smashingmagazine.com/2017/03/which-responsive-design-framework-is-best/)
+
+* [awesome-css-frameworks](https://github.com/troxler/awesome-css-frameworks)
+
+* [Bulma: CSS framework you should consider in 2018](https://matwrites.com/bulma-css-framework-for-2018/)
+
diff --git a/content/pages/12-meta/01-change-log.markdown b/content/pages/12-meta/01-change-log.markdown
@@ -17,6 +17,7 @@ on GitHub.
 
 ## 2018
 ### February
+* New starter page on [CSS frameworks](/css-frameworks.html).
 * Added new [enterprise Python](/enterprise-python.html) resources.
 
 ### January
diff --git a/theme/templates/choices/css-frameworks.html b/theme/templates/choices/css-frameworks.html
@@ -0,0 +1,18 @@
+<h3>After styling your web app what do you want to learn next?</h3>
+<div class="row">
+ <div class="c4">
+  <div class="well select-next">
+   {% include "choices/buttons/web-design.html" %}
+  </div>
+ </div>
+ <div class="c4">
+  <div class="well select-next">
+   {% include "choices/buttons/static-content.html" %}
+  </div>
+ </div>
+ <div class="c4">
+  <div class="well select-next">
+   {% include "choices/buttons/javascript.html" %}
+  </div>
+ </div>
+</div>
diff --git a/theme/templates/sponsor.html b/theme/templates/sponsor.html
@@ -1,4 +1,4 @@
-{% if page.slug == 'introduction' or page.slug == 'django' or page.slug == 'flask' or page.slug == 'bottle' or page.slug == 'web-development' or page.slug == 'web-frameworks' or page.slug =='morepath' or page.slug == 'python-programming-language' or page.slug == 'comprehensions' or page.slug == 'generators' %}
+{% if page.slug == 'introduction' or page.slug == 'django' or page.slug == 'flask' or page.slug == 'bottle' or page.slug == 'web-development' or page.slug == 'web-frameworks' or page.slug =='morepath' or page.slug == 'python-programming-language' or page.slug == 'comprehensions' or page.slug == 'generators' or page.slug == 'best-python-resources' or page.slug == 'best-python-videos' %}
  {% include "rp-advert.html" %}
 {% elif page.slug == 'monitoring' or page.slug == 'devops' or page.slug == 'caching' or page.slug == 'web-analytics' or page.slug == 'servers' or page.slug == 'docker' or page.slug == 'continuous-integration' or page.slug == 'wsgi-servers' or page.slug == 'green-unicorn-gunicorn' or page.slug == 'serverless' or page.slug == 'aws-lambda' or page.slug == 'web-servers' or page.slug == 'apache-http-server' or page.slug == 'nginx' or page.slug == 'caddy' or page.slug == 'debugging' or page.slug == 'testing' or page.slug == 'deployment' or page.slug == 'platform-as-a-service' or page.slug == 'static-content' %}
  {% include "rollbar.html" %}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-{% if page.slug == 'introduction' or page.slug == 'django' or page.slug == 'flask' or page.slug == 'bottle' or page.slug == 'web-development' or page.slug == 'web-frameworks' or page.slug =='morepath' or page.slug == 'python-programming-language' or page.slug == 'comprehensions' or page.slug == 'generators' %}`
	`1`	`+{% if page.slug == 'introduction' or page.slug == 'django' or page.slug == 'flask' or page.slug == 'bottle' or page.slug == 'web-development' or page.slug == 'web-frameworks' or page.slug =='morepath' or page.slug == 'python-programming-language' or page.slug == 'comprehensions' or page.slug == 'generators' or page.slug == 'best-python-resources' or page.slug == 'best-python-videos' %}`
`2`	`2`	`{% include "rp-advert.html" %}`
`3`	`3`	{% elif page.slug == 'monitoring' or page.slug == 'devops' or page.slug == 'caching' or page.slug == 'web-analytics' or page.slug == 'servers' or page.slug == 'docker' or page.slug == 'continuous-integration' or page.slug == 'wsgi-servers' or page.slug == 'green-unicorn-gunicorn' or page.slug == 'serverless' or page.slug == 'aws-lambda' or page.slug == 'web-servers' or page.slug == 'apache-http-server' or page.slug == 'nginx' or page.slug == 'caddy' or page.slug == 'debugging' or page.slug == 'testing' or page.slug == 'deployment' or page.slug == 'platform-as-a-service' or page.slug == 'static-content' %}
`4`	`4`	`{% include "rollbar.html" %}`