Browse Source

Project web site

Neal Wilson 10 years ago
parent
commit
b017d1ab61
35 changed files with 800 additions and 0 deletions
  1. 8
    0
      web/build
  2. 70
    0
      web/output/download-mac-latest.html
  3. 70
    0
      web/output/download-windows-latest.html
  4. 25
    0
      web/output/downloads.html
  5. 48
    0
      web/output/index.html
  6. 18
    0
      web/output/logo.svg
  7. BIN
      web/output/logo96.png
  8. 89
    0
      web/output/media.html
  9. BIN
      web/output/photos/original/2012-11-09_11.00.22.jpg
  10. BIN
      web/output/photos/original/C-20121115-00003.jpg
  11. BIN
      web/output/photos/original/WP_20130303_003.jpg
  12. BIN
      web/output/photos/original/tumblr_mklwvnP9141qfwu90o1_1280.jpg
  13. BIN
      web/output/photos/resized/2012-11-09_11.00.22.jpg
  14. BIN
      web/output/photos/resized/C-20121115-00003.jpg
  15. BIN
      web/output/photos/resized/WP_20130303_003.jpg
  16. BIN
      web/output/photos/resized/tumblr_mklwvnP9141qfwu90o1_1280.jpg
  17. 110
    0
      web/output/style.css
  18. 5
    0
      web/src/pages/download-mac-latest.m4
  19. 5
    0
      web/src/pages/download-windows-latest.m4
  20. 16
    0
      web/src/pages/downloads.m4
  21. 64
    0
      web/src/pages/fragments/downloadfragment.m4
  22. 37
    0
      web/src/pages/index.m4
  23. 78
    0
      web/src/pages/media.m4
  24. 18
    0
      web/src/resources/logo.svg
  25. BIN
      web/src/resources/logo96.png
  26. BIN
      web/src/resources/photos/original/2012-11-09_11.00.22.jpg
  27. BIN
      web/src/resources/photos/original/C-20121115-00003.jpg
  28. BIN
      web/src/resources/photos/original/WP_20130303_003.jpg
  29. BIN
      web/src/resources/photos/original/tumblr_mklwvnP9141qfwu90o1_1280.jpg
  30. BIN
      web/src/resources/photos/resized/2012-11-09_11.00.22.jpg
  31. BIN
      web/src/resources/photos/resized/C-20121115-00003.jpg
  32. BIN
      web/src/resources/photos/resized/WP_20130303_003.jpg
  33. BIN
      web/src/resources/photos/resized/tumblr_mklwvnP9141qfwu90o1_1280.jpg
  34. 110
    0
      web/src/resources/style.css
  35. 29
    0
      web/src/template.m4

+ 8
- 0
web/build View File

