emacs-orgmode
[Top][All Lists]
Advanced
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[O] html export using html5 elements and bootstrap framework

From: R C
Subject: [O] html export using html5 elements and bootstrap framework
Date: Fri, 2 Jan 2015 15:47:36 +0000 (UTC)
User-agent: Loom/3.14 (http://gmane.org/) 
I would like to have org mode export a project using html5 elements and
bootstrap framework adapting the worg tutorial: org-publish-html-tutorial.html 

I set it up as:
- minimal org file to be published: "~/web/p2/org/tst.org"
#+SETUPFILE: ~/web/org-templates/level-0.org
#+TITLE: Testing
* heading 1
  abc

- template with links to bootstrap css and js files, and a local.js file
with my macro definitions for mathjax: "~/web/org-templates/level-0.org" 
with lines of the form:
#+STYLE:   <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
etc

- my project is setup as:
              ("p2-org"
               :base-directory "~/web/p2/org"
               :publishing-directory "~/web/p2/public_html"
               :recursive t
               :base-extension "org"
               :publishing-function org-html-publish-to-html
               :style-include-default nil
               :creator-info nil)
              ("p2-extra"
               :base-directory "~/web/p2/org"
               :publishing-directory "~/web/p2/public_html"
               :base-extension "css\\|pdf\\|png\\|jpg\\|gif"
               :publishing-function org-publish-attachment
               :recursive t
               :author nil)
              ("p2"
               :components ("p2-org" "p2-extra"))))

I also have: (setq org-html-html5-fancy t)

However tst.html does not show any inclusions from the level-0.org file and
does not seem to use the html5 doctype:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">
<head>
<title>Testing</title>
<!-- 2015-01-02 Fri 10:41 -->
<meta  http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta  name="generator" content="Org-mode" />

<script type="text/javascript" src="js/org-info.js">
...
</script>
</head>
<body>
<div id="content">
<h1 class="title">Testing</h1>
<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#sec-1">heading 1</a></li>
</ul>
</div>
</div>

<div id="outline-container-sec-1" class="outline-2">
<h2 id="sec-1">heading 1</h2>
reply via email to
[Prev in Thread] Current Thread [Next in Thread]