Merge branch 'bootstrap-djangocms' into 'master'

Add gnome_theme app to house templates and static assets from Allan's devportal mockup

Closes #9

See merge request !2

devportal/settings.py

@@ -62,6 +62,8 @@ INSTALLED_APPS = [
     'djangocms_admin_style',
     # Leave this below djangocms_admin_style
     'django.contrib.admin',
+
+    'gnome_theme',
 ]
 
 MIDDLEWARE = [
@@ -159,6 +161,7 @@ USE_TZ = True
 # https://docs.djangoproject.com/en/1.11/howto/static-files/
 
 STATIC_URL = '/static/'
+STATIC_ROOT = os.path.join(BASE_DIR, "static")
 MEDIA_URL = "/media/"
 MEDIA_ROOT = os.path.join(BASE_DIR, "media")
 

devportal/urls.py

@@ -16,7 +16,14 @@ Including another URLconf
 from django.conf.urls import url, include
 from django.contrib import admin
 
+from django.conf import settings
+from django.conf.urls.static import static
+
 urlpatterns = [
     url(r'^admin/', admin.site.urls),
     url(r'^', include('cms.urls')),
 ]
+if settings.DEBUG:
+    urlpatterns = urlpatterns + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
+    urlpatterns = urlpatterns + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+

gnome_theme/admin.py

+from django.contrib import admin
+
+# Register your models here.

gnome_theme/apps.py

+from django.apps import AppConfig
+
+
+class GnomeThemeConfig(AppConfig):
+    name = 'gnome_theme'

gnome_theme/models.py

+from django.db import models
+
+# Create your models here.

gnome_theme/static/gnome_theme/css/extra_frontend.css

+h1, h2, h2, h3, h4, h5 {
+	font-weight: 300;
+}
+
+.hotdoc-navbar-brand {
+	font-weight: 700;
+	text-transform: uppercase;
+	font-size: 70%;
+	color: black;
+}
+
+.page-header {
+	text-align: center;
+	font-weight: 300;
+	padding: 100px 15px;
+}
+
+.page-header h1, .page-header h2 {
+	margin-bottom: 1em;
+}
+
+.page-header p {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 80%;
+	font-size: 18px;
+}
+
+.btn-xl {
+	padding: 15px 30px;
+}
+
+.toned-row {
+	background-color: #dfdfdf;
+	margin: 3em -15px 3em -15px;
+	padding: 3em;
+	text-align: center;
+
+}
+
+.toned-row a.icon {
+	display: inline-block;
+	width: 92px;
+	height: 92px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 64px;
+	padding-top: 92px;
+	cursor: pointer;
+	font-size: 90%;
+	transition: 500ms color ease-in-out;
+}
+
+.toned-row #apiref {
+	background-image: url("../images/api-reference.svg");
+}
+
+.toned-row #hig {
+	background-image: url("../images/design-guidelines.svg");
+}
+
+.toned-row #tutorials {
+	background-image: url("../images/tutorials.svg");
+}
+
+.toned-row #flatpak {
+	background-image: url("../images/distribute.svg");
+}
+
+#sidenav-lookup-field, .twitter-typeahead input.form-control {
+  width: 150px;
+}
+
+#sidenav-lookup-field:focus, .twitter-typeahead input.form-control {
+  width:100%;
+}

gnome_theme/static/gnome_theme/css/prism.css

+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #a67f59;
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function {
+	color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}

gnome_theme/static/gnome_theme/img/logo.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   id="svg6237"
+   height="32"
+   width="32">
+  <defs
+     id="defs6239" />
+  <metadata
+     id="metadata6242">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-224)"
+     id="layer1">
+    <g
+       style="fill:#2e3436"
+       transform="matrix(0.25221125,0,0,0.25221125,41.774356,255.62866)"
+       id="g6230">
+      <path
+         style="fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.46375012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path9"
+         d="m -63.883826,-115.2699 c -22.295562,0 -26.477906,31.755906 -13.935406,31.755906 12.540687,0 36.231872,-31.755906 13.935406,-31.755906 z" />
+      <path
+         style="fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.46375012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path11"
+         d="m -100.90505,-87.448931 c 6.678161,0.407812 14.005193,-25.485559 1.45363,-23.857029 -12.54703,1.62853 -8.1345,23.449216 -1.45363,23.857029 z" />
+      <path
+         style="fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.46375012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path13"
+         d="m -131.51092,-71.359369 c 4.74966,-2.090718 0.61172,-22.54025 -7.46478,-16.963187 -8.07288,5.577969 2.71512,19.053 7.46478,16.963187 z" />
+      <path
+         style="fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.46375012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path15"
+         d="m -118.12833,-82.063087 c 5.6541,-1.152751 5.96404,-24.345503 -4.1189,-20.184903 -10.08475,4.161496 -1.53066,21.339465 4.1189,20.184903 l 0,0 z" />
+      <path
+         style="fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.46375012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m -88.603607,-30.161244 c 1.003219,7.661438 -5.620563,11.445031 -12.107503,6.505969 -20.65072,-15.722531 34.191909,-23.565219 30.576878,-45.046062 -3.000594,-17.829563 -57.706378,-12.340407 -63.935938,15.556687 -4.21678,18.869937 17.35741,45.04788 39.868657,45.04788 11.074375,0 23.847968,-9.999568 26.23775,-22.66713 1.825187,-9.659719 -21.477219,-5.789125 -20.639844,0.602656 l 0,0 z"
+         id="newshape" />
+    </g>
+  </g>
+</svg>

gnome_theme/static/gnome_theme/js/compare-versions.js

