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

Revision 29801, 5.8 KB (checked in by davidb, 5 years ago)

Further word crafting

  • 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 lets
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 an embedded 2D paint application in which you develop your idea.
89        </li>
90        <li>
91          4. See your flag flying on top of the Beehive in a 3D simulation.
92        </li>
93        </ul>
94
95        <p>
96          We've also added in a flag similarity feature, so you
97          can check how similar your flag design is compared with
98          other countries.  After all we wouldn't want to end up
99          with a flag that's easily mixed up with another one!
100<!--
101          Guided by principles of good flag deisgned, through this
102              site you will be asked to choose a width and height for
103              your flag (not all flags in the world are the same
104              size), and a colour palette to work from (modest sized
105              with distinct colours recommended).  Then you will
106          be presented with a 2D paint application (primed with your
107          previous choices) in which you design your flag. 
108             
109-->
110<!--
111              from <a href="http://en.wikipedia.org/wiki/Vexillology">Vexilloloy</a>
112          (the scholarly study of flags)
113          study flags),
114-->
115         
116<!--
117          part of         
118
119
120          we've put
121
122          the <a href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
123          <a href="http://cosi.cms.waikato.ac.nz">(COSI)</a>, part of         
124          the <a href="http://www.cs.waikato.ac.nz">Computer Science Department</a> at     
125          the <a href="http://www.waikato.ac.nz">University of Waikato</a> we've put
126          together a web-browser based tool that let's people try out their ideas.
127
128          Not being flag designers ourselves, we're read up
129          on <a href="http://en.wikipedia.org/wiki/Vexillology">Vexillology</a>
130          (the scientific study of flag design) and put the principles
131
132   
133
134          Guided by the principles of good flag design
135
136          Informed by the principles of good flag design, th
137
138http://www.flaginstitute.org/wp/about-us/about-vexillology/
139
140
141http://en.wikipedia.org/wiki/International_Federation_of_Vexillological_Associations
142
143from the study of flag deisgn
144
145
146, guided by flag design
147          principals
148         
149         
150          Being
151-->
152
153
154        </p>
155
156        <div>
157          <!-- darker green background color: #a8cb45; -->
158          <button style="background-color:#95bd26;" onclick="window.location.href='main-form/choose-canvas.html#'">
159        <div style="font-size: 200%">
160          Enter
161        </div>
162          </button>
163        </div>
164
165      </div>
166      <!-- end of putting custom content -->
167
168    </div> <!-- end story-page-->       
169   
170      </div><!-- /content -->
171     
172    </div><!-- /page -->
173   
174  </body>
175</html>
176 
Note: See TracBrowser for help on using the browser.