@@ -0,0 +1,8 @@
1
+#!/bin/bash
2
+
3
+cp -r src/resources/* output/
4
+
5
+for f in src/pages/*.m4; do
6
+m4 src/template.m4 "$f" | sed '/^$/d' > output/"`basename -s .m4 "$f"`.html";
7
+done;
8
+

+ 70
- 0
web/output/download-mac-latest.html View File

@@ -0,0 +1,70 @@
1
+<html><head>
2
+	<title>Typica - Data for Coffee Roasters</title>
3
+	<link rel="stylesheet" type="text/css" href="style.css">
4
+	</head><body><div id="page"><div id="topmatter">
5
+	<div id="topbanner">
6
+	<img src="logo96.png" height="96px" width="96px" alt="Typica logo" />
7
+	<h1>Typica</h1><h2>Data for Coffee Roasters</h2></div>
8
+	<div id="menu">
9
+	<a class="tab " href="index.html">Typica</a>
10
+	<a class="tab " href="downloads.html">Downloads</a>
11
+	<a class="tab " href="documentation.html">Documentation</a>
12
+	<a class="tab " href="media.html">Photos and Videos</a>
13
+	<a class="tab" href="http://appliedcoffeetechnology.tumblr.com/tagged/Typica">Blog</a>
14
+	</div>
15
+	</div>
16
+	<div id="maintext">
17
+<h1>Thank you for downloading Typica.</h1>
18
+<p>Your download from:</p>
19
+<p><a href="http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.dmg">http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.dmg</a></p>
20
+<p>should begin automatically. If it does not,
21
+please click the above link.</p>
22
+<h2>Please Consider a Financial Contribution</h2>
23
+<p>I originally wrote Typica to help me with my work as a coffee roaster, to
24
+help me be more efficient, make fewer mistakes, and have faster access to the
25
+data I was generating so that I could make better business decisions. Typica
26
+has succeeded fantastically in these goals and I hope you find that it helps
27
+you in these areas as well. Typica was made free and open source not with the
28
+hope that others would contribute code (as of this writing nobody has), but to
29
+get this tool into the hands of as many professional coffee roasters as
30
+possible. This opens up lines of communication where I learn about the needs of
31
+other organizations in the industry and results in bug reports, feature
32
+requests, and questions that help me identify where Typica could be easier to
33
+use. All of these help make Typica a better tool for everybody. While Typica is
34
+free and will remain so, ongoing development and distribution of the software
35
+is not without cost. Making a financial contribution can help offset these
36
+costs and allows me to consider features that I would not be able to subsidize
37
+myself.</p>
38
+<p>Any funding beyond the minimum required to cover costs such as web hosting
39
+and development infrastructure maintenance (things like replacement parts
40
+on computers that build the Typica binaries) can be used for several purposes.
41
+This could be used to acquire samples of hardware so Typica can support more
42
+types of data acquisition hardware. It could be used to upgrade development
43
+infrastructure to make getting new releases out faster and easier. With enough
44
+funding I could even hire someone to pick up some of the development work.
45
+There are many features that I think we would all like to see in Typica that I
46
+simply have not had the time to develop. Additional funding can help with
47
+this.</p>
48
+<p>You can make a small (as little as a quarter but larger gifts are also
49
+appreciated) weekly recurring gift through
50
+<a href="https://www.gittip.com/N3Roaster">Gittip</a>. This sort of stable
51
+ongoing base funding allows for better planning of expenses.</p>
52
+<p><script data-gittip-username="N3Roaster"
53
+src="https://www.gittip.com/assets/widgets/0002.js">
54
+</script></p>
55
+<p>If you're a Flattr user you can Flattr Typica with the button below.</p>
56
+<script id='fb6rvp5'>(function(i){var f,s=document.getElementById(i);f=document.createElement('iframe');f.src='http://api.flattr.com/button/view/?uid=N3Roaster&url='+encodeURIComponent(document.URL);f.title='Flattr';f.height=62;f.width=55;f.style.borderWidth=0;s.parentNode.insertBefore(f,s);})('fb6rvp5');</script>
57
+<p>Another option is mailing a check payable to Neal Wilson to:<br />
58
+<div><span>Neal Wilson</span><br />
59
+<span>c/o Wilson's Coffee &amp; Tea</span><br />
60
+<span>3306 Washington Ave.</span><br />
61
+<span>Racine, WI 53405</span><br />
62
+<span>USA</span></div><br />
63
+<p>This option is better suited to larger one time contributions. People or
64
+businesses who choose this option and send at least $100 have the option to be
65
+credited in the About Typica window in new releases for one year from
66
+receiving this contribution. Please include a note on how you would like that
67
+credit to appear.</p>
68
+<p>Please note that I am unable to accept money through PayPal.</p>
69
+<iframe width="1" height="1" frameborder="0" src="http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.dmg"></iframe>
70
+</div></div></body></html>

+ 70
- 0
web/output/download-windows-latest.html View File

@@ -0,0 +1,70 @@
1
+<html><head>
2
+	<title>Typica - Data for Coffee Roasters</title>
3
+	<link rel="stylesheet" type="text/css" href="style.css">
4
+	</head><body><div id="page"><div id="topmatter">
5
+	<div id="topbanner">
6
+	<img src="logo96.png" height="96px" width="96px" alt="Typica logo" />
7
+	<h1>Typica</h1><h2>Data for Coffee Roasters</h2></div>
8
+	<div id="menu">
9
+	<a class="tab " href="index.html">Typica</a>
10
+	<a class="tab " href="downloads.html">Downloads</a>
11
+	<a class="tab " href="documentation.html">Documentation</a>
12
+	<a class="tab " href="media.html">Photos and Videos</a>
13
+	<a class="tab" href="http://appliedcoffeetechnology.tumblr.com/tagged/Typica">Blog</a>
14
+	</div>
15
+	</div>
16
+	<div id="maintext">
17
+<h1>Thank you for downloading Typica.</h1>
18
+<p>Your download from:</p>
19
+<p><a href="http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.zip">http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.zip</a></p>
20
+<p>should begin automatically. If it does not,
21
+please click the above link.</p>
22
+<h2>Please Consider a Financial Contribution</h2>
23
+<p>I originally wrote Typica to help me with my work as a coffee roaster, to
24
+help me be more efficient, make fewer mistakes, and have faster access to the
25
+data I was generating so that I could make better business decisions. Typica
26
+has succeeded fantastically in these goals and I hope you find that it helps
27
+you in these areas as well. Typica was made free and open source not with the
28
+hope that others would contribute code (as of this writing nobody has), but to
29
+get this tool into the hands of as many professional coffee roasters as
30
+possible. This opens up lines of communication where I learn about the needs of
31
+other organizations in the industry and results in bug reports, feature
32
+requests, and questions that help me identify where Typica could be easier to
33
+use. All of these help make Typica a better tool for everybody. While Typica is
34
+free and will remain so, ongoing development and distribution of the software
35
+is not without cost. Making a financial contribution can help offset these
36
+costs and allows me to consider features that I would not be able to subsidize
37
+myself.</p>
38
+<p>Any funding beyond the minimum required to cover costs such as web hosting
39
+and development infrastructure maintenance (things like replacement parts
40
+on computers that build the Typica binaries) can be used for several purposes.
41
+This could be used to acquire samples of hardware so Typica can support more
42
+types of data acquisition hardware. It could be used to upgrade development
43
+infrastructure to make getting new releases out faster and easier. With enough
44
+funding I could even hire someone to pick up some of the development work.
45
+There are many features that I think we would all like to see in Typica that I
46
+simply have not had the time to develop. Additional funding can help with
47
+this.</p>
48
+<p>You can make a small (as little as a quarter but larger gifts are also
49
+appreciated) weekly recurring gift through
50
+<a href="https://www.gittip.com/N3Roaster">Gittip</a>. This sort of stable
51
+ongoing base funding allows for better planning of expenses.</p>
52
+<p><script data-gittip-username="N3Roaster"
53
+src="https://www.gittip.com/assets/widgets/0002.js">
54
+</script></p>
55
+<p>If you're a Flattr user you can Flattr Typica with the button below.</p>
56
+<script id='fb6rvp5'>(function(i){var f,s=document.getElementById(i);f=document.createElement('iframe');f.src='http://api.flattr.com/button/view/?uid=N3Roaster&url='+encodeURIComponent(document.URL);f.title='Flattr';f.height=62;f.width=55;f.style.borderWidth=0;s.parentNode.insertBefore(f,s);})('fb6rvp5');</script>
57
+<p>Another option is mailing a check payable to Neal Wilson to:<br />
58
+<div><span>Neal Wilson</span><br />
59
+<span>c/o Wilson's Coffee &amp; Tea</span><br />
60
+<span>3306 Washington Ave.</span><br />
61
+<span>Racine, WI 53405</span><br />
62
+<span>USA</span></div><br />
63
+<p>This option is better suited to larger one time contributions. People or
64
+businesses who choose this option and send at least $100 have the option to be
65
+credited in the About Typica window in new releases for one year from
66
+receiving this contribution. Please include a note on how you would like that
67
+credit to appear.</p>
68
+<p>Please note that I am unable to accept money through PayPal.</p>
69
+<iframe width="1" height="1" frameborder="0" src="http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.zip"></iframe>
70
+</div></div></body></html>

+ 25
- 0
web/output/downloads.html View File

@@ -0,0 +1,25 @@
1
+<html><head>
2
+	<title>Typica - Data for Coffee Roasters</title>
3
+	<link rel="stylesheet" type="text/css" href="style.css">
4
+	</head><body><div id="page"><div id="topmatter">
5
+	<div id="topbanner">
6
+	<img src="logo96.png" height="96px" width="96px" alt="Typica logo" />
7
+	<h1>Typica</h1><h2>Data for Coffee Roasters</h2></div>
8
+	<div id="menu">
9
+	<a class="tab " href="index.html">Typica</a>
10
+	<a class="tab active">Downloads</a>
11
+	<a class="tab " href="documentation.html">Documentation</a>
12
+	<a class="tab " href="media.html">Photos and Videos</a>
13
+	<a class="tab" href="http://appliedcoffeetechnology.tumblr.com/tagged/Typica">Blog</a>
14
+	</div>
15
+	</div>
16
+	<div id="maintext">
17
+<p>The latest release of Typica is version 1.6.1, released October 28, 2013.
18
+This is available for Microsoft Windows, and Intel/Mac OS X.</p>
19
+<p><a href="download-mac-latest.html">Typica 1.6.1 for Intel/Mac OS X</a></p>
20
+<p><a href="download-windows-latest.html">Typica 1.6.1 for Microsoft Windows</a></p>
21
+<p>The latest source code can always be found on
22
+<a href="https://github.com/N3Roaster/typica">GitHub</a>. A
23
+<a href="http://www.randomfield.com/programs/typica/1.6/typica.pdf">PDF of the
24
+source code documentation</a> is also available.</p>
25
+</div></div></body></html>

+ 48
- 0
web/output/index.html View File

@@ -0,0 +1,48 @@
1
+<html><head>
2
+	<title>Typica - Data for Coffee Roasters</title>
3
+	<link rel="stylesheet" type="text/css" href="style.css">
4
+	</head><body><div id="page"><div id="topmatter">
5
+	<div id="topbanner">
6
+	<img src="logo96.png" height="96px" width="96px" alt="Typica logo" />
7
+	<h1>Typica</h1><h2>Data for Coffee Roasters</h2></div>
8
+	<div id="menu">
9
+	<a class="tab active">Typica</a>
10
+	<a class="tab " href="downloads.html">Downloads</a>
11
+	<a class="tab " href="documentation.html">Documentation</a>
12
+	<a class="tab " href="media.html">Photos and Videos</a>
13
+	<a class="tab" href="http://appliedcoffeetechnology.tumblr.com/tagged/Typica">Blog</a>
14
+	</div>
15
+	</div>
16
+	<div id="maintext">
17
+<p>Typica is a cross-platform application for coffee roasters
18
+designed around the ideas of interoperability, workflow
19
+integration, and customizability.</p>
20
+<p>The program is free open source software available under the
21
+MIT license.</p>
22
+<h1>Data Acquisition</h1>
23
+<p>Every batch of coffee you roast with Typica can be recorded for
24
+future reference. A practically unlimited number of target roast
25
+profiles can be created for reference against future roasts. Log
26
+annotations capture events of interest and aid in profile design.
27
+Compatable with multiple data acquisition devices.</p>
28
+<h1>Inventory Tracking</h1>
29
+<p>Keep track of your green coffee inventory automatically as you
30
+roast it. Reports provide the data you need to see your production
31
+trends and plan your green coffee purchases.</p>
32
+<h1>Your Data Your Way</h1>
33
+<p>Typica stores its data in a PostgreSQL database. The database
34
+can be set up on the computer running Typica or on another computer
35
+on the network. You keep full control of your data and never need
36
+to pay another company for continued access to your data. The use
37
+of PostgreSQL provides additional ways to gain insight from your
38
+data including integration with all major spreadsheet applications
39
+through the PostgreSQL ODBC or JDBC drivers.</p>
40
+<h1>Total Customizability</h1>
41
+<p>Typica provides a versatile configuration system which can be
42
+used to extend or modify Typica for better integration with your
43
+work flows. If this is inadequate for your customization needs, the
44
+fully documented C++ source code is also freely available. An
45
+example configuration is provided which aims to provide something
46
+that most will not need to modify, but the option is always there
47
+if you need it.</p>
48
+</div></div></body></html>

+ 18
- 0
web/output/logo.svg View File

@@ -0,0 +1,18 @@
1
+<?xml version="1.0" standalone="yes"?>
2
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 512 512" width="512px" height="512px">
4
+	<title>Typica application icon</title>
5
+	<defs>
6
+		<radialGradient id="orangeradial" gradientUnits="userSpaceOnUse" cx="288" cy="288" r="320" fx="320" fy="320" spreadMethod="pad">
7
+			<stop offset="0%" stop-color="orangered" />
8
+			<stop offset="100%" stop-color="white" />
9
+		</radialGradient>
10
+		<radialGradient id="flame" gradientUnits="userSpaceOnUse" cx="192" cy="320" r="224" fx="224" fy="352" spreadmethod="pad">
11
+			<stop offset="65%" stop-color="royalblue" />
12
+			<stop offset="100%" stop-color="aliceblue" />
13
+		</radialGradient>
14
+	</defs>
15
+	<path d="M416 32 L416 480 L32 480 L32 480 L32 96 A64 64 0 0 1 96 32 Z" stroke="orangered" stroke-width="1" fill="url(#orangeradial)" />
16
+	<path d="M32 384 L160 128 L480 288 L384 480 L32 480 Z" stroke="orangered" stroke-width="1" fill="aliceblue" />
17
+	<path d="M64 352 C64 448 352 448 352 352 Q352 320 288 256 C224 192 224 160 288 96 C192 96 64 288 64 352" stroke="royalblue" fill="url(#flame)" stroke-width="1" />
18
+</svg>

BIN
web/output/logo96.png View File


+ 89
- 0
web/output/media.html View File

@@ -0,0 +1,89 @@
1
+<html><head>
2
+	<title>Typica - Data for Coffee Roasters</title>
3
+	<link rel="stylesheet" type="text/css" href="style.css">
4
+	</head><body><div id="page"><div id="topmatter">
5
+	<div id="topbanner">
6
+	<img src="logo96.png" height="96px" width="96px" alt="Typica logo" />
7
+	<h1>Typica</h1><h2>Data for Coffee Roasters</h2></div>
8
+	<div id="menu">
9
+	<a class="tab " href="index.html">Typica</a>
10
+	<a class="tab " href="downloads.html">Downloads</a>
11
+	<a class="tab " href="documentation.html">Documentation</a>
12
+	<a class="tab active">Photos and Videos</a>
13
+	<a class="tab" href="http://appliedcoffeetechnology.tumblr.com/tagged/Typica">Blog</a>
14
+	</div>
15
+	</div>
16
+	<div id="maintext">
17
+<div class="screenshot_item">
18
+	<div class="item">
19
+		<img src="photos/resized/tumblr_mklwvnP9141qfwu90o1_1280.jpg" />
20
+	</div>
21
+	<div class="description">
22
+		<p>I have a YM-10 Ambex hooked into a NI-9211A feeding to an old
23
+		Mac. Works great for me!"</p>
24
+		<p class="credit">Frank</p>
25
+	</div>
26
+</div>
27
+<div class="screenshot_item">
28
+	<div class="item">
29
+		<img src="photos/resized/C-20121115-00003.jpg" />
30
+	</div>
31
+	<div class="description">
32
+		<p>Behmor 1600 with Typica. Here is a shot from a side project that was requested by a home roaster customer. A few modifications allowed a 6 inch J thermocouple to be inserted into the drum.</p>
33
+		<p class="credit">Photo by Mario Champignon, T.A.N. Coffee</p>
34
+	</div>
35
+</div>
36
+<div class="screenshot_item">
37
+	<div class="item">
38
+		<img src="photos/resized/WP_20130303_003.jpg" />
39
+	</div>
40
+	<div class="description">
41
+		<p>Sunny Sunday in Stafford, UK - roasting some blend matches on a 1 Kg Toper sample roaster with the NI USB TC01, listening to Dire Straits on Spotify. Took all of 3 minutes to connect up the thermocouple and away it went. Admire the modular nature of the programming behind it, allowing for customization for different roasters. Have put PostgreSQL on a central server and will be connecting up main roaster so I can spline and convert to large roaster profile. Epic.</p>
42
+	</div>
43
+</div>
44
+<div class="screenshot_item">
45
+	<div class="item">
46
+		<img src="photos/resized/2012-11-09_11.00.22.jpg" />
47
+	</div>
48
+	<div class="description">
49
+		<p>Some work spaces do not have adequate space for a computer that can easily be used at the roaster. A touch screen mounted near the front of this Diedrich IR-1 allows Typica to be used with less table space at the machine than a laptop computer would require.</p>
50
+		<p class="credit">Photo by Neal Wilson, Wilson's Coffee &amp; Tea</p>
51
+	</div>
52
+</div>
53
+<div class="screenshot_item">
54
+	<div class="item">
55
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/EXPjLgCoUWU" frameborder="0" allowfullscreen></iframe>
56
+	</div>
57
+	<div class="description">
58
+		<p>Video demonstration of connecting a coffee roaster to data acquisition hardware for use with Typica.<p>
59
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
60
+	</div>
61
+</div>
62
+<div class="screenshot_item">
63
+	<div class="item">
64
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/sct2FWVkmDw" frameborder="0" allowfullscreen></iframe>
65
+	</div>
66
+	<div class="description">
67
+		<p>Video demonstration of one way to use Typica to assist in developing a roast profile for a coffee.</p>
68
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
69
+	</div>
70
+</div>
71
+<div class="screenshot_item">
72
+	<div class="item">
73
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/hS0SfzypyFQ" frameborder="0" allowfullscreen></iframe>
74
+	</div>
75
+	<div class="description">
76
+		<p>Video explanation of the reasoning behind Typica's roast profile translation feature.</p>
77
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
78
+	</div>
79
+</div>
80
+<div class="screenshot_item">
81
+	<div class="item">
82
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/fS6eSKL8tlA" frameborder="0" allowfullscreen></iframe>
83
+	</div>
84
+	<div class="description">
85
+		<p>A fixed measurement offset is a common feature in data acquisition software, but I have never encountered a coffee roaster where measurement error followed so simple a pattern. This video covers the use of Typica's linear spline interpolated series feature to simplify matching roast profiles on different machines where the difference in measured values between the machines varies in a non-linear manner throughout the range of roasting temperatures. Includes instructions on collecting calibration data and setting up Typica to produce an appropriate calibrated data series.</p>
86
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
87
+	</div>
88
+</div>
89
+</div></div></body></html>

BIN
web/output/photos/original/2012-11-09_11.00.22.jpg View File


BIN
web/output/photos/original/C-20121115-00003.jpg View File


BIN
web/output/photos/original/WP_20130303_003.jpg View File


BIN
web/output/photos/original/tumblr_mklwvnP9141qfwu90o1_1280.jpg View File


BIN
web/output/photos/resized/2012-11-09_11.00.22.jpg View File


BIN
web/output/photos/resized/C-20121115-00003.jpg View File


BIN
web/output/photos/resized/WP_20130303_003.jpg View File


BIN
web/output/photos/resized/tumblr_mklwvnP9141qfwu90o1_1280.jpg View File


+ 110
- 0
web/output/style.css View File

@@ -0,0 +1,110 @@
1
+.active {
2
+	background-attachment: scroll;
3
+	background-clip: border-box;
4
+	background-color: rgb(255,255,255);
5
+	background-image: none;
6
+	background-origin: padding-box;
7
+	border-bottom-color: rgb(0,0,0);
8
+	border-bottom-style: none;
9
+	border-bottom-width: 0px;
10
+	border-left-color: rgb(107,144,218);
11
+	border-left-style: solid;
12
+	border-left-width: 1px;
13
+	border-right-color: rgb(107,144,218);
14
+	border-right-width: 1px;
15
+	border-right-style: solid;
16
+	border-top-color: rgb(107,144,218);
17
+	border-top-width: 2px;
18
+	border-top-style: solid;
19
+	color: rgb(0,0,0);
20
+	margin-left: 0px;
21
+	margin-right: 5px;
22
+	margin-top: 0px;
23
+	margin-bottom: -1px;
24
+	padding-bottom: 6px;
25
+	padding-left: 9px;
26
+	padding-right: 9px;
27
+	padding-top: 5px;
28
+	text-decoration: none;
29
+	white-space: nowrap;
30
+}
31
+.tab {
32
+	color: rgb(0,0,204);
33
+	margin-bottom: 6px;
34
+	margin-left:  10px;
35
+	margin-right: 15px;
36
+	margin-top: 5px;
37
+	padding-top: 5px;
38
+	white-space: nowrap;
39
+	text-decoration: none;
40
+}
41
+#menu {
42
+	background-color: rgb(235,239,249);
43
+	border-bottom-color: rgb(107,144,218);
44
+	border-bottom-style: solid;
45
+	border-bottom-width: 1px;
46
+	padding-bottom: 5px;
47
+	padding-left: 5px;
48
+	padding-right: 10px;
49
+	padding-top: 5px;
50
+	white-space: nowrap;
51
+	background-clip: border-box;
52
+}
53
+body {
54
+	background-color: rgb(235,239,249);
55
+}
56
+#page {
57
+	background-color: rgb(255,255,255);
58
+}
59
+h1 {
60
+	font-size: 24px;
61
+}
62
+#topbanner {
63
+	background-color: rgb(235,239,249);
64
+	height: 96px;
65
+	margin-bottom: 2px;
66
+}
67
+#topbanner img {
68
+	float: left;
69
+}
70
+#topbanner h1 {
71
+	padding-top: 20px;
72
+	padding-bottom: 0px;
73
+	margin-bottom: 0px;
74
+}
75
+h2 {
76
+	font-size: 20px;
77
+	padding-top: 0px;
78
+	padding-bottom: 0px;
79
+	margin-top: 0px;
80
+}
81
+#topmatter {
82
+	background-color: rgb(235,239,249);
83
+}
84
+#maintext {
85
+	margin-left: 10px;
86
+	margin-right: 10px;
87
+	padding-bottom: 10px;
88
+}
89
+li {
90
+	list-style-type: none;
91
+}
92
+.screenshot_item {
93
+	display: table;
94
+	#position: relative;
95
+	overflow: hidden;
96
+}
97
+.screenshot_item .item {
98
+	float: left;
99
+	padding: 5px;
100
+	margin: 5px;
101
+}
102
+.screenshot_item .description {
103
+	#position: absolute;
104
+	#top: 50%;
105
+	display: table-cell;
106
+	vertical-align: middle;
107
+}
108
+.credit {
109
+	font-style: italic;
110
+}

+ 5
- 0
web/src/pages/download-mac-latest.m4 View File

@@ -0,0 +1,5 @@
1
+__PageStart
2
+
3
+__DownloadPage(`http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.dmg')
4
+
5
+__PageEnd

+ 5
- 0
web/src/pages/download-windows-latest.m4 View File

@@ -0,0 +1,5 @@
1
+__PageStart
2
+
3
+__DownloadPage(`http://www.randomfield.com/programs/typica/1.6/Typica-1.6.1.zip')
4
+
5
+__PageEnd

+ 16
- 0
web/src/pages/downloads.m4 View File

@@ -0,0 +1,16 @@
1
+define(`__PageType', `Downloads')
2
+
3
+__PageStart
4
+
5
+<p>The latest release of Typica is version 1.6.1, released October 28, 2013.
6
+This is available for Microsoft Windows, and Intel/Mac OS X.</p>
7
+
8
+<p><a href="download-mac-latest.html">Typica 1.6.1 for Intel/Mac OS X</a></p>
9
+<p><a href="download-windows-latest.html">Typica 1.6.1 for Microsoft Windows</a></p>
10
+
11
+<p>The latest source code can always be found on
12
+<a href="https://github.com/N3Roaster/typica">GitHub</a>. A
13
+<a href="http://www.randomfield.com/programs/typica/1.6/typica.pdf">PDF of the
14
+source code documentation</a> is also available.</p>
15
+
16
+__PageEnd

+ 64
- 0
web/src/pages/fragments/downloadfragment.m4 View File

@@ -0,0 +1,64 @@
1
+<h1>Thank you for downloading Typica.</h1>
2
+<p>Your download from:</p>
3
+<p><a href="__DownloadUrl">__DownloadUrl</a></p>
4
+<p>should begin automatically. If it does not,
5
+please click the above link.</p>
6
+<h2>Please Consider a Financial Contribution</h2>
7
+
8
+<p>I originally wrote Typica to help me with my work as a coffee roaster, to
9
+help me be more efficient, make fewer mistakes, and have faster access to the
10
+data I was generating so that I could make better business decisions. Typica
11
+has succeeded fantastically in these goals and I hope you find that it helps
12
+you in these areas as well. Typica was made free and open source not with the
13
+hope that others would contribute code (as of this writing nobody has), but to
14
+get this tool into the hands of as many professional coffee roasters as
15
+possible. This opens up lines of communication where I learn about the needs of
16
+other organizations in the industry and results in bug reports, feature
17
+requests, and questions that help me identify where Typica could be easier to
18
+use. All of these help make Typica a better tool for everybody. While Typica is
19
+free and will remain so, ongoing development and distribution of the software
20
+is not without cost. Making a financial contribution can help offset these
21
+costs and allows me to consider features that I would not be able to subsidize
22
+myself.</p>
23
+
24
+<p>Any funding beyond the minimum required to cover costs such as web hosting
25
+and development infrastructure maintenance (things like replacement parts
26
+on computers that build the Typica binaries) can be used for several purposes.
27
+This could be used to acquire samples of hardware so Typica can support more
28
+types of data acquisition hardware. It could be used to upgrade development
29
+infrastructure to make getting new releases out faster and easier. With enough
30
+funding I could even hire someone to pick up some of the development work.
31
+There are many features that I think we would all like to see in Typica that I
32
+simply have not had the time to develop. Additional funding can help with
33
+this.</p>
34
+
35
+<p>You can make a small (as little as a quarter but larger gifts are also
36
+appreciated) weekly recurring gift through
37
+<a href="https://www.gittip.com/N3Roaster">Gittip</a>. This sort of stable
38
+ongoing base funding allows for better planning of expenses.</p>
39
+
40
+<p><script data-gittip-username="N3Roaster"
41
+src="https://www.gittip.com/assets/widgets/0002.js">
42
+</script></p>
43
+
44
+<p>If you're a Flattr user you can Flattr Typica with the button below.</p>
45
+
46
+<script id='fb6rvp5'>(function(i){var f,s=document.getElementById(i);f=document.createElement('iframe');f.src='http://api.flattr.com/button/view/?uid=N3Roaster&url='+encodeURIComponent(document.URL);f.title='Flattr';f.height=62;f.width=55;f.style.borderWidth=0;s.parentNode.insertBefore(f,s);})('fb6rvp5');</script>
47
+
48
+<p>Another option is mailing a check payable to Neal Wilson to:<br />
49
+
50
+<div><span>Neal Wilson</span><br />
51
+<span>c/o Wilson's Coffee &amp; Tea</span><br />
52
+<span>3306 Washington Ave.</span><br />
53
+<span>Racine, WI 53405</span><br />
54
+<span>USA</span></div><br />
55
+
56
+<p>This option is better suited to larger one time contributions. People or
57
+businesses who choose this option and send at least $100 have the option to be
58
+credited in the About Typica window in new releases for one year from
59
+receiving this contribution. Please include a note on how you would like that
60
+credit to appear.</p>
61
+
62
+<p>Please note that I am unable to accept money through PayPal.</p>
63
+
64
+<iframe width="1" height="1" frameborder="0" src="__DownloadUrl"></iframe>

+ 37
- 0
web/src/pages/index.m4 View File

@@ -0,0 +1,37 @@
1
+define(`__PageType', `Main')
2
+
3
+__PageStart
4
+
5
+<p>Typica is a cross-platform application for coffee roasters
6
+designed around the ideas of interoperability, workflow
7
+integration, and customizability.</p>
8
+<p>The program is free open source software available under the
9
+MIT license.</p>
10
+<h1>Data Acquisition</h1>
11
+<p>Every batch of coffee you roast with Typica can be recorded for
12
+future reference. A practically unlimited number of target roast
13
+profiles can be created for reference against future roasts. Log
14
+annotations capture events of interest and aid in profile design.
15
+Compatable with multiple data acquisition devices.</p>
16
+<h1>Inventory Tracking</h1>
17
+<p>Keep track of your green coffee inventory automatically as you
18
+roast it. Reports provide the data you need to see your production
19
+trends and plan your green coffee purchases.</p>
20
+<h1>Your Data Your Way</h1>
21
+<p>Typica stores its data in a PostgreSQL database. The database
22
+can be set up on the computer running Typica or on another computer
23
+on the network. You keep full control of your data and never need
24
+to pay another company for continued access to your data. The use
25
+of PostgreSQL provides additional ways to gain insight from your
26
+data including integration with all major spreadsheet applications
27
+through the PostgreSQL ODBC or JDBC drivers.</p>
28
+<h1>Total Customizability</h1>
29
+<p>Typica provides a versatile configuration system which can be
30
+used to extend or modify Typica for better integration with your
31
+work flows. If this is inadequate for your customization needs, the
32
+fully documented C++ source code is also freely available. An
33
+example configuration is provided which aims to provide something
34
+that most will not need to modify, but the option is always there
35
+if you need it.</p>
36
+
37
+__PageEnd

+ 78
- 0
web/src/pages/media.m4 View File

@@ -0,0 +1,78 @@
1
+define(`__PageType', `Media')
2
+
3
+__PageStart
4
+
5
+<div class="screenshot_item">
6
+	<div class="item">
7
+		<img src="photos/resized/tumblr_mklwvnP9141qfwu90o1_1280.jpg" />
8
+	</div>
9
+	<div class="description">
10
+		<p>I have a YM-10 Ambex hooked into a NI-9211A feeding to an old
11
+		Mac. Works great for me!"</p>
12
+		<p class="credit">Frank</p>
13
+	</div>
14
+</div>
15
+<div class="screenshot_item">
16
+	<div class="item">
17
+		<img src="photos/resized/C-20121115-00003.jpg" />
18
+	</div>
19
+	<div class="description">
20
+		<p>Behmor 1600 with Typica. Here is a shot from a side project that was requested by a home roaster customer. A few modifications allowed a 6 inch J thermocouple to be inserted into the drum.</p>
21
+		<p class="credit">Photo by Mario Champignon, T.A.N. Coffee</p>
22
+	</div>
23
+</div>
24
+<div class="screenshot_item">
25
+	<div class="item">
26
+		<img src="photos/resized/WP_20130303_003.jpg" />
27
+	</div>
28
+	<div class="description">
29
+		<p>Sunny Sunday in Stafford, UK - roasting some blend matches on a 1 Kg Toper sample roaster with the NI USB TC01, listening to Dire Straits on Spotify. Took all of 3 minutes to connect up the thermocouple and away it went. Admire the modular nature of the programming behind it, allowing for customization for different roasters. Have put PostgreSQL on a central server and will be connecting up main roaster so I can spline and convert to large roaster profile. Epic.</p>
30
+	</div>
31
+</div>
32
+<div class="screenshot_item">
33
+	<div class="item">
34
+		<img src="photos/resized/2012-11-09_11.00.22.jpg" />
35
+	</div>
36
+	<div class="description">
37
+		<p>Some work spaces do not have adequate space for a computer that can easily be used at the roaster. A touch screen mounted near the front of this Diedrich IR-1 allows Typica to be used with less table space at the machine than a laptop computer would require.</p>
38
+		<p class="credit">Photo by Neal Wilson, Wilson's Coffee &amp; Tea</p>
39
+	</div>
40
+</div>
41
+<div class="screenshot_item">
42
+	<div class="item">
43
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/EXPjLgCoUWU" frameborder="0" allowfullscreen></iframe>
44
+	</div>
45
+	<div class="description">
46
+		<p>Video demonstration of connecting a coffee roaster to data acquisition hardware for use with Typica.<p>
47
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
48
+	</div>
49
+</div>
50
+<div class="screenshot_item">
51
+	<div class="item">
52
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/sct2FWVkmDw" frameborder="0" allowfullscreen></iframe>
53
+	</div>
54
+	<div class="description">
55
+		<p>Video demonstration of one way to use Typica to assist in developing a roast profile for a coffee.</p>
56
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
57
+	</div>
58
+</div>
59
+<div class="screenshot_item">
60
+	<div class="item">
61
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/hS0SfzypyFQ" frameborder="0" allowfullscreen></iframe>
62
+	</div>
63
+	<div class="description">
64
+		<p>Video explanation of the reasoning behind Typica's roast profile translation feature.</p>
65
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
66
+	</div>
67
+</div>
68
+<div class="screenshot_item">
69
+	<div class="item">
70
+		<iframe width="560" height="315" src="http://www.youtube.com/embed/fS6eSKL8tlA" frameborder="0" allowfullscreen></iframe>
71
+	</div>
72
+	<div class="description">
73
+		<p>A fixed measurement offset is a common feature in data acquisition software, but I have never encountered a coffee roaster where measurement error followed so simple a pattern. This video covers the use of Typica's linear spline interpolated series feature to simplify matching roast profiles on different machines where the difference in measured values between the machines varies in a non-linear manner throughout the range of roasting temperatures. Includes instructions on collecting calibration data and setting up Typica to produce an appropriate calibrated data series.</p>
74
+		<p class="credit">Video by Neal Wilson, Wilson's Coffee &amp; Tea</p>
75
+	</div>
76
+</div>
77
+
78
+__PageEnd

+ 18
- 0
web/src/resources/logo.svg View File

@@ -0,0 +1,18 @@
1
+<?xml version="1.0" standalone="yes"?>
2
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 512 512" width="512px" height="512px">
4
+	<title>Typica application icon</title>
5
+	<defs>
6
+		<radialGradient id="orangeradial" gradientUnits="userSpaceOnUse" cx="288" cy="288" r="320" fx="320" fy="320" spreadMethod="pad">
7
+			<stop offset="0%" stop-color="orangered" />
8
+			<stop offset="100%" stop-color="white" />
9
+		</radialGradient>
10
+		<radialGradient id="flame" gradientUnits="userSpaceOnUse" cx="192" cy="320" r="224" fx="224" fy="352" spreadmethod="pad">
11
+			<stop offset="65%" stop-color="royalblue" />
12
+			<stop offset="100%" stop-color="aliceblue" />
13
+		</radialGradient>
14
+	</defs>
15
+	<path d="M416 32 L416 480 L32 480 L32 480 L32 96 A64 64 0 0 1 96 32 Z" stroke="orangered" stroke-width="1" fill="url(#orangeradial)" />
16
+	<path d="M32 384 L160 128 L480 288 L384 480 L32 480 Z" stroke="orangered" stroke-width="1" fill="aliceblue" />
17
+	<path d="M64 352 C64 448 352 448 352 352 Q352 320 288 256 C224 192 224 160 288 96 C192 96 64 288 64 352" stroke="royalblue" fill="url(#flame)" stroke-width="1" />
18
+</svg>

BIN
web/src/resources/logo96.png View File


BIN
web/src/resources/photos/original/2012-11-09_11.00.22.jpg View File


BIN
web/src/resources/photos/original/C-20121115-00003.jpg View File


BIN
web/src/resources/photos/original/WP_20130303_003.jpg View File


BIN
web/src/resources/photos/original/tumblr_mklwvnP9141qfwu90o1_1280.jpg View File


BIN
web/src/resources/photos/resized/2012-11-09_11.00.22.jpg View File


BIN
web/src/resources/photos/resized/C-20121115-00003.jpg View File


BIN
web/src/resources/photos/resized/WP_20130303_003.jpg View File


BIN
web/src/resources/photos/resized/tumblr_mklwvnP9141qfwu90o1_1280.jpg View File


+ 110
- 0
web/src/resources/style.css View File

@@ -0,0 +1,110 @@
1
+.active {
2
+	background-attachment: scroll;
3
+	background-clip: border-box;
4
+	background-color: rgb(255,255,255);
5
+	background-image: none;
6
+	background-origin: padding-box;
7
+	border-bottom-color: rgb(0,0,0);
8
+	border-bottom-style: none;
9
+	border-bottom-width: 0px;
10
+	border-left-color: rgb(107,144,218);
11
+	border-left-style: solid;
12
+	border-left-width: 1px;
13
+	border-right-color: rgb(107,144,218);
14
+	border-right-width: 1px;
15
+	border-right-style: solid;
16
+	border-top-color: rgb(107,144,218);
17
+	border-top-width: 2px;
18
+	border-top-style: solid;
19
+	color: rgb(0,0,0);
20
+	margin-left: 0px;
21
+	margin-right: 5px;
22
+	margin-top: 0px;
23
+	margin-bottom: -1px;
24
+	padding-bottom: 6px;
25
+	padding-left: 9px;
26
+	padding-right: 9px;
27
+	padding-top: 5px;
28
+	text-decoration: none;
29
+	white-space: nowrap;
30
+}
31
+.tab {
32
+	color: rgb(0,0,204);
33
+	margin-bottom: 6px;
34
+	margin-left:  10px;
35
+	margin-right: 15px;
36
+	margin-top: 5px;
37
+	padding-top: 5px;
38
+	white-space: nowrap;
39
+	text-decoration: none;
40
+}
41
+#menu {
42
+	background-color: rgb(235,239,249);
43
+	border-bottom-color: rgb(107,144,218);
44
+	border-bottom-style: solid;
45
+	border-bottom-width: 1px;
46
+	padding-bottom: 5px;
47
+	padding-left: 5px;
48
+	padding-right: 10px;
49
+	padding-top: 5px;
50
+	white-space: nowrap;
51
+	background-clip: border-box;
52
+}
53
+body {
54
+	background-color: rgb(235,239,249);
55
+}
56
+#page {
57
+	background-color: rgb(255,255,255);
58
+}
59
+h1 {
60
+	font-size: 24px;
61
+}
62
+#topbanner {
63
+	background-color: rgb(235,239,249);
64
+	height: 96px;
65
+	margin-bottom: 2px;
66
+}
67
+#topbanner img {
68
+	float: left;
69
+}
70
+#topbanner h1 {
71
+	padding-top: 20px;
72
+	padding-bottom: 0px;
73
+	margin-bottom: 0px;
74
+}
75
+h2 {
76
+	font-size: 20px;
77
+	padding-top: 0px;
78
+	padding-bottom: 0px;
79
+	margin-top: 0px;
80
+}
81
+#topmatter {
82
+	background-color: rgb(235,239,249);
83
+}
84
+#maintext {
85
+	margin-left: 10px;
86
+	margin-right: 10px;
87
+	padding-bottom: 10px;
88
+}
89
+li {
90
+	list-style-type: none;
91
+}
92
+.screenshot_item {
93
+	display: table;
94
+	#position: relative;
95
+	overflow: hidden;
96
+}
97
+.screenshot_item .item {
98
+	float: left;
99
+	padding: 5px;
100
+	margin: 5px;
101
+}
102
+.screenshot_item .description {
103
+	#position: absolute;
104
+	#top: 50%;
105
+	display: table-cell;
106
+	vertical-align: middle;
107
+}
108
+.credit {
109
+	font-style: italic;
110
+}

+ 29
- 0
web/src/template.m4 View File

@@ -0,0 +1,29 @@
1
+define(`__PageStart', `<html><head>
2
+	<title>Typica - Data for Coffee Roasters</title>
3
+	<link rel="stylesheet" type="text/css" href="style.css">
4
+	</head><body><div id="page"><div id="topmatter">
5
+	__SiteBanner
6
+	__NavigationMenu
7
+	</div>
8
+	<div id="maintext">
9
+')
10
+
11
+define(`__PageEnd', `</div></div></body></html>')
12
+
13
+define(`__SiteBanner', `<div id="topbanner">
14
+	<img src="logo96.png" height="96px" width="96px" alt="Typica logo" />
15
+	<h1>Typica</h1><h2>Data for Coffee Roasters</h2></div>
16
+')
17
+
18
+define(`__NavigationMenu', `<div id="menu">
19
+	<a class="tab ifelse(__PageType, `Main', active", " href="index.html")>Typica</a>
20
+	<a class="tab ifelse(__PageType, `Downloads', active", " href="downloads.html")>Downloads</a>
21
+	<a class="tab ifelse(__PageType, `Documentation', active", " href="documentation.html")>Documentation</a>
22
+	<a class="tab ifelse(__PageType, `Media', active", " href="media.html")>Photos and Videos</a>
23
+	<a class="tab" href="http://appliedcoffeetechnology.tumblr.com/tagged/Typica">Blog</a>
24
+	</div>
25
+')
26
+
27
+define(`__DownloadPage', `define(`__DownloadUrl', $1)
28
+include(`src/pages/fragments/downloadfragment.m4')
29
+')

Loading…
Cancel
Save