Anonymous avatar Anonymous committed a117a1f

added the first example theme, Calm Blue

Comments (0)

Files changed (4)

example/templates/themes.html

 
 {% for theme in themes %}
 
-<h3>{{ theme.title }}</h3>
+<h3>{{ theme.name }}</h3>
 
 <p>{{ theme.description }}</p>
 

example/themes/calmblue/info.json

+{
+    "application": "themesandbox", 
+    "identifier": "calmblue", 
+    "name": "Calm Blue", 
+    "author": "LeafStorm",
+    "description": "A calm, blue theme based on Flaskr.",
+    "license": "MIT/X11"
+}

example/themes/calmblue/static/style.css

+body            { font-family: sans-serif; background: #def; }
+a, h1, h2, h3   { color: #377BA8; }
+h1, h2, h3      { font-family: 'Georgia', serif; margin: 0; }
+h1              { border-bottom: 2px solid #eee; }
+h2              { font-size: 1.2em; }
+h3              { font-size: 1.1em; margin-top: 8px; }
+
+.page           { margin: 2em auto; width: 35em; border: 5px solid #ccc;
+                  padding: 0.8em; background: white; }
+.nav            { text-align: right; font-size: 0.8em; padding: 0.3em;
+                  margin-bottom: 1em; background: #fafafa; }
+
+p.permalink,
+p.select,
+p.meta          { font-family: 'Georgia', serif; font-style: italic;
+                  font-size: 0.9em; }
+p.select,
+p.permalink     { text-align: right; }

example/themes/calmblue/templates/layout.html

+<!doctype html>
+{% from "_helpers.html" import link_to %}
+<head>
+    <title>Theme Sandbox &mdash; {{ title }}</title>
+    <link rel=stylesheet type=text/css href="{{ theme_static('style.css') }}">
+    {% block head %}{% endblock head %}
+</head>
+<div class=page>
+    <h1>Theme Sandbox</h1>
+    <div class=nav>
+        {{ link_to('Index', 'index') }} |
+        {{ link_to('Archive', 'archive') }} |
+        {{ link_to('About', 'about') }} |
+        {{ link_to('Themes', 'themes') }}
+    </div>
+    
+    {% block body %}{% endblock %}
+</div>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.