Commits

Oben Sonne committed 3f47f43

Style in extra css file

Comments (0)

Files changed (1)

     <title>poole - {{ %s }}</title>
     <meta name="description" content="{{ %s }}" />
     <meta name="keywords" content="{{ %s }}" />
-    <style type="text/css" id="internalStyle">
-      body {
-          font-family: sans;
-          width: 800px;
-          margin: 1em auto;
-          color: #2e3436;
-      }
-      div#box {
-          border: solid #2e3436 1px;
-      }
-      div#header, div#menu, div#content, div#footer {
-          padding: 1em;
-      }
-      div#menu {
-          background-color: #2e3436;
-          padding: 0.6em 0 0.6em 0;
-      }
-      #menu span {
-          background-color: #2e3436;
-          font-weight: bold;
-          padding: 0.6em;
-      }
-      #menu span.current {
-          background-color: #555753;
-      }
-      #menu a {
-          color: #fefefc;
-          text-decoration: none;
-      }
-      div#footer {
-          color: gray;
-          text-align: center;
-          font-size: small;
-      }
-      div#footer a {
-          color: gray;
-          text-decoration: none;
-      }
-      pre {
-          border: dotted black 1px;
-          background: #eeeeec;
-          font-size: small;
-          padding: 1em;
-      }
-    </style>
+    <link rel="stylesheet" type="text/css" href="poole.css" />
 </head>
 <body>
     <div id="box">
 """ % (MACRO_ENCODING, MACRO_TITLE, MACRO_SUMMARY, MACRO_KEYWORDS, MACRO_TITLE,
        MACRO_CONTENT)
 
-EXAMPLE_PAGES =  {
+EXAMPLE_FILES =  {
+
 "index.md" : """
 %s: home
 %s: 0
 ---
 
 Every page of a poole site is based on *one global template file*, `page.html`.
-All you need to adjust the site layout is to edit the `page.html` file.
+All you need to adjust the site layout is to
+ 
+ * edit the page template `page.html` and
+ * extend or edit the style file `input/poole.css`.
 """ % (MACRO_MENU),
                   
 "blog.md" : """
 
 More nonsense at <http://meme.boxofjunk.ws>.
 
+""",
+
+"poole.css": """
+body {
+    font-family: sans;
+    width: 800px;
+    margin: 1em auto;
+    color: #2e3436;
+}
+div#box {
+    border: solid #2e3436 1px;
+}
+div#header, div#menu, div#content, div#footer {
+    padding: 1em;
+}
+div#menu {
+    background-color: #2e3436;
+    padding: 0.6em 0 0.6em 0;
+}
+#menu span {
+    background-color: #2e3436;
+    font-weight: bold;
+    padding: 0.6em;
+}
+#menu span.current {
+    background-color: #555753;
+}
+#menu a {
+    color: #fefefc;
+    text-decoration: none;
+}
+div#footer {
+    color: gray;
+    text-align: center;
+    font-size: small;
+}
+div#footer a {
+    color: gray;
+    text-decoration: none;
+}
+pre {
+    border: dotted black 1px;
+    background: #eeeeec;
+    font-size: small;
+    padding: 1em;
+}
 """
 }
 
     os.mkdir(opj(project, "input"))
     os.mkdir(opj(project, "output"))
     
-    for page_file, page_content in EXAMPLE_PAGES.items():
-        with open(opj(project, "input", page_file), 'w') as fp:
-            fp.write(page_content)
+    for fname, content in EXAMPLE_FILES.items():
+        with open(opj(project, "input", fname), 'w') as fp:
+            fp.write(content)
 
     with open(opj(project, "page.html"), 'w') as fp:
         fp.write(PAGE_HTML)
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.