#+BEGIN_EXPORT html
Theming and Templating
#+END_EXPORT
#+BEGIN_SRC makefile :tangle theme.mk
SASS := site/style/main.sass
CSS := $(SASS:.sass=.css)
theme-build : ${SASS}
@cleopatra echo Compiling "${CSS}"
@sassc --style=compressed --sass ${SASS} ${CSS}
soupault-build : theme-build
ARTIFACTS += ${CSS} ${SASS}
#+END_SRC
* Main HTML Template
#+BEGIN_SRC html :tangle templates/main.html :noweb no-export
<>
<>
#+END_SRC
** ~~
#+NAME: head
#+BEGIN_SRC html :noweb no-export
<>
<>
<>
<>
#+END_SRC
*** Encoding
#+NAME: encoding
#+BEGIN_SRC html
#+END_SRC
*** Viewport
#+NAME: viewport
#+BEGIN_SRC html
#+END_SRC
*** Assets Loading
#+NAME: syncloading_html
#+BEGIN_SRC html
#+END_SRC
#+NAME: asyncloading_js
#+BEGIN_SRC js
let noscript = document.getElementById('asyncloading');
noscript.insertAdjacentHTML('beforebegin', noscript.innerText);
noscript.parentNode.removeChild(noscript);
#+END_SRC
#+NAME: asyncloading_html
#+BEGIN_SRC html
