root/other-projects/nz-flag-design/trunk/index.html @ 33141

Revision 29958, 6.3 KB (checked in by davidb, 5 years ago)

Fixed short-cut link to new iterative-design-jsp page

  • Property svn:executable set to *
Line 
1<!DOCTYPE html> 
2<html id="story"><!-- class="story" id="idea"-->
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5    <!--<meta charset="utf-8"/>-->
6    <meta name="viewport" content="width=device-width, initial-scale=1"/>
7    <title>NZ Flag Design @ The University of Waikato</title>
8   
9    <script src="main-form/css/source-sans-pro.js"></script>
10    <link href="main-form/css/styles.css" rel="stylesheet"/>
11    <link href="main-form/css/storystyle.css" rel="stylesheet"/>
12   
13   
14    <link rel="stylesheet"  href="main-form/lib-slider/css/jquery.mobile-1.3.0.css"/>
15    <link rel="stylesheet" href="main-form/lib-slider/css/jqm-demos.css"/>
16    <link rel="stylesheet" href="main-form/lib-slider/css/swipe-page.css"/>
17    <link rel="shortcut icon" href="main-form/lib-slider/nzflag-icon64-padded.png"/>
18
19    <script src="main-form/lib/jquery-1.8.2.min.js"></script>
20   
21    <script src="main-form/lib-slider/js/jquery.mobile.demos.js"></script>
22    <script src="main-form/lib-slider/js/jquery.mobile-1.3.0.js"></script>
23
24  </head>
25
26  <body>
27    <div data-role="page" id="innovation-story-01" class="demo-page">
28     
29      <div data-role="content">
30         
31    <div class="story-page" id="static-info-page">
32      <!-- put custom content here -->
33     
34      <div class="story-title" style="margin-left: 25px;">
35<!--
36        <h1 class="center">Fieldays Innovation Centre</h1>
37-->
38        <h1 class="center">The University of Waikato</h1>
39
40        <p class="center" style="margin: 6px;">&mdash; The New Zealand Flag Debate</p>
41
42        <div class="center">
43          <img alt="" src="main-form/250px-Flag_of_New_Zealand.svg.png"
44           height="125" width="250">
45        </div>
46
47
48        <p>
49              What the flag for New Zealand will look like in the
50          future has become the topic of much debate in the
51          country now the Prime Minister, John Key, has scheduled
52          a binding referendum on the matter.
53
54          Here at
55          the University of Waikato's
56          <a target="_blank" href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
57          <a target="_blank" href="http://cosi.cms.waikato.ac.nz">(COSI)</a>,
58          we've put together a web-browser based tool that lets
59          you try out your ideas for an alternative.
60        </p>
61       
62        <style>
63          ul.infopage {
64            font-size: 250%;
65            padding: 8px;
66            background: none;
67            border: none;
68          }
69
70          ul.infopage li {
71            border: none;
72            list-style:disc outside none;
73            display:inline-block;
74            padding-left: 10px;
75            margin-left: 10px;
76
77          }
78
79        </style>
80        <p style="margin-bottom: 6px">
81          In the steps that follow you will be asked to:
82        </p>
83          <ul class="infopage" >
84        <li>
85            1. Choose a width and height for your flag (not all
86            flags in the world are the same size).
87        </li>
88        <li>
89          2. Select a colour palette to work from (modest sized
90          with distinct colours recommended).
91        </li>
92        <li>
93          3. Interact with an embedded 2D paint application to develop your idea.
94        </li>
95        <li>
96          4. See your flag flying on top of the Beehive in a 3D simulation.
97        </li>
98          </ul>
99        <p>
100<!--
101          We've also added in a flag similarity feature, so you
102          can check how similar your flag design is compared with
103          other countries.  After all we wouldn't want to end up
104          with a flag that's easily mixed up with another one!
105-->
106<!--
107          Guided by principles of good flag designed, through this
108              site you will be asked to choose a width and height for
109              your flag (not all flags in the world are the same
110              size), and a colour palette to work from (modest sized
111              with distinct colours recommended).  Then you will
112          be presented with a 2D paint application (primed with your
113          previous choices) in which you design your flag. 
114             
115-->
116<!--
117              from <a href="http://en.wikipedia.org/wiki/Vexillology">Vexilloloy</a>
118          (the scholarly study of flags)
119          study flags),
120-->
121         
122<!--
123          part of         
124
125
126          we've put
127
128          the <a href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
129          <a href="http://cosi.cms.waikato.ac.nz">(COSI)</a>, part of         
130          the <a href="http://www.cs.waikato.ac.nz">Computer Science Department</a> at     
131          the <a href="http://www.waikato.ac.nz">University of Waikato</a> we've put
132          together a web-browser based tool that let's people try out their ideas.
133
134          Not being flag designers ourselves, we're read up
135          on <a href="http://en.wikipedia.org/wiki/Vexillology">Vexillology</a>
136          (the scientific study of flag design) and put the principles
137
138   
139
140          Guided by the principles of good flag design
141
142          Informed by the principles of good flag design, th
143
144http://www.flaginstitute.org/wp/about-us/about-vexillology/
145
146
147http://en.wikipedia.org/wiki/International_Federation_of_Vexillological_Associations
148
149from the study of flag deisgn
150
151
152, guided by flag design
153          principals
154         
155         
156          Being
157-->
158
159
160        </p>
161
162        <div style="width: 48%; display: inline-block;">
163          <!-- darker green background color: #a8cb45; -->
164
165          <button class="index" style="background-color:#300000; background-colorXX:#95bd26; background-colorXx:#202080; opacityXX: 1.0;"
166                   onclick="window.location.href='main-form/choose-canvas.html#/nz-flag-design/main-form/iterative-design-jsp.html'">
167        <div style="font-size: 200%; color: white;">
168          Start Drawing
169        </div>
170          </button>
171
172        </div>
173        <div style="display: inline-block; width: 3%;">
174        </div>
175        <div style="width: 43%; display: inline-block;">
176          <button class="index" style="background-color:#300000; background-colorXX:#95bd26; background-colorXx:#202080; opacityXX: 1.0;"
177                   onclick="window.location.href='main-form/choose-canvas.html#'">
178        <div style="font-size: 200%; color: white;">
179          Guided Design
180        </div>
181          </button>
182
183
184
185        </div>
186
187      </div>
188      <!-- end of putting custom content -->
189
190    </div> <!-- end story-page-->       
191   
192      </div><!-- /content -->
193     
194    </div><!-- /page -->
195   
196  </body>
197</html>
198 
Note: See TracBrowser for help on using the browser.