source: other-projects/nz-flag-design/trunk/index.html@ 29904

Last change on this file since 29904 was 29904, checked in by davidb, 6 years ago

Minor text tweak

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