1
0
Fork 0

Began adding Makefile to generate pages with header/footer

website
Mike Gerwitz 2011-11-23 20:08:26 -05:00
parent e9a130ad4b
commit ab785a1f5f
6 changed files with 116 additions and 77 deletions

1
.gitignore vendored
View File

@ -1 +1,2 @@
node_modules
webroot

37
Makefile 100644
View File

@ -0,0 +1,37 @@
# Builds website
#
header := _includes/header.html
footer := _includes/footer.html
input_html := $(wildcard *.html)
input_images := $(wildcard images/*.png)
input_scripts := $(shell find scripts/ -name '*.js')
outdir := webroot
output_html := $(addprefix $(outdir)/, $(input_html))
output_images := $(addprefix $(outdir)/, $(input_images))
output_scripts := $(addprefix $(outdir)/, $(input_scripts))
.PHONY: default clean
default: $(outdir) $(output_html) $(output_images) \
$(output_scripts) $(outdir)/style.css
$(outdir):
mkdir -p $@ $@/images $@/scripts/ex
$(outdir)/style.css: style.css | $(outdir)
cp $< $@
$(outdir)/scripts/%.js: scripts/%.js | $(outdir)
cp -r $< $@
$(outdir)/images/%.png: images/%.png | $(outdir)
cp -r $< $@
$(outdir)/%.html: %.html $(header) $(footer) | $(outdir)
cat $(header) $< $(footer) > $@
clean:
${RM} -r webroot

2
_includes/README 100644
View File

@ -0,0 +1,2 @@
Files in this directory should not be uploaded to the web root. They are used by
the build script as an alternative to dynamic pages (e.g. with PHP).

View File

@ -0,0 +1,16 @@
</div>
<p class="copyright">
Copyright &copy; 2011 <a href="http://mikegerwitz.com">Mike Gerwitz</a>
</p>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">
</script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js">
</script>
<script type="text/javascript" src="scripts/ease-full.min.js"></script>
<script type="text/javascript" src="scripts/ui.js"></script>
</body>
</html>

View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>ease.js</title>
<link type="text/css" rel="stylesheet" href="style.css" />
<link type="text/css" rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1>ease<span class="suffix">js</span></h1>
<h2 class="desc">Classical Object-Oriented Framework</h2>
</div>
</div>
<div id="menu">
<ul>
<li class="selected"><a href="/">About</a></li>
<li><a href="manual.html">Manual (Single Page)</a></li>
<li><a href="manual/">Manual (Split)</a></li>
<li><a href="https://github.com/mikegerwitz/easejs">Source Code</a></li>
</ul>
</div>
<div id="content">
<noscript>
<strong>Please enable JavaScript to take advantage of the interactive
features of this website. Don't worry - it's all
<a href="http://www.gnu.org/philosophy/free-sw.html">free software</a>.
You can find the source code to this website via the source code link
above within the 'website' branch.
</strong>
</noscript>

View File

@ -1,38 +1,3 @@
<!DOCTYPE html>
<html>
<head>
<title>ease.js</title>
<link type="text/css" rel="stylesheet" href="style.css" />
<link type="text/css" rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1>ease<span class="suffix">js</span></h1>
<h2 class="desc">Classical Object-Oriented Framework</h2>
</div>
</div>
<div id="menu">
<ul>
<li class="selected"><a href="/">About</a></li>
<li><a href="manual.html">Manual (Single Page)</a></li>
<li><a href="manual/">Manual (Split)</a></li>
<li><a href="https://github.com/mikegerwitz/easejs">Source Code</a></li>
</ul>
</div>
<div id="content">
<noscript>
<strong>Please enable JavaScript to take advantage of the interactive
features of this website. Don't worry - it's all
<a href="http://www.gnu.org/philosophy/free-sw.html">free software</a>.
You can find the source code to this website via the source code link
above within the 'website' branch.
</strong>
</noscript>
<p>
ease.js is a Classical Object-Oriented framework for JavaScript,
intended to &ldquo;ease&rdquo; the transition into JavaScript from other
@ -62,19 +27,3 @@
state. It is currently in use within a production system at the author's
place of employment. Feel free to use ease.js in your own projects.
</p>
</div>
<p class="copyright">
Copyright &copy; 2011 <a href="http://mikegerwitz.com">Mike Gerwitz</a>
</p>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">
</script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js">
</script>
<script type="text/javascript" src="scripts/ease-full.min.js"></script>
<script type="text/javascript" src="scripts/ui.js"></script>
</body>
</html>