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

Revision 29800, 5.9 KB (checked in by davidb, 6 years ago)

Further minor word changes

  • 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/favicon.ico"/>     
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;">-- The New Zealand Flag Debate</p>
41
42        <div class="center">
43          <img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/250px-Flag_of_New_Zealand.svg.png" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/375px-Flag_of_New_Zealand.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/500px-Flag_of_New_Zealand.svg.png 2x" data-file-width="1200" data-file-height="600" height="125" width="250">
44        </div>
45
46
47        <p>
48              What the flag for New Zealand will look like in the
49          future has become the topic of much debate in the
50          country, now the Prime Minister, John Key, has scheduled
51          a binding referendum on the matter.
52
53          Here at
54          the University of Waikato's
55          <a target="_blank" href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
56          <a target="_blank" href="http://cosi.cms.waikato.ac.nz">(COSI)</a>,
57          we've put together a web-browser based tool that let's
58          you try out your ideas for an alternative.
59        </p>
60       
61        <style>
62          ul.infopage {
63            font-size: 250%;
64            padding: 8px;
65            background: none;
66            border: none;
67          }
68
69          ul.infopage li {
70            border: none;
71            list-style:disc outside none;
72          }
73
74        </style>
75        <p style="margin-bottom: 6px">
76          In the steps that follow you will be asked to:
77        </p>
78        <ul class="infopage">
79        <li>
80          1. Choose a width and height for your flag (not all
81          flags in the world are the same size).
82        </li>
83        <li>
84          2. Select a colour palette to work from (modest sized
85          with distinct colours recommended).
86        </li>
87        <li>
88          3. Interact with 2D paint application (primed with your
89          previous choices) in which you develop your idea.
90        </li>
91        <li>
92          4. See your flag flying on top of the Beehive in a 3D simulation.
93        </li>
94        </ul>
95
96        <p>
97          We've also added in a flag similarity feature, so you
98          can check how similar your flag design is compared with
99          other countries.  After all we wouldn't want to end up
100          with a flag that's easily mixed up with another one!
101<!--
102          Guided by principles of good flag deisgned, through this
103              site you will be asked to choose a width and height for
104              your flag (not all flags in the world are the same
105              size), and a colour palette to work from (modest sized
106              with distinct colours recommended).  Then you will
107          be presented with a 2D paint application (primed with your
108          previous choices) in which you design your flag. 
109             
110-->
111<!--
112              from <a href="http://en.wikipedia.org/wiki/Vexillology">Vexilloloy</a>
113          (the scholarly study of flags)
114          study flags),
115-->
116         
117<!--
118          part of         
119
120
121          we've put
122
123          the <a href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
124          <a href="http://cosi.cms.waikato.ac.nz">(COSI)</a>, part of         
125          the <a href="http://www.cs.waikato.ac.nz">Computer Science Department</a> at     
126          the <a href="http://www.waikato.ac.nz">University of Waikato</a> we've put
127          together a web-browser based tool that let's people try out their ideas.
128
129          Not being flag designers ourselves, we're read up
130          on <a href="http://en.wikipedia.org/wiki/Vexillology">Vexillology</a>
131          (the scientific study of flag design) and put the principles
132
133   
134
135          Guided by the principles of good flag design
136
137          Informed by the principles of good flag design, th
138
139http://www.flaginstitute.org/wp/about-us/about-vexillology/
140
141
142http://en.wikipedia.org/wiki/International_Federation_of_Vexillological_Associations
143
144from the study of flag deisgn
145
146
147, guided by flag design
148          principals
149         
150         
151          Being
152-->
153
154
155        </p>
156
157        <div>
158          <!-- darker green background color: #a8cb45; -->
159          <button style="background-color:#95bd26;" onclick="window.location.href='main-form/choose-canvas.html#'">
160        <div style="font-size: 200%">
161          Enter
162        </div>
163          </button>
164        </div>
165
166      </div>
167      <!-- end of putting custom content -->
168
169    </div> <!-- end story-page-->       
170   
171      </div><!-- /content -->
172     
173    </div><!-- /page -->
174   
175  </body>
176</html>
177 
Note: See TracBrowser for help on using the browser.