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

Revision 29949, 6.6 KB (checked in by davidb, 5 years ago)

Supressing the image similarity text for Fieldays

  • 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="//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            display:inline-block;
73            padding-left: 10px;
74            margin-left: 10px;
75
76          }
77
78        </style>
79        <p style="margin-bottom: 6px">
80          In the steps that follow you will be asked to:
81        </p>
82          <ul class="infopage" >
83        <li>
84            1. Choose a width and height for your flag (not all
85            flags in the world are the same size).
86        </li>
87        <li>
88          2. Select a colour palette to work from (modest sized
89          with distinct colours recommended).
90        </li>
91        <li>
92          3. Interact with an embedded 2D paint application to develop your idea.
93        </li>
94        <li>
95          4. See your flag flying on top of the Beehive in a 3D simulation.
96        </li>
97          </ul>
98        <p>
99<!--
100          We've also added in a flag similarity feature, so you
101          can check how similar your flag design is compared with
102          other countries.  After all we wouldn't want to end up
103          with a flag that's easily mixed up with another one!
104-->
105<!--
106          Guided by principles of good flag designed, through this
107              site you will be asked to choose a width and height for
108              your flag (not all flags in the world are the same
109              size), and a colour palette to work from (modest sized
110              with distinct colours recommended).  Then you will
111          be presented with a 2D paint application (primed with your
112          previous choices) in which you design your flag. 
113             
114-->
115<!--
116              from <a href="http://en.wikipedia.org/wiki/Vexillology">Vexilloloy</a>
117          (the scholarly study of flags)
118          study flags),
119-->
120         
121<!--
122          part of         
123
124
125          we've put
126
127          the <a href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
128          <a href="http://cosi.cms.waikato.ac.nz">(COSI)</a>, part of         
129          the <a href="http://www.cs.waikato.ac.nz">Computer Science Department</a> at     
130          the <a href="http://www.waikato.ac.nz">University of Waikato</a> we've put
131          together a web-browser based tool that let's people try out their ideas.
132
133          Not being flag designers ourselves, we're read up
134          on <a href="http://en.wikipedia.org/wiki/Vexillology">Vexillology</a>
135          (the scientific study of flag design) and put the principles
136
137   
138
139          Guided by the principles of good flag design
140
141          Informed by the principles of good flag design, th
142
143http://www.flaginstitute.org/wp/about-us/about-vexillology/
144
145
146http://en.wikipedia.org/wiki/International_Federation_of_Vexillological_Associations
147
148from the study of flag deisgn
149
150
151, guided by flag design
152          principals
153         
154         
155          Being
156-->
157
158
159        </p>
160
161        <div style="width: 48%; display: inline-block;">
162          <!-- darker green background color: #a8cb45; -->
163
164          <button class="index" style="background-color:#300000; background-colorXX:#95bd26; background-colorXx:#202080; opacityXX: 1.0;"
165                   onclick="window.location.href='main-form/choose-canvas.html#/nz-flag-design/main-form/iterative-design.html'">
166        <div style="font-size: 200%; color: white;">
167          Start Drawing
168        </div>
169          </button>
170
171        </div>
172        <div style="display: inline-block; width: 3%;">
173        </div>
174        <div style="width: 43%; display: inline-block;">
175          <button class="index" style="background-color:#300000; background-colorXX:#95bd26; background-colorXx:#202080; opacityXX: 1.0;"
176                   onclick="window.location.href='main-form/choose-canvas.html#'">
177        <div style="font-size: 200%; color: white;">
178          Guided Design
179        </div>
180          </button>
181
182
183
184        </div>
185
186      </div>
187      <!-- end of putting custom content -->
188
189    </div> <!-- end story-page-->       
190   
191      </div><!-- /content -->
192     
193    </div><!-- /page -->
194   
195  </body>
196</html>
197 
Note: See TracBrowser for help on using the browser.