+/* global define */
+(function (root, factory) {
+    /* istanbul ignore next */
+    if (typeof define === 'function' && define.amd) {
+        define([], factory);
+    } else if (typeof exports === 'object') {
+        module.exports = factory();
+    } else {
+        root.compareVersions = factory();
+    }
+}(this, function () {
+
+    var patch = /-([0-9A-Za-z-.]+)/;
+
+    function split(v) {
+        var temp = v.split('.');
+        var arr = temp.splice(0, 2);
+        arr.push(temp.join('.'));
+        return arr;
+    }
+
+    function tryParse(v) {
+        return isNaN(Number(v)) ? v : Number(v);
+    }
+
+    return function compareVersions(v1, v2) {
+        var s1 = split(v1);
+        var s2 = split(v2);
+
+        for (var i = 0; i < 3; i++) {
+            var n1 = parseInt(s1[i] || 0, 10);
+            var n2 = parseInt(s2[i] || 0, 10);
+
+            if (n1 > n2) return 1;
+            if (n2 > n1) return -1;
+        }
+
+        if ([s1[2], s2[2]].every(patch.test.bind(patch))) {
+            var p1 = patch.exec(s1[2])[1].split('.').map(tryParse);
+            var p2 = patch.exec(s2[2])[1].split('.').map(tryParse);
+
+            for (i = 0; i < Math.max(p1.length, p2.length); i++) {
+                if (p1[i] === undefined || typeof p2[i] === 'string' && typeof p1[i] === 'number') return -1;
+                if (p2[i] === undefined || typeof p1[i] === 'string' && typeof p2[i] === 'number') return 1;
+
+                if (p1[i] > p2[i]) return 1;
+                if (p2[i] > p1[i]) return -1;
+            }
+        } else if ([s1[2], s2[2]].some(patch.test.bind(patch))) {
+            return patch.test(s1[2]) ? -1 : 1;
+        }
+
+        return 0;
+    };
+
+}));

gnome_theme/static/gnome_theme/js/css.escape.js

+/*! https://mths.be/cssescape v1.5.0 by @mathias | MIT license */
+;(function(root, factory) {
+	// https://github.com/umdjs/umd/blob/master/returnExports.js
+	if (typeof exports == 'object') {
+		// For Node.js.
+		module.exports = factory(root);
+	} else if (typeof define == 'function' && define.amd) {
+		// For AMD. Register as an anonymous module.
+		define([], factory.bind(root, root));
+	} else {
+		// For browser globals (not exposing the function separately).
+		factory(root);
+	}
+}(typeof global != 'undefined' ? global : this, function(root) {
+
+	if (root.CSS && root.CSS.escape) {
+		return root.CSS.escape;
+	}
+
+	// https://drafts.csswg.org/cssom/#serialize-an-identifier
+	var cssEscape = function(value) {
+		var string = String(value);
+		var length = string.length;
+		var index = -1;
+		var codeUnit;
+		var result = '';
+		var firstCodeUnit = string.charCodeAt(0);
+		while (++index < length) {
+			codeUnit = string.charCodeAt(index);
+			// Note: there’s no need to special-case astral symbols, surrogate
+			// pairs, or lone surrogates.
+
+			// If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+			// (U+FFFD).
+			if (codeUnit == 0x0000) {
+				result += '\uFFFD';
+				continue;
+			}
+
+			if (
+				// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+				// U+007F, […]
+				(codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
+				// If the character is the first character and is in the range [0-9]
+				// (U+0030 to U+0039), […]
+				(index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
+				// If the character is the second character and is in the range [0-9]
+				// (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+				(
+					index == 1 &&
+					codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
+					firstCodeUnit == 0x002D
+				)
+			) {
+				// https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+				result += '\\' + codeUnit.toString(16) + ' ';
+				continue;
+			}
+
+			if (
+				// If the character is the first character and is a `-` (U+002D), and
+				// there is no second character, […]
+				index == 0 &&
+				length == 1 &&
+				codeUnit == 0x002D
+			) {
+				result += '\\' + string.charAt(index);
+				continue;
+			}
+
+			// If the character is not handled by one of the above rules and is
+			// greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+			// is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+			// U+005A), or [a-z] (U+0061 to U+007A), […]
+			if (
+				codeUnit >= 0x0080 ||
+				codeUnit == 0x002D ||
+				codeUnit == 0x005F ||
+				codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
+				codeUnit >= 0x0041 && codeUnit <= 0x005A ||
+				codeUnit >= 0x0061 && codeUnit <= 0x007A
+			) {
+				// the character itself
+				result += string.charAt(index);
+				continue;
+			}
+
+			// Otherwise, the escaped character.
+			// https://drafts.csswg.org/cssom/#escape-a-character
+			result += '\\' + string.charAt(index);
+
+		}
+		return result;
+	};
+
+	if (!root.CSS) {
+		root.CSS = {};
+	}
+
+	root.CSS.escape = cssEscape;
+	return cssEscape;
+
+}));

gnome_theme/static/gnome_theme/js/language_switching.js

+$(document).ready(function() {
+	var context = parse_location();
+
+	if (context.extension_name == 'gi-extension') {
+		var widget = '<li class="dropdown">';
+		widget += '<a class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">';
+		widget += 'Language ';
+		widget += '<span class="caret"></span></button>';
+		widget += '</button>';
+		widget += '<ul class="dropdown-menu">';
+
+		widget += '<li><a href="' + '../c/' + context.base_name + '">';
+		widget += 'C';
+		widget += '</a></li>';
+
+		widget += '<li><a href="' + '../javascript/' + context.base_name + '">';
+		widget += 'Javascript';
+		widget += '</a></li>';
+
+		widget += '<li><a href="' + '../python/' + context.base_name + '">';
+		widget += 'Python';
+		widget += '</a></li>';
+
+		widget += '</ul>';
+		widget += '</li>';
+		$("#menu").append (widget);
+	}
+});